:root{--bg:#f3f4f2;--surface:#fff;--sunk:#e9ebe7;--line:#d6dad3;--fg:#1b221f;--muted:#5d6862;--accent:#1f5c4c;--accent-soft:#dcebe5;--on-accent:#fff;--warn:#9a5b00;--warn-soft:#fbecd2;--bad:#a3302a;--bad-soft:#f8dcd9;--good:#2e7d4f;--good-soft:#dcf0e2;--rail:#17201c;--rail-fg:#d9e2dd;--rail-muted:#8b9a92;--rail-line:#2c3833;--rail-hover:#1f2a26;--rail-active:#24312c;--f-display:"Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--f-body:"Instrument Sans", "Segoe UI", system-ui, sans-serif;--f-mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#111614;--surface:#18201d;--sunk:#0d1210;--line:#2a3530;--fg:#e4ebe7;--muted:#93a39a;--accent:#6cc3a6;--accent-soft:#1d3a31;--on-accent:#0b1512;--warn:#f0b45a;--warn-soft:#3a2a12;--bad:#f08a80;--bad-soft:#3d1c19;--good:#7fd19f;--good-soft:#18331f;--rail:#0a0e0d;--rail-line:#1f2925;--rail-hover:#141b18;--rail-active:#1b2621;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--f-body);margin:0;font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a{color:var(--accent)}.mono{font-family:var(--f-mono);font-size:.86em}.muted{color:var(--muted)}.small{font-size:13px}.app{grid-template-columns:250px minmax(0,1fr);min-height:100%;display:grid}.rail{background:var(--rail);color:var(--rail-fg);flex-direction:column;gap:22px;padding:22px 18px;display:flex}.brand{font-family:var(--f-display);color:var(--rail-fg);align-items:center;gap:10px;font-size:19px;font-weight:700;text-decoration:none;display:flex}.brand small{font-family:var(--f-body);color:var(--rail-muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:500;display:block}.rail-label{letter-spacing:.08em;text-transform:uppercase;color:var(--rail-muted);margin-bottom:6px;font-size:11px}.nav{gap:2px;display:grid}.nav a{color:var(--rail-fg);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:14px;text-decoration:none;display:flex}.nav a:hover{background:var(--rail-hover)}.nav a[aria-current=page]{background:var(--rail-active);font-weight:600}.nav .dot{border-radius:50%;flex:none;width:8px;height:8px}.rail-foot{border-top:1px solid var(--rail-line);color:var(--rail-muted);gap:8px;margin-top:auto;padding-top:14px;font-size:12.5px;display:grid}.rail-foot b{color:var(--rail-fg);font-weight:600}.linkbtn{all:unset;cursor:pointer;color:var(--rail-fg);text-underline-offset:3px;text-decoration:underline}.dev{border:1px dashed var(--rail-line);color:var(--rail-muted);border-radius:8px;gap:8px;padding:10px;font-size:12.5px;display:grid}.dev .row{flex-wrap:wrap;gap:4px;display:flex}.dev button{background:var(--rail-active);border:1px solid var(--rail-line);color:var(--rail-fg);cursor:pointer;border-radius:6px;padding:3px 8px;font-size:12px}.dev a{color:var(--rail-fg)}.demo-banner{color:#5c4200;text-align:center;background:#fff4d6;border-bottom:1px solid #f0d58a;padding:8px 16px;font-size:13px}main{flex-direction:column;gap:22px;min-width:0;max-width:1080px;padding:28px 32px 64px;display:flex}h1{font-family:var(--f-display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:30px;font-weight:700;line-height:1.1}h2{font-family:var(--f-display);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:600}h3{margin:0;font-size:15px;font-weight:600}.sub{color:var(--muted);max-width:64ch;margin:4px 0 0}.top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 20px;display:flex}.pill{white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:5px 11px;font-size:12.5px;font-weight:600;display:inline-flex}.pill:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.p-good{background:var(--good-soft);color:var(--good)}.p-warn{background:var(--warn-soft);color:var(--warn)}.p-bad{background:var(--bad-soft);color:var(--bad)}.p-acc{background:var(--accent-soft);color:var(--accent)}.banner{border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.banner p{max-width:72ch;margin:0}.banner.warn{background:var(--warn-soft)}.banner.bad{background:var(--bad-soft)}.banner.good{background:var(--good-soft)}.banner.info{background:var(--accent-soft)}.btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:600}.btn:hover:not(:disabled){border-color:var(--muted)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.danger{background:var(--bad);border-color:var(--bad);color:var(--surface)}.btn.sm{padding:5px 10px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;min-width:0}.panel-h{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.panel-b{padding:16px 18px}.grid2{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));align-items:start;gap:18px;display:grid}.zk{color:var(--muted);align-items:center;gap:7px;font-size:12.5px;display:inline-flex}.error{color:var(--bad);margin:0;font-size:13.5px}.empty{text-align:center;color:var(--muted);padding:32px 18px}.empty p{max-width:52ch;margin:0 auto 14px}.field{gap:6px;margin-bottom:16px;display:grid}.field>label,.field>.lbl{font-size:13.5px;font-weight:600}.hint{color:var(--muted);font-size:12.5px}input[type=text],input[type=email],input[type=password],select,textarea{background:var(--bg);border:1px solid var(--line);border-radius:8px;width:100%;min-width:0;padding:8px 10px}textarea{resize:vertical;min-height:84px}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg button{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:13.5px}.seg button[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.inline{flex-wrap:wrap;gap:8px;display:flex}.inline>input{flex:220px}.auth{place-items:center;min-height:100%;padding:32px 16px;display:grid}.auth-card{gap:18px;width:min(100%,420px);display:grid}.auth-card .brand{color:var(--fg)}.auth-card .brand small{color:var(--muted)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;padding:5px 12px;font-size:13px}.chip[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.item{border-top:1px solid var(--line);grid-template-columns:minmax(0,1.2fr) minmax(0,1.7fr) auto;align-items:start;gap:6px 18px;padding:14px 18px;display:grid}.item:first-child{border-top:0}.cat{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-size:11px}.kv{grid-template-columns:max-content minmax(0,1fr);gap:3px 12px;margin:0;font-size:13.5px;display:grid}.kv dt{color:var(--muted)}.kv dd{overflow-wrap:anywhere;margin:0}.secret{font-family:var(--f-mono);background:var(--sunk);border-radius:4px;padding:1px 6px;font-size:12.5px}.item .note{color:var(--muted);white-space:pre-wrap;grid-column:1/-1;margin:0;font-size:13px}.item-actions{gap:10px;display:flex}.textbtn{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:2px 0;font-size:13px;font-weight:600}.textbtn.bad{color:var(--bad)}.editor{border-top:1px solid var(--line);background:var(--bg);border-radius:0 0 12px 12px;padding:16px 18px}.editor:first-child{border-top:0;border-radius:12px}.fieldrow{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto auto;align-items:center;gap:8px;margin-bottom:8px;display:grid}.fieldrow label{white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex}.timeline{margin:0;padding:0;list-style:none;display:grid}.timeline li{grid-template-columns:70px 18px minmax(0,1fr);gap:0 10px;padding-bottom:16px;display:grid;position:relative}.timeline li:last-child{padding-bottom:0}.timeline .when{font-family:var(--f-mono);color:var(--muted);text-align:right;padding-top:1px;font-size:12px}.timeline .dot{border:2px solid var(--accent);background:var(--surface);z-index:1;border-radius:50%;width:12px;height:12px;margin-top:4px;position:relative}.timeline li:not(:last-child):after{content:"";background:var(--line);width:2px;position:absolute;top:16px;bottom:-2px;left:85px}.timeline li.done .dot{background:var(--warn);border-color:var(--warn)}.timeline li.gate .dot{border-color:var(--warn)}.timeline b{font-size:14px}.timeline p{color:var(--muted);margin:2px 0 0;font-size:13px}.people{gap:10px;display:grid}.person{border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 12px;display:flex}.avatar{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:600;display:grid}.person .who{flex:200px;min-width:0}.person b{font-size:14px;display:block}.person span{color:var(--muted);font-size:12.5px}.countdown{font-family:var(--f-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:44px;font-weight:700;line-height:1}.meter{background:var(--sunk);border-radius:99px;height:8px;margin-top:10px;overflow:hidden}.meter i{background:var(--warn);border-radius:99px;height:100%;display:block}blockquote{border-left:3px solid var(--line);color:var(--muted);margin:0;padding:10px 14px}.steps{counter-reset:s;gap:10px;margin:0;padding:0;list-style:none;display:grid}.steps li{grid-template-columns:26px minmax(0,1fr) auto;align-items:start;gap:10px;font-size:14px;display:grid}.steps li:before{counter-increment:s;content:counter(s);background:var(--sunk);border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-weight:600;display:grid}.steps li.ok:before{content:"✓";background:var(--good-soft);color:var(--good)}.steps li span{color:var(--muted);font-size:12.5px;display:block}.tablewrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:13.5px}.table th{text-align:left;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding:8px 18px;font-size:11px;font-weight:600}.table td{border-bottom:1px solid var(--line);vertical-align:top;padding:10px 18px}.table tr:last-child td{border-bottom:0}.table td:first-child{font-family:var(--f-mono);color:var(--muted);white-space:nowrap;font-size:12px}.mail{white-space:pre-wrap;font-family:var(--f-mono);margin:6px 0 0;font-size:12.5px}.toast{background:var(--fg);color:var(--bg);z-index:20;border-radius:8px;max-width:calc(100% - 32px);padding:10px 16px;font-size:14px;font-weight:500;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}@media (width<=820px){.app{grid-template-columns:minmax(0,1fr)}.rail{gap:14px;padding:16px}.nav{gap:4px;display:flex;overflow-x:auto}.nav a{white-space:nowrap}main{padding:20px 16px 48px}.item{grid-template-columns:minmax(0,1fr)}.fieldrow{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}h1{font-size:25px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}