:root{--sai-bottom:env(safe-area-inset-bottom,0px);--blur:30px;--os-accent:#2f7bf6;--brand:var(--primary);--brand-soft:color-mix(in oklch, var(--primary) 16%, transparent);--brand-strong:color-mix(in oklch, var(--primary) 80%, black);--glass-bar:#fafafc9e;--glass-menu:#fcfcfedb;--window-bg:#f8f8fbdb;--surface:#f4f4f7;--window-head:#ffffff8c;--hover-strong:#00000017;--dock-bg:#ffffff57;--radius-win:12px;--radius-icon:22%;--shadow-win:0 0 0 .5px #00000029, 0 24px 60px -12px #0000006b, 0 8px 22px -10px #0000004d}.dark{--glass-bar:#1c1c2099;--glass-menu:#28282edb;--window-bg:#222228d1;--surface:#1b1b20;--window-head:#3c3c4480;--hover-strong:#ffffff24;--dock-bg:#2828306b;--shadow-win:0 0 0 .5px #0009, 0 28px 70px -12px #000000b3, 0 8px 22px -10px #0000008c}.glass{-webkit-backdrop-filter:blur(var(--blur)) saturate(180%);backdrop-filter:blur(var(--blur)) saturate(180%)}.wp-aurora{background:radial-gradient(120% 120% at 18% 12%,#6a8dff 0%,#6a8dff00 46%),radial-gradient(120% 110% at 86% 22%,#ff7ac4 0%,#ff7ac400 42%),radial-gradient(120% 120% at 70% 88%,#5be0c8 0%,#5be0c800 48%),linear-gradient(160deg,#2a2f6b 0%,#1b2050 60%,#141738 100%)}.wp-noir{background:linear-gradient(160deg,#121316 0%,#0a0a0c 100%)}.wp-sunset{background:linear-gradient(160deg,#7c2d12 0%,#db2777 45%,#f59e0b 100%)}.wp-ocean{background:linear-gradient(160deg,#042f49 0%,#0e7490 45%,#14b8a6 100%)}.wp-mono{background:linear-gradient(160deg,#e5e7eb 0%,#9ca3af 100%)}.dark .wp-mono{background:linear-gradient(160deg,#374151 0%,#111827 100%)}.wp-win11{background:radial-gradient(90% 75% at 50% 35%,#3b82f6 0%,#1e40af 42%,#0b1f4a 100%)}.wp-material{background:linear-gradient(150deg,#cfe0ff 0%,#e8def8 55%,#ffd8e4 100%)}.dark .wp-material{background:linear-gradient(150deg,#1f2c47 0%,#322c4b 55%,#46263a 100%)}.wp-ios{background:linear-gradient(165deg,#0f2a6b 0%,#5b3bb4 48%,#c84fa0 100%)}.wp-auto{background:conic-gradient(from 220deg,#3b82f6,#8b5cf6,#ec4899,#f59e0b,#10b981,#3b82f6)}@layer components{.icon-tile{border-radius:var(--radius-icon);position:relative;overflow:hidden;box-shadow:0 0 0 .5px #0000001a,0 1px 1px #0000002e,0 4px 10px -3px #00000042,inset 0 1px 1px #ffffff80,inset 0 -3px 6px -2px #00000026}.icon-tile:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(120% 80% at 50% -10%,#ffffff3d,#fff0 72%),linear-gradient(#ffffff24 0%,#ffffff05 36%,#0000000f 66%,#0000002e 100%);position:absolute;inset:0}.icon-tile:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1a}.icon-tile>svg{z-index:1;color:#fff;filter:drop-shadow(0 0 1px #00000073)drop-shadow(0 1px 1.5px #0006);position:relative}}