:root{color-scheme:light;--bg: #f4f1ea;--paper: rgba(255, 252, 246, .86);--paper-solid: #fffaf2;--ink: #191815;--soft-ink: #5f5b52;--muted: #928b7e;--line: rgba(25, 24, 21, .14);--line-strong: rgba(25, 24, 21, .28);--accent: #9b7a3e;--accent-soft: rgba(155, 122, 62, .14);--green: #3d6b4f;--amber: #9b6a28;--red: #9a413a;--cyan: #3f6670;--radius: 8px;font-family:Satoshi,Geist,Avenir Next,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{min-block-size:100%;margin:0}body{color:var(--ink);background:linear-gradient(rgba(25,24,21,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(25,24,21,.035) 1px,transparent 1px),radial-gradient(circle at 82% 8%,rgba(155,122,62,.13),transparent 28rem),linear-gradient(135deg,#f8f4ec,#ebe5da);background-size:42px 42px,42px 42px,auto,auto}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:radial-gradient(rgba(25,24,21,.12) .7px,transparent .7px);background-size:5px 5px}button,input{font:inherit}button{min-block-size:40px;border:1px solid var(--line);border-radius:var(--radius);background:#fffaf28a;color:var(--ink);cursor:pointer;transition:transform .18s cubic-bezier(.16,1,.3,1),border-color .18s ease,background-color .18s ease,color .18s ease}button:hover{border-color:var(--line-strong);background:#fffaf2d1}button:active{transform:translateY(1px) scale(.98)}button:focus-visible,input:focus-visible{outline:2px solid rgba(155,122,62,.72);outline-offset:2px}.app-shell{min-block-size:100dvh;max-inline-size:1440px;margin-inline:auto;display:grid;grid-template-rows:auto auto 1fr auto auto;gap:8px;padding:calc(8px + env(safe-area-inset-top)) 10px calc(8px + env(safe-area-inset-bottom))}.topbar,.hero,.workbench,.map,.commandbar,.bottom-nav{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px #ffffffb8,0 18px 42px #52463114}.topbar{min-block-size:58px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 10px}.brand,.feed,.online,.section-head,.card-head,.mini-actions,.form-actions,.left-actions,.commandbar,.bottom-nav{display:flex;align-items:center;gap:8px}.logo,.index{display:grid;place-items:center;inline-size:34px;block-size:34px;border:1px solid var(--ink);border-radius:4px;color:var(--ink);background:var(--paper-solid);font:800 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.brand strong{display:block;letter-spacing:0}small,.eyebrow,.feed,.metric span,.section-head span,.screen-card p,.panel p{color:var(--soft-ink)}.feed{flex-wrap:wrap;justify-content:center}.feed span:before{content:"/";margin-inline-end:8px;color:var(--accent)}.hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.9fr);gap:8px;padding:clamp(16px,2vw,26px)}.hero h1{max-inline-size:780px;margin:0 0 10px;font-size:clamp(2.2rem,5.2vw,5.4rem);font-weight:760;line-height:.92;letter-spacing:0;text-wrap:balance}.hero p{max-inline-size:58ch;margin:0;color:var(--soft-ink);line-height:1.58;text-wrap:pretty}.eyebrow{margin-block-end:12px!important;text-transform:uppercase;letter-spacing:.16em;font:800 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.formula{align-self:stretch;display:grid;align-content:end;min-block-size:100%;border:1px solid var(--line);border-radius:var(--radius);padding:16px;color:var(--soft-ink);background:linear-gradient(135deg,#fffaf2cc,#efe8db8f),repeating-linear-gradient(90deg,transparent 0 18px,rgba(25,24,21,.04) 18px 19px);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.58}.formula span,.cyan{color:var(--cyan)}.green{color:var(--green)}.amber{color:var(--amber)}.red{color:var(--red)}.workspace{min-block-size:0;display:grid;grid-template-columns:minmax(0,1.22fr) minmax(360px,.9fr);gap:8px}.workbench,.map{min-inline-size:0;padding:12px}.section-head{justify-content:space-between;margin-block-end:10px}.section-head h2{display:inline;margin:0;font-size:1rem;letter-spacing:0}.badge{display:inline-flex;align-items:center;gap:7px;min-block-size:24px;border:1px solid currentColor;border-radius:4px;padding:0 9px;font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.1em}.badge:before{content:"";inline-size:6px;block-size:6px;border-radius:50%;background:currentColor}.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(118px,1fr));gap:8px}.metric{min-block-size:74px;display:grid;align-content:center;gap:8px;border-block-start:1px solid var(--line-strong);padding:10px 8px 8px;background:#fffaf257}.metric strong{font:800 1.42rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}.panel-grid{display:grid;grid-template-columns:1fr .82fr;gap:8px;margin-block-start:10px}.panel,.screen-card{border:1px solid var(--line);border-radius:var(--radius);background:#fffaf275;padding:10px}.panel h3,.screen-card h3{margin:0 0 8px}.panel p{margin:6px 0;line-height:1.48}.spoiler{display:flex;align-items:center;justify-content:center;inline-size:fit-content;margin:12px auto 8px;padding-inline:18px;border-color:#9b7a3e94;color:var(--ink);background:linear-gradient(180deg,#fffaf2,#ede5d6);box-shadow:0 0 26px #9b7a3e2e,inset 0 1px #ffffffe6}.spoiler.large{min-inline-size:190px}.option-box{display:none;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-block:8px}.option-box.is-open{display:grid}.option-box span{border:1px dashed var(--line-strong);border-radius:4px;padding:8px;color:var(--soft-ink);background:#fffaf26b}.form-actions{justify-content:space-between;border-block-start:1px solid var(--line);margin-block-start:12px;padding-block-start:10px}.btn{padding-inline:12px}.btn.primary{border-color:var(--ink);background:var(--ink);color:var(--paper-solid);font-weight:800}.btn.danger{border-color:#9a413a8a;color:var(--red)}.btn.wide{inline-size:100%;margin-block-start:8px}.screen-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.screen-card{display:grid;gap:8px}.screen-card.is-active{border-color:var(--ink);box-shadow:inset 0 0 0 1px #19181514}.is-archived{opacity:.52;filter:saturate(.35)}.card-head{justify-content:space-between}.card-head>div{display:flex;align-items:center;gap:8px;min-inline-size:0}.link-button{min-block-size:28px;border:0;background:transparent;padding:0;color:var(--ink)}.mini-actions{flex-wrap:wrap}.mini-actions .btn{min-block-size:32px;padding-inline:8px;font-size:.75rem}.commandbar{position:sticky;inset-block-end:64px;z-index:3;padding:8px}.commandbar input{min-block-size:40px;min-inline-size:0;flex:1 1 auto;border:1px solid var(--line);border-radius:var(--radius);background:#fffaf2a3;color:var(--ink);padding-inline:12px}.bottom-nav{position:sticky;inset-block-end:0;z-index:4;justify-content:space-between;padding:6px}.bottom-nav button{flex:1 1 0;min-inline-size:0;display:grid;gap:3px;place-items:center;color:var(--muted)}.bottom-nav button.is-active{border-color:var(--ink);background:var(--paper-solid);color:var(--ink)}.bottom-nav span{font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}@media(max-width:980px){.hero,.workspace,.panel-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.app-shell{gap:7px;padding-inline:7px}.topbar,.feed,.form-actions,.commandbar{align-items:stretch;flex-direction:column}.topbar{align-items:center;flex-direction:row;flex-wrap:wrap}.brand{flex:1 1 100%}.feed{flex:1 1 auto;align-items:flex-start;gap:5px;font-size:.86rem}.online{margin-inline-start:auto}.hero{padding:14px}.left-actions,.mini-actions{align-items:stretch;flex-direction:column}.left-actions .btn,.mini-actions .btn,.form-actions>.btn{inline-size:100%}.hero h1{font-size:2.05rem}.hero p,.formula{font-size:.95rem}.screen-grid,.metric-grid{grid-template-columns:1fr}.bottom-nav{overflow-x:auto;scrollbar-gutter:stable}.bottom-nav button{min-inline-size:92px}}