:root{--bg: #0c1116;--panel: #121a21;--panel-2: #1a2530;--border: #24313d;--text: #e8eef2;--muted: #8fa1ad;--accent: #35b8a5;--accent-soft: #35b8a526;--warn: #e0a13f;--neg: #e4644b;--radius: 12px;--pad: 16px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}#app{min-height:100dvh}h1,h2,h3{margin:0 0 8px;font-weight:650}h1{font-size:1.4rem}h2{font-size:1.05rem}a{color:var(--accent)}.muted{color:var(--muted);font-size:.9rem}.hidden{display:none}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.page{max-width:720px;margin:0 auto;padding:var(--pad);padding-bottom:calc(48px + env(safe-area-inset-bottom))}.topnav{display:flex;align-items:center;gap:4px;padding:10px var(--pad);border-bottom:1px solid var(--border);position:sticky;top:0;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.topnav .wordmark{font-weight:750;letter-spacing:-.01em;margin-right:10px;color:var(--text);text-decoration:none}.topnav .wordmark .dot{color:var(--accent)}.topnav a.navlink{color:var(--muted);text-decoration:none;padding:8px 10px;border-radius:8px;font-size:.92rem}.topnav a.navlink.active{color:var(--text);background:var(--panel-2)}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:var(--pad);margin-bottom:12px}.row{display:flex;align-items:center;gap:10px}.row .grow{flex:1;min-width:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:none;border-radius:10px;background:var(--accent);color:#06211d;font-size:.95rem;font-weight:650;cursor:pointer;text-decoration:none}.btn:active{transform:scale(.98)}.btn.secondary{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}.btn.ghost{background:transparent;color:var(--accent);border:1px solid var(--accent)}.btn.danger{background:transparent;color:var(--neg);border:1px solid var(--neg)}.btn.small{min-height:36px;padding:0 12px;font-size:.85rem}.btn:disabled{opacity:.5}input[type=text],input[type=number],textarea{width:100%;min-height:44px;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-size:.95rem}textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;min-height:80px;resize:vertical}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}label.field{display:block;margin-bottom:12px}label.field>span{display:block;margin-bottom:5px;font-size:.82rem;color:var(--muted)}.error{background:#43201a;border:1px solid var(--neg);color:#ffd9d1;border-radius:10px;padding:12px 14px;margin-bottom:12px}.chip{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:650;border:1px solid var(--border);color:var(--muted)}.chip.ready,.chip.confirmed{color:var(--accent);border-color:var(--accent)}.chip.proposed{color:var(--warn);border-color:var(--warn)}.chip.dismissed,.chip.retired{color:var(--muted)}.landing{max-width:860px;margin:0 auto;padding:48px var(--pad) 64px;text-align:center}.landing .wordmark{font-size:2.8rem;font-weight:800;letter-spacing:-.03em}.landing .wordmark .dot{color:var(--accent)}.landing .tagline{color:var(--muted);font-size:1.15rem;max-width:520px;margin:10px auto 28px}.landing .cta{display:flex;justify-content:center;gap:10px;margin-bottom:40px}.landing .pitch{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;text-align:left}.landing .disclaimer{margin-top:28px;color:var(--muted);font-size:.85rem}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.viewer-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.viewer-canvas canvas{display:block;width:100%;height:100%}.viewer-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:8px;padding:10px calc(10px + env(safe-area-inset-right)) 10px calc(10px + env(safe-area-inset-left));z-index:5;pointer-events:none}.viewer-top>*{pointer-events:auto}.viewer-timeline{position:absolute;left:50%;transform:translate(-50%);bottom:calc(14px + env(safe-area-inset-bottom));width:min(520px,calc(100% - 32px));background:color-mix(in srgb,var(--panel) 90%,transparent);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px;z-index:5}.viewer-timeline input[type=range]{width:100%;accent-color:var(--accent)}.viewer-timeline .dates{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted)}.viewer-side{position:absolute;top:60px;right:12px;bottom:90px;width:300px;background:color-mix(in srgb,var(--panel) 94%,transparent);border:1px solid var(--border);border-radius:var(--radius);padding:12px;overflow-y:auto;z-index:6}.viewer-side .pin-item{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;cursor:pointer}.viewer-side .pin-item:hover,.viewer-side .pin-item.selected{background:var(--panel-2)}.viewer-side .crop{width:100%;border-radius:8px;border:1px solid var(--border);background:#000}.viewer-msg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;color:var(--muted)}@media(max-width:720px){.viewer-side{top:auto;left:12px;right:12px;bottom:calc(86px + env(safe-area-inset-bottom));width:auto;max-height:42dvh}}.passport{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px}.passport .obs{flex:0 0 170px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:10px}.passport .obs img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;background:#000}.token-plain{background:var(--panel-2);border:1px dashed var(--accent);border-radius:10px;padding:12px;word-break:break-all}