:root{--ink: #141210;--ink-raised: #191714;--text: #f2efea;--text-60: rgba(242, 239, 234, .6);--text-55: rgba(242, 239, 234, .55);--text-45: rgba(242, 239, 234, .45);--text-35: rgba(242, 239, 234, .35);--panel: rgba(255, 255, 255, .055);--panel-strong: rgba(255, 255, 255, .075);--hairline: rgba(255, 255, 255, .09);--hairline-soft: rgba(255, 255, 255, .07);--hairline-strong: rgba(255, 255, 255, .16);--mint: #5fbfae;--on-mint: #0e1513;--amber: #e7ae6e;--amber-chip: #d99a4e;--amber-chip-edge: #c4863b;--amber-chip-ink: #241606;--amber-panel: #2e2013;--amber-panel-edge: #55401f;--danger: #e88a76;--sans: "Instrument Sans", system-ui, -apple-system, sans-serif;--serif: "Source Serif 4", Georgia, serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:#0b0a09;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer;text-align:inherit}input,textarea{font:inherit;color:inherit}.stage{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:0}.device{position:relative;width:100%;height:100dvh;background:var(--ink);overflow:hidden;display:flex;flex-direction:column}@media(min-width:700px)and (min-height:780px){.stage{padding:24px}.device{width:402px;height:874px;border-radius:48px;box-shadow:0 40px 80px #00000080,0 0 0 1px #ffffff14}.device:before{content:"";position:absolute;top:11px;left:50%;transform:translate(-50%);width:126px;height:37px;border-radius:24px;background:#000;z-index:60}.device .home-indicator{display:flex}}.home-indicator{display:none;position:absolute;bottom:0;left:0;right:0;z-index:60;height:34px;justify-content:center;align-items:flex-end;padding-bottom:8px;pointer-events:none}.home-indicator span{width:139px;height:5px;border-radius:100px;background:#ffffffb3}.screen{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:max(52px,env(safe-area-inset-top)) 20px 132px;-webkit-overflow-scrolling:touch}.screen--flush{padding-left:0;padding-right:0}.eyebrow{font:500 12.5px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--text-55)}.section-label{font:600 12.5px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--text-55)}.display{font:600 28px/1.15 var(--serif);margin:6px 0 0}.doc-name{font:600 15px/1.3 var(--serif)}.muted{color:var(--text-60)}.link{font:500 13px/1 var(--sans);color:var(--mint)}.panel{background:var(--panel);border:1px solid var(--hairline);border-radius:14px}.rows>*+*{border-top:1px solid var(--hairline-soft)}.row{display:flex;align-items:center;gap:12px;padding:13px 15px;width:100%}.row__spread{display:flex;justify-content:space-between;align-items:baseline;gap:12px;width:100%}.datechip{width:44px;height:44px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;background:var(--panel-strong)}.datechip--due{background:var(--amber-chip);border:1px solid var(--amber-chip-edge);color:var(--amber-chip-ink)}.datechip__day{font:600 15px/1 var(--sans)}.datechip__month{font:500 9.5px/1 var(--sans);margin-top:2px;opacity:.75}.datechip--due .datechip__month{opacity:1}.attention{background:var(--amber-panel);border:1px solid var(--amber-panel-edge);border-radius:14px;padding:15px}.attention .rows>*+*{border-top:1px solid var(--amber-panel-edge)}.btn{border-radius:11px;padding:13px 16px;font:600 15px/1 var(--sans);text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn--primary{background:var(--mint);color:var(--on-mint)}.btn--ghost{background:var(--panel);border:1px solid var(--hairline-strong)}.btn--danger{background:var(--panel);border:1px solid rgba(232,138,118,.35);color:var(--danger)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--block{width:100%}.btn-row{display:flex;gap:10px}.btn-row>*{flex:1}.chip{border:1px solid var(--hairline-strong);border-radius:16px;padding:8px 12px;font:400 13px/1 var(--sans);color:#f2efeab3}.switch{position:relative;width:46px;height:27px;border-radius:999px;background:var(--panel-strong);border:1px solid var(--hairline-strong);flex:none;transition:background-color .15s ease,border-color .15s ease}.switch--on{background:var(--mint);border-color:var(--mint)}.switch__knob{position:absolute;top:2px;left:2px;width:21px;height:21px;border-radius:50%;background:var(--text);transition:transform .15s ease}.switch--on .switch__knob{transform:translate(19px);background:var(--on-mint)}.field-input{width:100%;background:var(--panel);border:1px solid var(--hairline);border-radius:10px;padding:10px 12px;font:500 14.5px/1.2 var(--sans);outline:none}.field-input:focus{border-color:var(--mint)}.tabbar{position:absolute;left:18px;right:18px;bottom:max(26px,env(safe-area-inset-bottom));background:#1e1b189e;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(255,255,255,.13);box-shadow:0 10px 30px #00000073,inset 0 1px #ffffff24;border-radius:28px;padding:11px 0 12px;display:flex;z-index:30}.tabbar__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;color:#f2efea80;font:500 11px/1 var(--sans)}.tabbar__item[aria-current=page]{color:var(--mint);font-weight:600}.scrim{position:absolute;inset:0;background:#0000009e;z-index:40;display:flex;flex-direction:column;justify-content:flex-end;animation:fade-in .16s ease-out}.sheet{background:var(--ink-raised);border-radius:20px 20px 0 0;padding:10px 20px max(24px,env(safe-area-inset-bottom));box-shadow:0 -8px 40px #0000008c;max-height:88%;overflow-y:auto;animation:slide-up .22s cubic-bezier(.32,.72,0,1)}.sheet__grip{width:38px;height:4px;border-radius:2px;background:#fff3;margin:0 auto 16px}@keyframes fade-in{0%{opacity:0}}@keyframes slide-up{0%{transform:translateY(16px);opacity:0}}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.18);border-top-color:var(--mint);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.banner{border-radius:12px;padding:12px 14px;font:400 13.5px/1.45 var(--sans)}.banner--error{background:#e88a761f;border:1px solid rgba(232,138,118,.35);color:var(--danger)}.banner--info{background:var(--amber-panel);border:1px solid var(--amber-panel-edge);color:var(--amber)}.empty{text-align:center;padding:36px 12px;color:var(--text-55);font:400 14px/1.55 var(--sans)}.empty strong{display:block;font:600 17px/1.3 var(--serif);color:var(--text);margin-bottom:6px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:9px}.stack-16>*+*{margin-top:16px}.stack-10>*+*{margin-top:10px}
