:root{color-scheme:dark;--bg: #0f172a;--fg: #e2e8f0;--accent: #38bdf8;--muted: #94a3b8;--warn: #f59e0b;--err: #ef4444;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100dvh;background:var(--bg);color:var(--fg)}body{overflow-y:auto}#app{min-height:100dvh;display:flex;flex-direction:column}.center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;text-align:center}h1{font-size:2.5rem;margin:0;letter-spacing:.15em}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand-hero{width:160px;height:160px;border-radius:22%;box-shadow:0 12px 40px #38bdf82e}.brand{display:flex;align-items:center;gap:.6rem}.brand-mark{width:36px;height:36px;border-radius:20%;display:block}h2{font-size:1.1rem;margin:1.5rem 0 .75rem;color:var(--muted);font-weight:600;letter-spacing:.05em}.tagline{color:var(--muted);margin:0 0 1rem}button{background:var(--accent);color:#0f172a;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:.5rem;cursor:pointer}button:hover{filter:brightness(1.1)}header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap;padding:1rem 1.5rem;border-bottom:1px solid rgba(148,163,184,.2);position:sticky;top:0;background:var(--bg);z-index:10}header h1{font-size:1.5rem}.user{display:flex;align-items:center;gap:.75rem;font-size:.9rem;flex-wrap:wrap}.user button{background:transparent;color:var(--fg);border:1px solid var(--muted);padding:.5rem 1rem;font-size:.85rem}main{padding:1.5rem;max-width:1400px;width:100%;margin:0 auto;display:grid;gap:1.5rem;grid-template-columns:1fr}.warnings-bar{grid-column:1 / -1}@media (min-width: 768px){main{grid-template-columns:minmax(180px,240px) 1fr;align-items:start}}.left-panel,.right-panel{min-width:0;display:flex;flex-direction:column;gap:1.5rem}.right-panel>section{margin:0}.ghost.block{width:100%;text-align:center}.records-section{min-height:0}.muted{color:var(--muted);font-size:.85rem}.empty{color:var(--muted);padding:2rem 0;text-align:center;list-style:none}.banner{padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem;font-size:.9rem}.banner-blocker{background:#ef444426;border:1px solid var(--err);color:#fecaca}.banner-warn{background:#f59e0b26;border:1px solid var(--warn);color:#fcd34d}.capture{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;background:#38bdf814;border:1px solid rgba(56,189,248,.2);border-radius:.75rem}.capture-button{display:flex;align-items:center;justify-content:center;padding:1.25rem;background:var(--accent);color:#0f172a;font-weight:700;font-size:1.1rem;border-radius:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.capture-button:hover{filter:brightness(1.1)}.record-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.record-list li{display:flex;justify-content:space-between;padding:.75rem 1rem;background:#94a3b814;border-radius:.5rem}.record-list .display{font-weight:600;letter-spacing:.05em}.record-list .status{color:var(--muted);font-size:.85rem}.record-list .status-failed{color:var(--err);cursor:pointer}.record-list .status-pending{color:var(--warn)}.record-list .record-delete{background:transparent;color:var(--muted);border:none;padding:0 .25rem;font-size:1rem;cursor:pointer}.record-list .record-delete:hover{color:var(--err)}.nav-section{background:#94a3b80a;border:1px solid rgba(148,163,184,.12);border-radius:.75rem;padding:1rem}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;font-size:.9rem;padding:.5rem 0}.crumb{background:transparent;color:var(--accent);border:none;padding:.25rem .5rem;font-size:.9rem;cursor:pointer;border-radius:.25rem}.crumb:hover{background:#38bdf81a}.crumb-current{font-weight:700;padding:.25rem .5rem}.crumb-sep{color:var(--muted);padding:0 .1rem}.nav-actions{margin:.5rem 0}.node-children{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.4rem}.node-child{width:100%;text-align:left;background:#94a3b814;color:var(--fg);border:1px solid rgba(148,163,184,.15);padding:.75rem 1rem;border-radius:.5rem;font-size:.95rem;cursor:pointer}.node-child:hover{background:#94a3b826}.ghost{background:transparent;color:var(--fg);border:1px solid var(--muted);padding:.5rem .9rem;font-size:.85rem;font-weight:500}.ghost:hover{background:#94a3b81a}.capture-row{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;gap:1rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:100;overflow-y:auto;padding:2rem 1rem;-webkit-overflow-scrolling:touch}.modal{background:#1e293b;border:1px solid rgba(148,163,184,.2);border-radius:.75rem;padding:1.5rem;max-width:720px;width:100%;margin:0 auto}@media (min-width: 640px){.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.25rem}.modal-grid .field-full{grid-column:1 / -1}}.modal h2{margin-top:0}.field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.75rem}.field>span{font-size:.85rem;color:var(--muted)}.field input{background:#0f172acc;border:1px solid var(--muted);color:var(--fg);padding:.6rem .75rem;border-radius:.4rem;font-size:1rem;scroll-margin-block:6rem}.field textarea,.field select{scroll-margin-block:6rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.modal-wide{max-width:820px}@media (min-width: 640px){.modal-wide .settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:start}}.settings-section{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(148,163,184,.15)}.settings-section:last-of-type{border-bottom:none}.settings-section h3{font-size:.95rem;margin:0 0 .5rem;color:var(--accent)}.settings-actions{display:flex;gap:.5rem;margin:.5rem 0}.team-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.team-switch{width:100%;text-align:left;background:#94a3b814;color:var(--fg);border:1px solid rgba(148,163,184,.15);padding:.6rem .9rem;border-radius:.4rem;cursor:pointer;font-size:.9rem}.team-switch.active{background:#38bdf826;border-color:var(--accent);color:var(--accent);font-weight:600}.invite-url{margin-top:.75rem;padding:.75rem;background:#0f172acc;border-radius:.4rem;border:1px solid rgba(148,163,184,.2);word-break:break-all}.invite-url code{font-size:.8rem;color:var(--accent)}.team-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.section-header{display:flex;justify-content:space-between;align-items:center}.record-display{display:flex;gap:.6rem;align-items:center;background:transparent;color:var(--fg);border:none;padding:0;cursor:pointer;flex:1;text-align:left}.record-display:hover .display{color:var(--accent)}.verdict-badge{display:inline-block;padding:.1rem .5rem;border-radius:.3rem;font-size:.75rem;font-weight:600}.verdict-none{background:#94a3b826;color:var(--muted)}.verdict-ok{background:#22c55e26;color:#4ade80}.verdict-warn{background:#f59e0b26;color:#fcd34d}.verdict-bad{background:#ef444426;color:#fca5a5}.field textarea{background:#0f172acc;border:1px solid var(--muted);color:var(--fg);padding:.6rem .75rem;border-radius:.4rem;font-family:inherit;font-size:.95rem;resize:vertical}.field select{background:#0f172acc;border:1px solid var(--muted);color:var(--fg);padding:.6rem .75rem;border-radius:.4rem;font-size:1rem}.install-steps{background:#0f172a99;border:1px solid var(--border);border-radius:.5rem;padding:1rem 1.25rem 1rem 2.25rem;margin:1rem 0}.install-steps li{margin:.6rem 0;color:var(--fg-dim, var(--fg))}.orientation-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172afa;z-index:1000;align-items:center;justify-content:center;font-size:1.5rem;color:var(--fg)}@media (orientation: portrait) and (max-width: 900px){.orientation-overlay{display:flex}}.mode-switcher{display:flex;border:1px solid rgba(148,163,184,.3);border-radius:.4rem;overflow:hidden}.mode-btn{background:transparent;color:var(--muted);border:none;padding:.35rem .7rem;font-size:.8rem;font-weight:500;cursor:pointer;white-space:nowrap}.mode-btn.mode-active{background:var(--accent);color:#0f172a;font-weight:700}.needs-metadata{border-left:3px solid var(--warn)}.presence-dot{color:#4ade80;font-size:.7rem;margin-right:.25rem}.has-presence{border-color:#4ade8066;background:#4ade8014}.presence-banner{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background:#4ade8014;border:1px solid rgba(74,222,128,.25);border-radius:.5rem;font-size:.85rem}.upload-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.15rem .5rem;border-radius:.75rem;font-size:.75rem;font-weight:600;background:#f59e0b26;color:var(--warn);border:1px solid rgba(245,158,11,.3)}.field-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.field-row input[type=checkbox]{width:1.2rem;height:1.2rem;accent-color:var(--accent)}