.os-root{background:var(--bg);--os-topbar-h:2.5rem;flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.os-wallpaper{background:var(--bg);position:absolute;inset:0;overflow:hidden}.os-topbar{z-index:40;border-bottom:1px solid var(--border);background:color-mix(in oklab, var(--surface) 82%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);height:2.5rem;font-family:var(--font-mono);color:var(--muted);justify-content:space-between;align-items:center;gap:.5rem;padding:0 .75rem;font-size:11px;display:flex;position:relative}.os-topbar-left,.os-topbar-right{align-items:center;gap:.5rem;display:flex}.os-brand{color:var(--fg);align-items:center;gap:.4rem;font-weight:600;display:inline-flex}.os-brand-dot{background:var(--accent-2);width:7px;height:7px;box-shadow:0 0 6px color-mix(in oklab, var(--accent-2) 45%, transparent);border-radius:999px}.os-clock{color:var(--faint);white-space:nowrap}@media (max-width:419px){.os-clock{display:none}}.os-theme-btn{border:1px solid var(--border);background:var(--surface-2);width:1.75rem;height:1.75rem;color:var(--muted);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.os-theme-btn:hover{color:var(--fg);border-color:var(--border-2)}.os-theme-btn:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.os-theme-btn svg{width:14px;height:14px}.os-theme-moon,[data-theme=dark] .os-theme-sun{display:none}[data-theme=dark] .os-theme-moon{display:block}.os-icons{z-index:10;flex:1;grid-template-columns:minmax(0,1fr);grid-template-areas:"system""trust""create""trade";align-content:start;gap:14px;width:100%;max-width:22rem;min-height:0;padding:16px 16px 6rem;display:grid;position:relative;overflow-y:auto}.os-stage{inset:var(--os-topbar-h) 0 0 0;z-index:20;pointer-events:none;position:absolute;overflow:hidden}.os-tray{--os-group:var(--faint);background:linear-gradient(160deg, var(--surface-2), var(--surface));border:1px solid var(--border);border-radius:14px;flex-direction:column;min-width:0;padding:8px;display:flex;box-shadow:inset 0 1px #ffffff0d,0 12px 30px -18px #0009}[data-theme=light] .os-tray{background:linear-gradient(160deg,#eceef2,#dfe2e9);box-shadow:inset 0 1px #ffffffe6,0 8px 20px -14px #0f121e4d}.os-tray-plate{font-family:var(--font-mono);align-items:center;gap:8px;padding:2px 6px 8px;display:flex}.os-tray-led{background:var(--os-group);width:6px;height:6px;box-shadow:0 0 6px color-mix(in oklab, var(--os-group) 55%, transparent);border-radius:999px;flex:none}.os-tray-label{text-transform:uppercase;letter-spacing:.18em;color:var(--muted);font-size:11px;font-weight:600}[data-theme=light] .os-tray-label{color:#4a4f5c}.os-tray-count{font-family:var(--font-mono);color:var(--faint);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}[data-theme=light] .os-tray-plate .os-tray-count{color:var(--muted)}.os-tray-screen{background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--border), inset 0 0 22px #00000038;border-radius:9px;flex:1;grid-template-columns:repeat(auto-fill,minmax(6rem,1fr));align-content:start;gap:2px;padding:8px;display:grid}[data-theme=light] .os-tray-screen{box-shadow:inset 0 0 0 1px var(--border);background:#fbfbfd}.os-tray[data-group=system]{grid-area:system}.os-tray[data-group=trust]{grid-area:trust}.os-tray[data-group=create]{grid-area:create}.os-tray[data-group=trade]{grid-area:trade}.os-icon{--os-hue:var(--os-group,var(--accent));text-align:center;border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:8px 4px 6px;display:flex}.os-icon:hover{background:color-mix(in oklab, var(--os-hue) 9%, transparent);border-color:color-mix(in oklab, var(--os-hue) 28%, transparent)}.os-icon:focus-visible{outline:2px solid var(--os-hue);outline-offset:1px}.os-icon-tile{width:44px;height:44px;color:var(--os-hue);background:color-mix(in oklab, var(--os-hue) 13%, var(--surface));border:1px solid color-mix(in oklab, var(--os-hue) 34%, var(--border));border-radius:12px;flex:none;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 1px #ffffff0f}.os-icon:hover .os-icon-tile{transform:translateY(-2px)}.os-icon-name{font-family:var(--font-mono);color:var(--muted);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:11px;line-height:1.3;display:-webkit-box;overflow:hidden}.os-icon:hover .os-icon-name{color:var(--fg)}.os-window{--os-win:var(--accent);background:linear-gradient(160deg, var(--surface-2), var(--surface));border:1px solid var(--border-2);pointer-events:auto;border-radius:14px;flex-direction:column;padding:6px;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 30px 70px -26px #000000b8}[data-theme=light] .os-window{background:linear-gradient(160deg,#eceef2,#dfe2e9);box-shadow:inset 0 1px #ffffffe6,0 24px 54px -26px #0f121e61}.os-window--pinned{border-width:0;border-radius:0;width:auto;height:auto;inset:0}.os-window--active{border-color:color-mix(in oklab, var(--os-win) 42%, var(--border-2))}.os-titlebar{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;min-height:30px;font-family:var(--font-mono);align-items:center;gap:8px;padding:1px 2px 7px 8px;display:flex}.os-titlebar:active{cursor:grabbing}.os-window--pinned .os-titlebar{cursor:default}.os-led{background:color-mix(in oklab, var(--os-win) 30%, var(--border-2));border-radius:999px;flex:none;width:7px;height:7px}.os-window--active .os-led{background:var(--os-win);box-shadow:0 0 7px color-mix(in oklab, var(--os-win) 60%, transparent)}.os-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);flex:1;font-size:12px;overflow:hidden}.os-window--active .os-title{color:var(--fg)}.os-controls{align-items:center;gap:2px;display:flex}.os-ctl{width:1.6rem;height:1.6rem;color:var(--faint);border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.os-window--pinned .os-ctl{width:2.25rem;height:2.25rem}.os-ctl:hover{background:var(--border);color:var(--fg)}.os-ctl--close:hover{color:#ff5f56;background:#ff5f5638;background:lab(62.5221% 61.4713 39.3/.22)}.os-body{background:var(--surface);min-height:0;box-shadow:inset 0 0 0 1px var(--border);border-radius:9px;flex:1;padding:16px 18px;overflow-y:auto}[data-theme=light] .os-body{background:#fdfdfe}.os-window--free:not(.os-window--active) .os-body{opacity:.6}.os-window--pinned .os-body{padding-bottom:5.5rem}.os-body--flush{flex-direction:column;padding:0;display:flex;overflow:hidden}.os-window--pinned .os-body--flush{margin-bottom:4.75rem;padding-bottom:0}@media (prefers-reduced-motion:no-preference){.os-theme-btn{transition:color .12s,border-color .12s}.os-icon{transition:background-color .18s,border-color .18s}.os-icon-tile{transition:transform .18s cubic-bezier(.22,1,.36,1)}.os-led{transition:background-color .2s,box-shadow .2s}.os-body{transition:opacity .2s}}.os-dock{--dock-bg:color-mix(in oklab, var(--surface) 84%, transparent);z-index:50;isolation:isolate;align-items:flex-end;gap:.45rem;max-width:calc(100vw - 1rem);padding:.42rem .55rem;display:flex;position:absolute;bottom:.7rem;left:50%;transform:translate(-50%)}.os-dock:before{content:"";z-index:-1;border:1px solid var(--border);background:var(--dock-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:scaleX(var(--dock-s,1));border-radius:18px;position:absolute;inset:0;box-shadow:0 14px 44px -12px #0009}.os-dock>*{transform:translateX(var(--dx,0px))}.os-dock-btn{min-width:2.25rem;height:2.25rem;color:var(--muted);border:1px solid #0000;border-radius:9px;flex:none;justify-content:center;align-self:center;align-items:center;padding:0 .4rem;display:inline-flex;position:relative}.os-dock-btn:hover{color:var(--fg);background:var(--surface-2)}.os-dock-btn--open,.os-dock-btn--active{color:var(--accent)}.os-dock-btn--min{opacity:.55}.os-dock-tile{--os-hue:var(--accent);transform-origin:50% 100%;width:46px;min-width:0;height:46px;transform:translateX(var(--dx,0px)) translateY(calc((1 - var(--m,1)) * 10px)) scale(var(--m,1));border:0;border-radius:13px;align-self:flex-end;padding:0}.os-dock-tile:hover{background:0 0}.os-dock-face{--bounce:-16px;width:100%;height:100%;color:var(--os-hue);background:linear-gradient(160deg, color-mix(in oklab, var(--os-hue) 26%, var(--surface-2)), color-mix(in oklab, var(--os-hue) 11%, var(--surface)));border:1px solid color-mix(in oklab, var(--os-hue) 38%, var(--border));border-radius:13px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff1a,0 6px 14px -8px #000000b3}.os-dock-glyph{width:21px;height:21px}.os-dock-tile:focus-visible{outline:none}.os-dock-tile:focus-visible .os-dock-face{outline:2px solid var(--os-hue);outline-offset:2px}.os-dock-dot{background:var(--os-hue,var(--accent));width:4px;height:4px;box-shadow:0 0 6px color-mix(in oklab, var(--os-hue,var(--accent)) 70%, transparent);border-radius:999px;margin-left:-2px;position:absolute;bottom:-5px;left:50%}.os-dock-sep{background:var(--border);flex:none;align-self:center;width:1px;height:2rem}.os-dock-wins{scrollbar-width:none;align-self:center;align-items:center;gap:.3rem;max-width:min(40vw,30rem);padding:5px 5px 1px 0;display:flex;overflow-x:auto}.os-dock-wins::-webkit-scrollbar{display:none}.os-dock-win{flex:none;display:inline-flex;position:relative}@media (prefers-reduced-motion:no-preference){.os-dock:before,.os-dock>*{transition:transform .16s cubic-bezier(.22,1,.36,1)}.os-dock-face--bounce{animation:.72s cubic-bezier(.28,.84,.42,1) os-dock-bounce}.os-dock-win{animation:.24s cubic-bezier(.22,1,.36,1) both os-chip-in}}@keyframes os-dock-bounce{0%,44%,80%,to{transform:translateY(0)}22%{transform:translateY(var(--bounce))}62%{transform:translateY(calc(var(--bounce) * .45))}}@keyframes os-chip-in{0%{opacity:0;transform:translateY(6px)scale(.7)}to{opacity:1;transform:none}}@media (pointer:coarse){.os-dock{scrollbar-width:none;border:1px solid var(--border);background:var(--dock-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;align-items:center;overflow-x:auto;box-shadow:0 14px 44px -12px #0009}.os-dock:before{display:none}.os-dock::-webkit-scrollbar{display:none}.os-dock-tile{width:38px;height:38px}.os-dock-face{--bounce:-5px;border-radius:11px}.os-dock-glyph{width:18px;height:18px}.os-dock-dot{bottom:-4px}.os-dock-wins{max-width:none;overflow:visible}}.os-dock-btn--win{border-color:var(--border);background:var(--surface-2);gap:6px;padding:0 .6rem}.os-dock-btn--win svg{color:var(--os-hue,currentColor)}.os-dock-title{text-overflow:ellipsis;white-space:nowrap;max-width:7rem;font-family:var(--font-mono);font-size:10px;overflow:hidden}.os-dock-x{background:var(--surface-2);border:1px solid var(--border-2);width:1rem;height:1rem;color:var(--faint);border-radius:999px;justify-content:center;align-items:center;display:none;position:absolute;top:-4px;right:-4px}.os-dock-win:hover .os-dock-x,.os-dock-win:focus-within .os-dock-x{display:inline-flex}.os-dock-x:hover{color:#ff5f56;border-color:#ff5f56}.os-dock-btn--danger:hover{color:#ff5f56;background:#ff5f5624;background:lab(62.5221% 61.4713 39.3/.14)}.os-launcher-veil{z-index:90;background:color-mix(in oklab, var(--bg) 42%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);justify-content:center;align-items:flex-start;padding:9vh 1rem 1rem;display:flex;position:fixed;inset:2.5rem 0 0}.os-launcher{border:1px solid var(--border-2);background:var(--surface);border-radius:14px;width:100%;max-width:38rem;overflow:hidden;box-shadow:0 30px 90px -20px #000000b3}.os-launcher-input{border-bottom:1px solid var(--border);align-items:center;gap:.6rem;padding:.8rem 1rem;display:flex}.os-launcher-list{max-height:40vh;padding:.4rem;overflow-y:auto}.os-launcher-row{color:var(--muted);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.os-launcher-row--on{background:var(--surface-2);color:var(--fg)}.os-launcher-foot{border-top:1px solid var(--border);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--faint);justify-content:space-between;align-items:center;padding:.5rem 1rem;font-size:10px;display:flex}.os-touch-home{z-index:10;flex:1;min-height:0;padding:.9rem .9rem 6.5rem;position:relative;overflow-y:auto}.os-touch-home--behind{overflow:hidden}.os-back{font-family:var(--font-mono);color:var(--accent-text);border:1px solid color-mix(in oklab, var(--accent) 40%, transparent);background:var(--surface);border-radius:9px;padding:.6rem .9rem;font-size:12px}.os-touch-search{border:1px solid var(--border);background:var(--surface);width:100%;font-family:var(--font-mono);color:var(--fg);border-radius:12px;outline:none;padding:.65rem .85rem;font-size:16px}.os-touch-search:focus-visible{border-color:color-mix(in oklab, var(--accent) 50%, var(--border))}.os-touch-top{align-items:stretch;gap:.5rem;display:flex}.os-touch-top .os-touch-search{flex:1;min-width:0}.os-touch-group{margin-top:1.1rem}.os-touch-plate{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--muted);align-items:center;gap:8px;padding:0 4px 2px;font-size:11px;font-weight:600;display:flex}.os-touch-plate .os-tray-count{letter-spacing:0;font-weight:400}.os-touch-list{flex-direction:column;gap:.35rem;margin-top:.45rem;padding:0;list-style:none;display:flex}.os-touch-row{--os-hue:var(--os-group,var(--accent));text-align:left;border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:center;gap:.75rem;width:100%;min-height:3.25rem;padding:.5rem .7rem;display:flex}.os-touch-row:active{border-color:color-mix(in oklab, var(--os-hue) 45%, var(--border))}.os-touch-text{flex-direction:column;gap:2px;min-width:0;display:flex}.os-touch-title{font-family:var(--font-mono);color:var(--fg);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.os-touch-blurb{font-family:var(--font-mono);color:var(--faint);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.os-icon-tile--sm{border-radius:10px;width:34px;height:34px}.os-icon-tile--xs{border-radius:7px;width:24px;height:24px}.os-menus{align-items:center;gap:2px;min-width:0;height:100%;display:flex}.os-menu{align-items:center;height:100%;display:flex;position:relative}.os-menu-title{height:2rem;font-family:var(--font-mono);color:var(--muted);border-radius:7px;align-items:center;gap:.4rem;padding:0 .55rem;font-size:12px;display:inline-flex}.os-menu-title:hover,.os-menu-title[aria-expanded=true]{color:var(--fg);background:var(--surface-2)}.os-menu-title:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.os-menu-title--brand{color:var(--fg);font-weight:600}@media (max-width:767px){.os-menu--text{display:none}}.os-menu-panel,.os-ctx{border:1px solid var(--border-2);background:color-mix(in oklab, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:11px;padding:5px;box-shadow:0 18px 44px -18px #000000b3}[data-theme=light] .os-menu-panel,[data-theme=light] .os-ctx{box-shadow:0 16px 40px -20px #0f121e66}.os-menu-panel{z-index:60;min-width:14rem;position:absolute;top:calc(100% + 2px);left:0}.os-menu-item{width:100%;min-height:2rem;font-family:var(--font-mono);color:var(--fg);text-align:left;border-radius:7px;align-items:center;gap:.5rem;padding:0 .6rem 0 .35rem;font-size:12px;display:flex}.os-menu-item:hover:not(:disabled),.os-menu-item:focus-visible{background:color-mix(in oklab, var(--accent) 16%, transparent);outline:none}.os-menu-item:disabled{color:var(--faint);cursor:default}.os-menu-check{width:.85rem;color:var(--accent);flex:none;justify-content:center;display:inline-flex}.os-menu-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.os-menu-hint{color:var(--faint);font-size:11px}.os-menu-sep{background:var(--border);height:1px;margin:4px 6px}.os-menu-heading{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.16em;color:var(--faint);padding:6px .6rem 3px 1.55rem;font-size:10px}.os-ctx{z-index:90;width:236px;position:fixed}.os-toasts{z-index:70;top:calc(var(--os-topbar-h) + 10px);pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;max-width:min(26rem,100vw - 24px);display:flex;position:absolute;right:12px}.os-toast{border:1px solid var(--border-2);background:color-mix(in oklab, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-family:var(--font-mono);color:var(--fg);border-radius:10px;align-items:flex-start;gap:8px;padding:9px 12px;font-size:12px;line-height:1.5;display:flex;box-shadow:0 14px 34px -16px #000000b3}.os-toast-led{background:var(--accent);width:7px;height:7px;box-shadow:0 0 7px color-mix(in oklab, var(--accent) 60%, transparent);border-radius:999px;flex:none;margin-top:5px}.os-toast[data-tone=ok] .os-toast-led{background:var(--accent-2);box-shadow:0 0 7px color-mix(in oklab, var(--accent-2) 60%, transparent)}.os-toast[data-tone=warn] .os-toast-led{background:#ff9f43;box-shadow:0 0 7px #ff9f4399}.os-dock-tip{z-index:55;border:1px solid var(--border-2);background:var(--surface);white-space:pre;pointer-events:none;font-family:var(--font-mono);color:var(--fg);border-radius:6px;padding:3px 8px;font-size:11px;position:absolute;bottom:6.1rem;transform:translate(-50%);box-shadow:0 8px 20px -10px #0009}.os-resize{z-index:2;touch-action:none;position:absolute}.os-resize--e{cursor:ew-resize;width:7px;top:14px;bottom:16px;right:0}.os-resize--s{cursor:ns-resize;height:7px;bottom:0;left:14px;right:16px}.os-resize--se{cursor:nwse-resize;opacity:.7;background:linear-gradient(135deg, transparent 50%, var(--border-2) 50% 57%, transparent 57% 68%, var(--border-2) 68% 75%, transparent 75%);border-bottom-right-radius:12px;width:16px;height:16px;bottom:0;right:0}.os-window--active .os-resize--se{opacity:1}.os-snap{pointer-events:none;border:1.5px dashed color-mix(in oklab, var(--accent) 70%, transparent);background:color-mix(in oklab, var(--accent) 10%, transparent);border-radius:14px;position:absolute}@media (prefers-reduced-motion:no-preference){.os-menu-title{transition:background-color .12s,color .12s}.os-snap{animation:.14s ease-out os-snap-in}}@keyframes os-snap-in{0%{opacity:0;transform:scale(.985)}}.os-loading,.os-empty{height:100%;color:var(--muted);font:13px/1.4 var(--font-sans);place-items:center;display:grid}.os-crash{font:13px/1.5 var(--font-sans);color:var(--fg);padding:20px}.os-crash pre{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);font:12px/1.5 var(--font-mono);white-space:pre-wrap;border-radius:8px;margin-top:8px;padding:10px}.os-icon[data-soon=true]{opacity:1}.os-icon[data-soon=true] :is(.os-icon-tile,.os-icon-name){opacity:.45}.os-icon[data-drop=over] .os-icon-tile{outline:2px solid var(--accent);outline-offset:2px}.os-dock-tile[data-drop=over] .os-dock-face{outline:2px solid var(--os-hue);outline-offset:2px}
.os-desk{--desk-cell:7.5rem;z-index:10;grid-auto-flow:column;grid-template-columns:repeat(auto-fill, var(--desk-cell));grid-template-rows:repeat(4, var(--desk-cell));grid-auto-columns:var(--desk-cell);grid-auto-rows:var(--desk-cell);-webkit-user-select:none;user-select:none;flex:1;place-content:start space-between;gap:4px 8px;min-height:0;padding:18px 14px 5rem;display:grid;position:relative;overflow:auto}.os-desk-cell{--os-hue:var(--os-group,var(--accent));text-align:center;width:7.5rem;color:inherit;border:1px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:12px 2px 9px;text-decoration:none;display:flex}.os-desk-cell:hover{background:color-mix(in oklab, var(--os-hue) 10%, transparent);border-color:color-mix(in oklab, var(--os-hue) 26%, transparent)}.os-desk-cell:focus-visible{outline:2px solid var(--os-hue);outline-offset:1px}.os-desk-name{max-width:100%;font-family:var(--font-mono);color:var(--fg);text-shadow:0 1px 3px color-mix(in oklab, var(--bg) 90%, transparent);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;padding:1px 4px;font-size:12px;line-height:1.4;overflow:hidden}.os-folder{--os-group:var(--accent);--fw:88px;--fh:72px;--card-w:30px;--card-h:36px;--card-gap:19px;--glyph:15px;width:var(--fw);height:var(--fh);perspective:360px;flex:none;display:block;position:relative}.os-folder-back{background:color-mix(in oklab, var(--os-group) 26%, var(--surface-2));border:1px solid color-mix(in oklab, var(--os-group) 42%, var(--border));border-radius:5px 10px 10px;position:absolute;inset:9% 0 0}.os-folder-back:before{content:"";width:44%;height:calc(var(--fh) * .12);background:inherit;border:inherit;border-bottom:0;border-radius:6px 9px 0 0;position:absolute;bottom:100%;left:-1px}.os-folder-cards{position:absolute;inset:0}.os-folder-card{--os-hue:var(--os-group);top:15%;left:calc(50% - var(--card-w) / 2 + (var(--i) - (var(--n) - 1) / 2) * var(--card-gap));width:var(--card-w);height:var(--card-h);padding-top:calc(var(--card-h) * .1);background:var(--surface);border:1px solid color-mix(in oklab, var(--os-hue) 40%, var(--border));box-shadow:0 2px 6px -2px var(--shadow-nav);color:var(--os-hue);transform:rotate(calc((var(--i) - (var(--n) - 1) / 2) * 5deg));border-radius:5px;place-items:start center;display:grid;position:absolute}.os-folder-glyph{width:var(--glyph);height:var(--glyph)}.os-folder-front{background:linear-gradient(180deg, color-mix(in oklab, var(--os-group) 40%, var(--surface-2)), color-mix(in oklab, var(--os-group) 22%, var(--surface)));border:1px solid color-mix(in oklab, var(--os-group) 52%, var(--border));box-shadow:inset 0 1px 0 color-mix(in oklab, var(--selection-fg) 14%, transparent), 0 8px 18px -10px var(--shadow-nav);transform-origin:50% 100%;border-radius:7px 7px 10px 10px;justify-content:space-between;align-items:flex-end;padding:0 7px 6px;display:flex;position:absolute;inset:42% 0 0}.os-folder-led{background:var(--os-group);width:5px;height:5px;box-shadow:0 0 6px color-mix(in oklab, var(--os-group) 60%, transparent);border-radius:999px;align-self:flex-start;margin-top:6px}.os-folder-count{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:color-mix(in oklab, var(--os-group) 60%, var(--fg));font-size:10px;line-height:1}.os-desk-cell:is(:hover,:focus-visible) .os-folder-led{box-shadow:0 0 10px color-mix(in oklab, var(--os-group) 85%, transparent)}@media (prefers-reduced-motion:no-preference){.os-desk-cell{transition:background-color .18s,border-color .18s}.os-folder-card,.os-folder-front{transition:transform .34s cubic-bezier(.22,1,.36,1)}.os-folder-led{transition:box-shadow .2s}.os-desk-cell:is(:hover,:focus-visible) .os-folder-front{transform:rotateX(-38deg)}.os-desk-cell:is(:hover,:focus-visible) .os-folder-card{transform:translateY(calc(var(--fh) * -.11)) rotate(calc((var(--i) - (var(--n) - 1) / 2) * 11deg))}}@media (prefers-reduced-motion:reduce){.os-icon,.os-icon-tile{transition:none}.os-icon:hover .os-icon-tile{transform:none}}.os-group{flex-direction:column;flex:1;min-height:0;display:flex}.os-group-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));align-content:start;gap:4px;min-height:0;padding:14px;display:grid;overflow-y:auto}.os-group-status{border-top:1px solid var(--border);background:color-mix(in oklab, var(--surface) 70%, transparent);font-family:var(--font-mono);color:var(--faint);white-space:nowrap;text-overflow:ellipsis;flex:none;margin:0;padding:7px 14px;font-size:11px;overflow:hidden}.os-group-grid .os-icon[data-soon=true]{opacity:1}.os-group-grid .os-icon[data-soon=true] :is(.os-icon-tile,.os-icon-name){opacity:.45}.os-soon{border:1px solid color-mix(in oklab, var(--accent-3) 40%, transparent);background:color-mix(in oklab, var(--accent-3) 10%, transparent);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-3-text);border-radius:5px;flex:none;padding:0 5px;font-size:9px;line-height:14px;display:inline-block}.os-kind{text-transform:uppercase;letter-spacing:.14em;border:1px solid;border-radius:6px;flex:none;padding:1px 6px;font-size:10px}.os-kind[data-kind=folder]{color:var(--accent-2-text);border-color:color-mix(in oklab, var(--accent-2) 40%, transparent);background:color-mix(in oklab, var(--accent-2) 10%, transparent)}.os-kind[data-kind=wip]{color:var(--accent-3-text);border-color:color-mix(in oklab, var(--accent-3) 40%, transparent);background:color-mix(in oklab, var(--accent-3) 10%, transparent)}.os-wip{color:var(--fg);gap:10px;font-size:13px;line-height:1.55;display:grid}.os-wip-head{align-items:center;gap:10px;display:flex}.os-wip-name{font-family:var(--font-mono);color:var(--fg);margin:0;font-size:14px;font-weight:600}.os-wip-blurb{color:var(--muted);margin:0}.os-wip-list{gap:4px;margin:0;padding-left:1.1rem;list-style:outside;display:grid}.os-wip-stage{font-family:var(--font-mono);color:var(--fg);margin:0;font-size:12px}.os-wip-label{text-transform:uppercase;letter-spacing:.14em;color:var(--faint);margin-right:8px;font-size:10px}.os-wip-link{min-height:2rem;font-family:var(--font-mono);color:var(--accent-text);text-underline-offset:3px;justify-self:start;align-items:center;gap:6px;font-size:12px;text-decoration:underline;display:inline-flex}.os-wip-link svg{width:14px;height:14px}.os-wip-link:focus-visible{outline:1px solid var(--accent);outline-offset:2px;border-radius:4px}@media (pointer:coarse){.os-wip-link{min-height:44px}}.os-roadmap{gap:10px;display:grid}.os-roadmap-intro{color:var(--muted);margin:0;font-size:13px}.os-roadmap-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.os-roadmap-row{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;align-items:center;gap:10px;min-height:3rem;padding:6px 8px;display:flex}.os-roadmap-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.os-roadmap-name{font-family:var(--font-mono);color:var(--fg);font-size:13px}.os-roadmap-blurb{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.os-roadmap-stage{font-family:var(--font-mono);color:var(--accent-3-text);flex:none;font-size:11px}.os-desk-cell--loose{grid-column:-2/-1}.os-file{width:54px;height:66px;color:var(--os-hue);flex:none;place-items:center;margin:3px 0;display:grid;position:relative}.os-file-page{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.os-file-sheet{fill:color-mix(in oklab, var(--os-hue) 9%, var(--surface));stroke:color-mix(in oklab, var(--os-hue) 45%, var(--border));stroke-width:1.5px}.os-file-fold{fill:color-mix(in oklab, var(--os-hue) 22%, var(--surface-2));stroke:color-mix(in oklab, var(--os-hue) 45%, var(--border));stroke-width:1.5px;stroke-linejoin:round}.os-file-glyph{width:24px;height:24px;margin-top:-4px;position:relative}.os-file-ext{text-align:center;font-family:var(--font-mono);letter-spacing:.08em;color:color-mix(in oklab, var(--os-hue) 70%, var(--fg));font-size:9px;font-weight:600;position:absolute;bottom:7px;left:0;right:0}.os-icon-tile--lg{border-radius:17px;width:64px;height:64px;margin:4px 0}.os-shortcut{position:relative}.os-shortcut-glyph{width:28px;height:28px}.os-shortcut-arrow{background:var(--surface);border:1px solid var(--border-2);width:22px;height:22px;color:var(--fg);box-shadow:0 3px 8px -4px var(--shadow-nav);border-radius:7px;place-items:center;display:grid;position:absolute;bottom:-4px;left:-4px}.os-shortcut-arrow svg{width:14px;height:14px}.os-wallpaper-grid{background-image:linear-gradient(to right, color-mix(in oklab, var(--grid-line) 60%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklab, var(--grid-line) 60%, transparent) 1px, transparent 1px);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%, var(--fg) 30%, transparent 78%);mask-image:radial-gradient(ellipse 80% 70% at 50% 40%, var(--fg) 30%, transparent 78%);-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 40%, var(--fg) 30%, transparent 78%);background-size:56px 56px;position:absolute;inset:0}.os-wallpaper-glow{background:radial-gradient(42% 34% at 22% 18%, var(--grad-a), transparent 70%), radial-gradient(40% 32% at 78% 26%, var(--grad-b), transparent 70%), radial-gradient(46% 36% at 50% 88%, var(--grad-c), transparent 70%);position:absolute;inset:0}.os-wallpaper-noise{opacity:var(--noise-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E");position:absolute;inset:0}.os-trace{opacity:.5;width:min(54rem,62vw);-webkit-mask-image:linear-gradient(to right, transparent, var(--fg) 22%);-webkit-mask-image:linear-gradient(to right, transparent, var(--fg) 22%);mask-image:linear-gradient(to right, transparent, var(--fg) 22%);margin:0;position:absolute;bottom:5.25rem;right:2rem}[data-theme=light] .os-trace{opacity:.6}.os-trace-svg{width:100%;height:11rem;display:block;overflow:visible}.os-trace-trend{fill:none;stroke:var(--accent);stroke-width:1.6px;opacity:.55}.os-trace-observed{fill:none;stroke:var(--accent-3);stroke-width:1px;opacity:.38}.os-trace-caption{text-align:right;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:var(--faint);margin-top:6px;font-size:10px}.os-app-name{text-overflow:ellipsis;white-space:nowrap;max-width:12rem;font-family:var(--font-mono);color:var(--fg);padding:0 .55rem 0 .3rem;font-size:12px;font-weight:600;overflow:hidden}@media (max-width:479px){.os-app-name{display:none}}.os-network-badge{border:1px solid color-mix(in oklab, var(--accent-3) 40%, transparent);background:color-mix(in oklab, var(--accent-3) 10%, transparent);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-3-text);white-space:nowrap;border-radius:5px;flex:none;padding:0 6px;font-size:10px;line-height:16px}.os-search-pill{border:1px solid var(--border);background:var(--surface-2);min-height:2rem;color:var(--muted);font-family:var(--font-mono);border-radius:999px;flex:none;align-items:center;gap:.35rem;padding:0 10px;font-size:11px;display:inline-flex}.os-search-pill:hover{color:var(--fg);border-color:var(--border-2)}.os-search-pill:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.os-search-pill svg{width:14px;height:14px}.os-search-pill kbd{font-family:inherit}@media (hover:none){.os-search-pill{display:none}}@media (pointer:coarse){.os-menus .os-menu-title{height:2.5rem}.os-menu-panel .os-menu-item,.os-ctx .os-menu-item{min-height:2.75rem}}.os-touch-views{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex:none;display:flex;overflow:hidden}.os-touch-view{width:44px;min-height:44px;color:var(--faint);place-items:center;display:grid}.os-touch-view+.os-touch-view{border-left:1px solid var(--border)}.os-touch-view svg{width:16px;height:16px}.os-touch-view[aria-pressed=true]{color:var(--accent-text);background:color-mix(in oklab, var(--accent) 12%, transparent)}.os-touch-view:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.os-touch-folders{grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;gap:.5rem .25rem;margin-top:1rem;display:grid}.os-touch-folders .os-desk-cell{width:100%}.os-group-rows{flex:1;min-height:0;margin:0;padding:12px;overflow-y:auto}.os-touch-title-row{align-items:center;gap:6px;min-width:0;display:flex}.os-touch-row:focus-visible{outline:2px solid var(--os-hue);outline-offset:1px}.os-touch-row[data-soon=true] .os-icon-tile{opacity:.55}
