:root{--bg:#faf9f6;--bar:#f1eee8;--raised:#fbfaf7;--surface:#fff;--ink:#22201c;--ink-soft:#5a5548;--muted:#6b6558;--line:#e8e4dc;--line-strong:#d3cec2;--pill:#e4e0d8;--dot:#b3ac9d;--green:#2f7a4a;--green-hover:#245c38;--green-soft:#eef5ef;--amber:#b7791f;--red:#b3261e;--sans:"Space Grotesk","Helvetica Neue",Arial,sans-serif;--display:"Courier Prime","Courier New",Courier,monospace;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace;--slc-accent:var(--green);--slc-surface:var(--surface);--slc-text:var(--ink);--slc-muted:var(--muted);--slc-font-display:var(--display);--slc-font-mono:var(--mono);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:500 15px/1.5 var(--sans);color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{height:100dvh;margin:0;overflow:hidden}[hidden]{display:none!important}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px}:focus-visible{outline:2px solid var(--green);outline-offset:2px}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:18px;height:18px}kbd{font:600 11px/1 var(--mono);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-soft);border-radius:6px;padding:5px 6px}.primary,.secondary,.ghost{align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.primary{background:var(--green);border-color:var(--green);color:#fff}.primary:hover{background:var(--green-hover)}.secondary{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.secondary:hover{background:var(--bar)}.ghost{padding:0 14px;font-size:15px}.ghost:hover,.icon-button:hover{background:#22201c0d}.icon-button{place-items:center;width:44px;height:44px;padding:0;display:grid}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:12px;font-weight:600}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips button{background:var(--surface);border-color:var(--line-strong);height:44px;color:var(--ink-soft);border-radius:999px;padding:0 16px;font-size:14px;font-weight:600}.chips button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.topbar{z-index:200;background:var(--bar);border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;height:56px;padding:0 16px;display:grid;position:relative}.topbar-start,.topbar-end{align-items:center;gap:8px;display:flex}.topbar-end{justify-content:flex-end}#activities[aria-expanded=true]{background:var(--ink);color:var(--bg)}.brand{align-items:baseline;gap:10px;min-width:0;display:flex}.wordmark{font:700 20px/1.1 var(--display)}#desktop-kind{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:24ch;font-size:13px;overflow:hidden}.sync-pill{--slc-sync-background:var(--pill);--slc-sync-color:var(--ink-soft);--slc-sync-idle:var(--dot);--slc-sync-pending:var(--amber);--slc-danger:var(--red);--slc-accent:var(--green)}#conflicts{--slc-conflict-background:#f6ecd9;--slc-border:var(--line-strong);--slc-accent:var(--green)}#account-button.connected{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}#desktop-area{position:absolute;inset:56px 0 88px}.wallpaper{pointer-events:none;background:radial-gradient(60% 45% at 50% 18%,#f6e7b680,#0000 70%),radial-gradient(45% 70% at 8% 60%,#2d4a2c,#0000 70%),radial-gradient(45% 70% at 92% 55%,#2f4b2a,#0000 70%),radial-gradient(70% 35% at 50% 100%,#6b5433,#0000 75%),linear-gradient(#9cb582 0%,#5f7d4b 45%,#3c5a33 75%,#2e4526 100%);position:fixed;inset:56px 0 0}.desk-search{flex-direction:column;align-items:center;gap:16px;padding-top:clamp(48px,19vh,168px);display:flex;position:relative}body[data-windows=true] .desk-search{visibility:hidden}.search-field{background:var(--surface);border:1px solid var(--line-strong);width:min(640px,100vw - 32px);height:60px;color:var(--muted);border-radius:8px;align-items:center;gap:12px;padding:0 16px;display:flex}.search-field svg{width:20px;height:20px}.search-field input{min-width:0;height:44px;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:17px}.search-field:focus-within{border-color:var(--ink)}.key-hint{background:var(--surface);border:1px solid var(--line);height:36px;color:var(--ink-soft);border-radius:999px;align-items:center;gap:8px;margin:0;padding:0 14px;font-size:13px;display:flex}slc-desktop{pointer-events:none;display:block;position:absolute;inset:0}slc-window{pointer-events:auto}.gesturing slc-app-host{pointer-events:none}#dock{z-index:200;background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:center;gap:4px;max-width:calc(100vw - 16px);padding:6px;display:flex;position:fixed;bottom:16px;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 6px 24px #22201c1f}#dock-apps{gap:4px;display:flex}.dock-app{width:52px;height:52px;color:var(--ink);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:0;display:flex}.dock-app svg{width:20px;height:20px}.dock-app:hover{background:var(--bar)}.dock-app:after{content:"";background:0 0;border-radius:50%;width:5px;height:5px}.dock-app.running:after{background:var(--ink)}.dock-app.active{background:var(--green-soft);color:var(--green)}.dock-divider{background:var(--line);flex-shrink:0;width:1px;height:28px;margin:0 4px}.dock-add{border:1px dashed var(--line-strong);width:52px;height:52px;color:var(--ink-soft);flex-shrink:0;place-items:center;display:grid}.dock-add svg{width:20px;height:20px}.dock-add:hover{background:var(--bar)}#overview{z-index:190;background:#22201c33;padding:16px 16px 104px;position:fixed;inset:56px 0 0;overflow:auto}.overview-panel{background:var(--bg);border:1px solid var(--line-strong);border-radius:14px;flex-direction:column;gap:24px;max-width:1008px;margin:0 auto;padding:20px 24px;display:flex;box-shadow:0 20px 60px #22201c33}.overview-find{flex-direction:column;gap:12px;display:flex}.overview-label{justify-content:space-between;align-items:center;display:flex}.overview-label label,.field label,.field legend{color:var(--ink-soft);font-size:13px;font-weight:600;line-height:1.3}.search-field.strong{border-color:var(--ink);width:auto;height:52px}.search-field.strong input{font-size:16px}.keys{gap:4px;display:flex}.overview-panel section{flex-direction:column;gap:12px;display:flex}.section-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}#running-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.window-card{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;min-height:52px;padding:8px 14px;display:flex}.window-card:hover,.window-card:focus-visible{border-color:var(--green)}.window-card .meta{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.window-card .app-name{white-space:nowrap}.window-card .where{font:12px var(--mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-left:auto;overflow:hidden}.app-name{font:700 15px/1.3 var(--display)}.app-tile{background:var(--surface);border:1px solid var(--line);border-radius:12px;min-height:84px;display:flex;position:relative}.app-tile:focus-within,.app-tile:hover{background:var(--green-soft);border-color:var(--green)}.app-tile>button:first-child{text-align:left;border:0;border-radius:12px;flex:1;align-items:center;gap:14px;min-width:0;padding:16px 44px 16px 16px;display:flex}.app-icon{background:var(--bar);border-radius:8px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.app-icon svg{width:20px;height:20px}.app-text{flex-direction:column;gap:4px;min-width:0;display:flex}.app-text small{color:var(--muted);font-size:13px;line-height:1.4}.tile-actions{flex-direction:column;display:flex;position:absolute;top:4px;right:4px}.tile-actions button{width:36px;height:36px;color:var(--muted);place-items:center;padding:0;display:grid}.tile-actions button[aria-pressed=true]{color:var(--green)}.tile-actions button[aria-pressed=true] svg{fill:currentColor}.tile-actions svg{width:16px;height:16px}.key-legend{color:var(--muted);justify-content:center;gap:16px;font-size:13px;display:flex}.key-legend span{align-items:center;gap:6px;display:flex}.empty{color:var(--muted);margin:0;font-size:13px}dialog{background:var(--surface);width:min(560px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);border:1px solid var(--line-strong);border-radius:14px;padding:0;overflow:auto;box-shadow:0 30px 80px #22201c40}dialog.wide{background:var(--bg);width:min(1040px,100vw - 32px)}#account-dialog{width:min(520px,100vw - 32px)}dialog::backdrop{background:#22201c52}dialog header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 12px 16px 24px;display:flex}dialog header>div{flex-direction:column;gap:4px;display:flex}dialog h2{font:400 26px/1.2 var(--display);margin:0}dialog h3{font:700 17px/1.3 var(--display);margin:0}.dialog-body{flex-direction:column;gap:20px;padding:24px;display:flex}.dialog-body p{color:var(--ink-soft);margin:0;font-size:15px}.dialog-body form,#account-signed-in{flex-direction:column;gap:20px;display:flex}.columns{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:32px;display:grid}.columns section{flex-direction:column;gap:16px;display:flex}.field{border:0;flex-direction:column;gap:6px;min-width:0;margin:0;padding:0;display:flex}.field legend{padding:0 0 6px}.field input,.field select,textarea{background:var(--surface);border:1px solid var(--line-strong);height:44px;color:var(--ink);border-radius:8px;padding:0 12px;font-size:15px}#idp,#workspace-uri,#app-url{font:13px var(--mono)}textarea{resize:vertical;height:auto;min-height:260px;font:12px/1.45 var(--mono);background:var(--raised);flex:1;padding:16px}.hint{color:var(--muted)!important;font-size:13px!important}.error{color:var(--red);margin:0;font-size:14px}.check{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-size:15px;display:flex}.check input{width:18px;height:18px;accent-color:var(--green);margin:0}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.dialog-actions.start{justify-content:flex-start}.file-button{cursor:pointer;border:1px solid var(--line-strong);border-radius:8px}.icon-picker{flex-wrap:wrap;gap:6px;display:flex}.icon-picker button{background:var(--surface);border-color:var(--line-strong);place-items:center;width:44px;height:44px;padding:0;display:grid}.icon-picker button[aria-pressed=true]{background:var(--green-soft);border-color:var(--green);color:var(--green)}slc-pod-document{display:block}#account-webid{font:13px var(--mono);word-break:break-all}#desktop-auth{display:none}#toast{z-index:300;background:var(--ink);max-width:calc(100vw - 32px);color:var(--bg);border-radius:8px;padding:10px 16px;font-size:14px;position:fixed;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #22201c40}@media (width<=900px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.columns{grid-template-columns:1fr}}.home,.add-tile{display:none}@media (width<=700px){.topbar{grid-template-columns:auto 1fr auto;gap:8px;height:48px;padding:0 8px}.brand #desktop-kind,.sync-pill,#activities span,#account-label{display:none}.wordmark{font-size:17px}#activities,#settings-button,#account-button{justify-content:center;width:44px;height:44px;min-height:44px;padding:0}.key-hint,.keys,.key-legend{display:none}#desktop-area{inset:48px 0 calc(57px + env(safe-area-inset-bottom))}.wallpaper{inset:48px 0 0}#dock{max-width:none;padding:4px 8px calc(4px + env(safe-area-inset-bottom));box-shadow:none;scroll-snap-type:x proximity;scrollbar-width:none;border-width:1px 0 0;border-radius:0;justify-content:safe center;gap:2px;bottom:0;left:0;right:0;transform:none}.dock-app,.dock-add{scroll-snap-align:start;width:48px;height:48px}.dock-app:after{width:4px;height:4px}#toast{bottom:calc(68px + env(safe-area-inset-bottom))}.desk-search{justify-content:flex-start;gap:16px;height:100%;padding:16px 16px 12px;overflow:auto}.search-field{width:100%;height:48px}.search-field input{font-size:16px}.home{flex-direction:column;gap:16px;width:100%;display:flex}.home-apps{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px;display:grid}.home-app{color:#fff;text-shadow:0 1px 2px #0006;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:8px 2px;font-size:12px;font-weight:600;line-height:1.2;display:flex}.home-app svg{box-sizing:content-box;background:var(--surface);width:24px;height:24px;color:var(--ink);text-shadow:none;border-radius:14px;padding:14px;box-shadow:0 2px 8px #22201c33}.home-app span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.home-windows{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.home-window{background:var(--surface);border-color:var(--line-strong);border-radius:999px;flex:none;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}#overview{inset:48px 0 calc(57px + env(safe-area-inset-bottom));background:var(--bg);padding:0}.overview-panel{box-shadow:none;border:0;border-radius:0;gap:16px;padding:12px 12px 24px}.overview-find{grid-template-columns:minmax(0,1fr) auto;gap:10px 4px;display:grid}.overview-label{display:contents}.overview-label label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.search-field.strong{grid-area:1/1;height:48px}#close-overview{grid-area:1/2;align-self:center}#categories{scrollbar-width:none;flex-wrap:nowrap;grid-column:1/-1;margin:0 -12px;padding:0 12px;overflow-x:auto}#categories button{flex:none;height:40px;padding:0 14px}.overview-panel section{gap:8px}#overview-add-app{display:none}.card-grid{grid-template-columns:1fr}#running-grid{scrollbar-width:none;gap:8px;margin:0 -12px;padding:0 12px;display:flex;overflow-x:auto}.window-card{border-radius:999px;flex:none;min-height:44px;padding:0 14px}.window-card .where{display:none}#app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.app-tile{min-height:0}.app-tile>button:first-child{text-align:center;flex-direction:column;justify-content:center;gap:8px;padding:14px 6px 10px}.app-tile .app-text small{display:none}.app-tile .app-name{font-size:14px}.app-text{align-items:center;max-width:100%}.app-text strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.tile-actions{top:0;right:0}.tile-actions button{width:32px;height:32px}.tile-actions svg{width:14px;height:14px}.add-tile{border:1px dashed var(--line-strong);color:var(--ink-soft);background:0 0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px 6px 10px;display:flex}.add-tile .app-name{font-size:14px}dialog,dialog.wide,#account-dialog{border-width:1px 0 0;border-radius:14px 14px 0 0;width:100vw;max-width:100vw;max-height:calc(100dvh - 24px);margin:auto 0 0}dialog header{z-index:1;background:inherit;padding:12px 4px 12px 16px;position:sticky;top:0}dialog h2{font-size:20px}.dialog-body{padding:16px 16px calc(16px + env(safe-area-inset-bottom));gap:16px}.columns{gap:20px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}