body:has(.wallpaper-app){overflow:hidden}body:has(.wallpaper-app) .site-shell{min-height:100vh}body:has(.wallpaper-app) .main-content{width:100%;min-height:100vh;margin:0;padding:0}body:has(.wallpaper-app) .site-footer{display:none}.wallpaper-app{width:100%;height:100vh;min-height:520px;color:#fff;background:#030404}.wallpaper-viewport{--wallpaper-accent: #f9fafc;--wallpaper-base: #030404;position:relative;width:100%;height:100%;overflow:hidden;background:var(--wallpaper-base);isolation:isolate;touch-action:pan-y;outline:none}.wallpaper-viewport:focus-visible{box-shadow:inset 0 0 0 2px var(--wallpaper-accent)}.wallpaper-track{display:flex;width:200%;height:100%;transition:transform .62s cubic-bezier(.22,1,.36,1);will-change:transform}.wallpaper-screen{position:relative;flex:0 0 50%;min-width:0;height:100%;overflow:hidden;padding:clamp(28px,5vw,72px)}.wallpaper-bg-layer{position:absolute;z-index:-2;inset:0;background-color:#040505;background-image:var(--wallpaper-image),radial-gradient(circle at 30% 16%,color-mix(in srgb,var(--wallpaper-accent),transparent 74%),transparent 28rem),radial-gradient(circle at 82% 24%,rgba(42,170,206,.12),transparent 32rem),linear-gradient(90deg,color-mix(in srgb,var(--wallpaper-accent),transparent 94%) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(#040505,#040505);background-position:center,center,center,center,center,center;background-size:cover,auto,auto,42px 42px,42px 42px,auto;transition:filter .26s ease,opacity .26s ease}.wallpaper-viewport.is-loading .wallpaper-bg-layer{filter:saturate(.72) brightness(.74)}.wallpaper-bg-layer:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.035),transparent 1px),linear-gradient(90deg,#00000075,#0000001a,#00000080);background-size:100% 4px,auto;pointer-events:none}.wallpaper-viewport[data-wallpaper-tone=blue] .wallpaper-bg-layer{background-color:#031015}.wallpaper-viewport[data-wallpaper-tone=warm] .wallpaper-bg-layer{background-color:#130b06}.wallpaper-viewport[data-wallpaper-tone=mono] .wallpaper-bg-layer{background-color:#080909}.wallpaper-terminal{position:absolute;left:clamp(28px,4.2vw,82px);bottom:clamp(72px,10vh,132px);display:grid;gap:10px;max-width:min(760px,74vw);text-shadow:0 3px 28px rgba(0,0,0,.72)}.wallpaper-terminal p{margin:0;color:var(--wallpaper-accent);font-size:clamp(.72rem,.85vw,.9rem);font-weight:950;letter-spacing:.18em}.wallpaper-terminal h1{max-width:none;margin:0;color:#fff;font-size:clamp(4rem,9.5vw,10rem);font-weight:950;line-height:.84;letter-spacing:-.065em}.wallpaper-terminal>span{color:#ffffffbd;font-size:clamp(.92rem,1.4vw,1.2rem);font-weight:850}.wallpaper-links-workspace{position:relative;z-index:2;width:min(780px,calc(100% - 90px));height:100%;margin:0 auto}.wallpaper-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:58px;padding:8px 10px 8px 18px;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:#080a0a9e;box-shadow:0 24px 70px #00000061;opacity:0;transform:translateY(-18px);backdrop-filter:blur(18px) saturate(160%);transition:opacity .36s ease .12s,transform .52s cubic-bezier(.22,1,.36,1) .12s}.wallpaper-viewport[data-active-panel="1"] .wallpaper-search{opacity:1;transform:translateY(0)}.wallpaper-search label{color:var(--wallpaper-accent);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-weight:950}.wallpaper-search input{min-width:0;border:0;border-radius:0;color:#fff;background:transparent;font:inherit;font-size:1rem;outline:none}.wallpaper-search input::placeholder{color:#ffffff85}.wallpaper-search button{min-height:40px;padding:0 18px;border:0;border-radius:6px;color:#111;background:var(--wallpaper-accent);font:inherit;font-size:.82rem;font-weight:950}.wallpaper-search button:focus-visible{outline:2px solid #fff;outline-offset:2px}.wallpaper-link-grid{position:absolute;inset:clamp(88px,11vh,126px) 0 clamp(66px,9vh,96px);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:clamp(8px,.8vw,13px)}.wallpaper-link-tile{display:grid;place-items:center;align-content:center;gap:7px;min-width:0;min-height:0;padding:8px;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#fff;background:#080a0a85;box-shadow:0 16px 38px #0003;opacity:0;transform:translateY(22px) scale(.98);backdrop-filter:blur(16px) saturate(145%);font-size:clamp(.74rem,.92vw,.92rem);font-weight:900;text-align:center;text-decoration:none;overflow-wrap:anywhere;transition:opacity .26s ease calc(.14s + var(--tile-index) * 22ms),transform .42s cubic-bezier(.22,1,.36,1) calc(.14s + var(--tile-index) * 22ms),border-color .15s ease,color .15s ease,background .15s ease}.wallpaper-viewport[data-active-panel="1"] .wallpaper-link-tile{opacity:1;transform:translateY(0) scale(1)}.wallpaper-link-tile>span{color:var(--wallpaper-accent);font:800 .6rem/1 SFMono-Regular,Consolas,monospace;letter-spacing:.12em}.wallpaper-link-tile strong{font-weight:900}.wallpaper-link-tile:hover,.wallpaper-link-tile:focus-visible{border-color:var(--wallpaper-accent);color:#111;background:var(--wallpaper-accent);outline:none}.wallpaper-link-tile:hover>span,.wallpaper-link-tile:focus-visible>span{color:#111}.wallpaper-panel-switch{position:absolute;z-index:4;top:50%;right:clamp(16px,2vw,34px);display:grid;gap:10px;transform:translateY(-50%)}.wallpaper-panel-switch button{width:12px;height:42px;padding:0;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:#ffffff3d;box-shadow:0 5px 14px #00000047}.wallpaper-panel-switch button:hover,.wallpaper-panel-switch button:focus-visible,.wallpaper-panel-switch button.is-active{border-color:var(--wallpaper-accent);background:var(--wallpaper-accent);outline:none}.wallpaper-panel-switch button:focus-visible{box-shadow:0 0 0 3px #000000b3,0 0 0 5px var(--wallpaper-accent)}.wallpaper-bg-dock{position:absolute;z-index:5;bottom:0;left:50%;width:min(860px,calc(100% - 32px));transform:translate(-50%,calc(100% - 46px));transition:transform .28s cubic-bezier(.22,1,.36,1)}.wallpaper-bg-dock:hover,.wallpaper-bg-dock:focus-within,.wallpaper-bg-dock.is-open{transform:translate(-50%)}.wallpaper-bg-handle{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:46px;padding:0 18px;border:1px solid rgba(255,255,255,.18);border-bottom:0;border-radius:8px 8px 0 0;color:#fff;background:#080a0ab8;backdrop-filter:blur(18px) saturate(160%);font:inherit;font-size:.82rem;font-weight:950}.wallpaper-bg-handle:focus-visible{border-color:var(--wallpaper-accent);outline:2px solid var(--wallpaper-accent);outline-offset:-3px}.wallpaper-bg-chevron{width:7px;height:7px;border-top:2px solid currentColor;border-left:2px solid currentColor;transform:translateY(2px) rotate(45deg);transition:transform .18s ease}.wallpaper-bg-dock:hover .wallpaper-bg-chevron,.wallpaper-bg-dock:focus-within .wallpaper-bg-chevron,.wallpaper-bg-dock.is-open .wallpaper-bg-chevron{transform:translateY(-2px) rotate(225deg)}.wallpaper-bg-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-height:120px;padding:14px;border:1px solid rgba(255,255,255,.18);border-radius:0 0 8px 8px;background:#080a0ac2;box-shadow:0 -18px 58px #00000052;backdrop-filter:blur(20px) saturate(160%)}.wallpaper-bg-option{position:relative;display:grid;align-content:space-between;gap:8px;min-width:0;min-height:92px;padding:14px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:8px;color:#fff;text-align:left;background:linear-gradient(135deg,color-mix(in srgb,var(--option-accent),transparent 42%),transparent 58%),#ffffff0f;font:inherit}.wallpaper-bg-option:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 22%,rgba(255,255,255,.12),transparent 55%);opacity:0;transform:translate(-100%);transition:opacity .18s ease,transform .42s ease;pointer-events:none}.wallpaper-bg-option:hover:after,.wallpaper-bg-option:focus-visible:after{opacity:1;transform:translate(100%)}.wallpaper-bg-option>span{position:relative;z-index:1;font-size:.86rem;font-weight:950}.wallpaper-bg-option small{position:relative;z-index:1;color:#ffffffa3;font-size:.66rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.wallpaper-bg-option:hover,.wallpaper-bg-option:focus-visible,.wallpaper-bg-option.is-active{border-color:var(--option-accent);box-shadow:inset 0 0 0 1px var(--option-accent);outline:none}.wallpaper-bg-option.is-error{opacity:.42;filter:grayscale(1);cursor:not-allowed}.wallpaper-bg-empty{grid-column:1 / -1;align-self:center;color:#ffffffbd;text-align:center}.wallpaper-status.is-error{position:absolute;z-index:6;top:18px;left:50%;width:min(560px,calc(100% - 96px));margin:0;padding:10px 14px;border:1px solid rgba(255,117,88,.72);border-radius:8px;color:#fff;background:#3e120cd1;backdrop-filter:blur(14px);font-size:.82rem;font-weight:800;text-align:center;transform:translate(-50%)}@media(max-width:1020px){body:has(.wallpaper-app) .main-content{width:100%;min-height:calc(100svh - 68px);padding:0}.wallpaper-app{height:calc(100svh - 68px);min-height:480px}.wallpaper-screen{padding:28px}.wallpaper-links-workspace{width:min(720px,calc(100% - 52px))}.wallpaper-link-grid{inset-block:90px 76px}.wallpaper-bg-dock{width:min(720px,calc(100% - 20px))}}@media(max-width:640px){.wallpaper-app{min-height:430px}.wallpaper-screen{padding:20px}.wallpaper-terminal{left:22px;bottom:96px;max-width:calc(100vw - 64px)}.wallpaper-terminal h1{font-size:clamp(3.25rem,20vw,5.8rem)}.wallpaper-links-workspace{width:calc(100% - 20px)}.wallpaper-search{grid-template-columns:auto minmax(0,1fr);min-height:52px;padding-right:14px}.wallpaper-search button{display:none}.wallpaper-link-grid{inset-block:72px 70px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));gap:7px}.wallpaper-link-tile{gap:3px;padding:5px;font-size:clamp(.64rem,2.7vw,.74rem)}.wallpaper-link-tile>span{font-size:.5rem}.wallpaper-panel-switch{right:8px}.wallpaper-panel-switch button{width:10px;height:36px}.wallpaper-bg-options{grid-template-columns:repeat(2,minmax(0,1fr));max-height:min(310px,calc(100svh - 160px));overflow-y:auto}.wallpaper-bg-option{min-height:74px;padding:11px}.wallpaper-status.is-error{top:10px;width:calc(100% - 52px);font-size:.74rem}}@media(max-height:640px)and (min-width:641px){.wallpaper-terminal{bottom:74px}.wallpaper-link-grid{inset-block:76px 64px}.wallpaper-bg-options{min-height:104px;padding:10px}.wallpaper-bg-option{min-height:76px;padding:11px}}@media(prefers-reduced-motion:reduce){.wallpaper-track,.wallpaper-bg-dock,.wallpaper-search,.wallpaper-link-tile,.wallpaper-bg-layer,.wallpaper-bg-chevron{transition-duration:1ms;transition-delay:0ms}}
