:root{color-scheme:light;--bg: #f4f3ef;--ink: #0b0b0b;--ink-2: #52514e;--line: #d9d7d0;--accent: #1d5fb8;--term-bg: #0f1419;--term-ink: #d6e2ea;--term-dim: #7f8c97;--term-ok: #86efac;--term-key: #93c5fd;--sim: #b45309;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;max-width:100%}body{background:var(--bg);color:var(--ink);font:16px/1.5 var(--sans)}[hidden]{display:none!important}a{color:var(--accent);overflow-wrap:anywhere}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}h1,p{overflow-wrap:anywhere}.page{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;max-width:82rem;margin:0 auto;padding:1.25rem 1rem 2rem}.page>*{min-width:0}.top h1{margin:.25rem 0;font-size:clamp(1.6rem,4vw,2.3rem);line-height:1.15}.badge{display:inline-block;margin:0;padding:.1rem .6rem;border:2px solid var(--sim);border-radius:999px;color:var(--sim);font-weight:700;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.tagline{margin:0 0 .5rem;color:var(--ink-2)}.disclaimer{margin:0 0 .75rem;padding:.6rem .8rem;border-left:4px solid var(--sim);background:#fff7ed;max-width:62rem}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem}.btn{min-height:44px;padding:.5rem 1.2rem;border:1px solid var(--ink);border-radius:8px;background:var(--ink);color:#fff;font:inherit;font-weight:600;cursor:pointer}.btn:hover{background:#2b2b2b}kbd{padding:.05rem .4rem;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;background:#fff;font:.85em var(--mono)}.hint,.status{color:var(--ink-2);font-size:.95rem}.foot{color:var(--ink-2);font-size:.9rem}.split{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;align-items:start}.split>*{min-width:0}@media(min-width:900px){.split{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}}.term{border-radius:10px;background:var(--term-bg);color:var(--term-ink);box-shadow:0 8px 24px #0000002e}.term-bar,.win-bar{display:flex;align-items:center;gap:.6rem;min-width:0}.term-bar{padding:.55rem .8rem;border-bottom:1px solid #222b33}.term-title{min-width:0;color:var(--term-dim);font:.8rem var(--mono);overflow-wrap:anywhere}.lights{display:flex;flex:none;gap:.35rem}.light{width:.7rem;height:.7rem;border-radius:50%}.l-red{background:#ff5f57}.l-yellow{background:#febc2e}.l-green{background:#28c840}.term-log{margin:0;padding:.8rem;list-style:none;min-height:16rem;font:.82rem/1.55 var(--mono)}.ln{white-space:pre-wrap;overflow-wrap:anywhere}.ln-comment{color:var(--term-dim)}.ln-cmd,.ln-prompt{color:var(--term-ok)}.ln-click{color:var(--term-key)}.ln-done{color:var(--term-ok)}.ln-prompt:after{content:"";display:inline-block;width:.55em;height:1.05em;vertical-align:text-bottom;background:var(--term-ink)}.mac-pane{min-width:0}.desk{position:relative;aspect-ratio:16 / 10.5;container-type:inline-size;overflow:clip;border:1px solid #1f2937;border-radius:10px;background:linear-gradient(160deg,#4f46e5,#7c3aed 45%,#db2777);font-family:var(--sans);font-size:clamp(8px,1.9cqw,14px);line-height:1.3;box-shadow:0 8px 24px #0000002e}@media(max-width:600px){.desk{aspect-ratio:4 / 3.6}}.menubar{position:absolute;inset:0 0 auto;height:6%;display:flex;align-items:center;gap:2.2cqw;padding:0 2cqw;background:#ffffffb8;color:#111;overflow:clip}.menu-logo,.menu-app,.menu-item,.menu-right{flex:none}.menu-right{margin-left:auto;color:#555}@container (max-width: 420px){.menu-item:nth-of-type(n+3){display:none}}.win{position:absolute;display:flex;flex-direction:column;border-radius:1.2cqw;background:#fafafa;color:#111;box-shadow:0 1.5cqw 4cqw #00000059;overflow:clip;z-index:1}.win.is-front{z-index:2}.win-bar{flex:none;padding:.9cqw 1.4cqw;background:#e9e9ec;border-bottom:1px solid #d4d4d8}.win .lights{gap:.6cqw}.win .light{width:1.3cqw;height:1.3cqw}.win-title{min-width:0;font-weight:600;overflow-wrap:anywhere}.win-body{flex:1;min-height:0}.finder{left:5%;top:11%;width:56%;height:56%}.finder .win-body{display:grid;grid-template-columns:minmax(0,32%) minmax(0,1fr)}.finder-side,.finder-files{margin:0;padding:1.2cqw;list-style:none}.finder-side{background:#f0f0f3;color:#444}.finder-side li,.file-name{overflow-wrap:anywhere}.finder-files{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.2cqw;align-content:start}.file{display:grid;justify-items:center;gap:.4cqw;min-width:0;text-align:center}.file-icon{width:5cqw;height:4cqw;border-radius:.6cqw}.file-icon.folder{background:#60a5fa}.file-icon.doc{width:3.6cqw;height:4.6cqw;background:#fff;border:1px solid #a1a1aa}.notes{left:38%;top:22%;width:54%;height:52%}.notes .win-body{padding:1.6cqw 2cqw;background:#fffbe6}.note-title{margin:0 0 .8cqw;font-weight:700}.note{margin:0;font-size:1.15em;overflow-wrap:anywhere}.caret{display:inline-block;width:2px;height:1.1em;margin-left:1px;vertical-align:text-bottom;background:#111}.dock{position:absolute;left:30%;width:40%;bottom:2.5%;height:13%;display:flex;margin:0;padding:0;list-style:none;border-radius:1.6cqw;background:#ffffff4d;border:1px solid rgb(255 255 255 / .45)}.dock-item{position:relative;flex:1 1 0;display:grid;place-items:center;min-width:0}.dock-icon{width:6.4cqw;height:6.4cqw;border-radius:1.4cqw}.d-finder .dock-icon{background:linear-gradient(90deg,#60a5fa 50%,#e0f2fe 50%)}.d-notes .dock-icon{background:linear-gradient(180deg,#facc15 28%,#fffbe6 28%)}.d-settings .dock-icon{background:radial-gradient(circle,#e5e7eb 30%,#6b7280 32%)}.d-trash .dock-icon{background:linear-gradient(180deg,#d4d4d8,#a1a1aa)}.dock-label{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}.dock-item.running:after{content:"";position:absolute;bottom:.3cqw;width:.8cqw;height:.8cqw;border-radius:50%;background:#111}.cursor{position:absolute;z-index:5;width:3cqw;height:4.4cqw;pointer-events:none;transform-origin:0 0}.cursor:before,.cursor:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(0 0,0 78%,26% 60%,44% 100%,58% 94%,41% 56%,76% 56%)}.cursor:before{background:#fff}.cursor:after{top:9%;right:16%;bottom:9%;left:6%;background:#111}.cursor[data-at=home]{left:78%;top:30%}.cursor[data-at=dock-finder]{left:36%;top:89%}.cursor[data-at=dock-notes]{left:46%;top:89%}.cursor[data-at=notes-body]{left:60%;top:46%}.cursor.pressed{transform:scale(.82)}@media(prefers-reduced-motion:no-preference){.btn{transition:background-color .15s}.cursor{transition:left .7s cubic-bezier(.4,0,.2,1),top .7s cubic-bezier(.4,0,.2,1),transform .12s}.win:not([hidden]){animation:pop .22s ease-out}.caret,.ln-prompt:after{animation:blink 1s steps(1) infinite}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@keyframes pop{0%{opacity:0;transform:scale(.94)}}@keyframes blink{50%{opacity:0}}
