:root{--bg: #16110a;--panel: #1f1810;--line: rgba(212, 168, 67, .22);--gold: #d4a843;--text: #e8d5b0;--dim: #8a7a60;--accent: #5a9a4a}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 system-ui,sans-serif}#app{min-height:100dvh;display:flex;flex-direction:column}a{color:var(--gold)}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:8px;padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top));background:#16110af0;backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}.topbar .brand{font-weight:700;color:var(--gold)}.topbar .sp{flex:1}.btn{min-height:38px;padding:8px 12px;border-radius:8px;border:1px solid var(--line);background:#2a2114;color:var(--text);font-size:.85rem;cursor:pointer}.btn.primary{border-color:var(--gold);color:var(--gold);font-weight:600}.btn.sm{min-height:30px;padding:4px 9px;font-size:.75rem}main{flex:1;padding:12px 14px 96px;max-width:760px;width:100%;margin:0 auto}.muted{color:var(--dim)}.layer-tag{display:inline-block;font-size:.66rem;border:1px solid var(--line);border-radius:4px;padding:1px 6px;margin-right:6px;color:var(--gold);text-transform:uppercase;letter-spacing:.05em}.file-row{display:flex;align-items:center;gap:8px;width:100%;padding:11px 8px;border-bottom:1px solid rgba(212,168,67,.08);background:none;border-left:none;border-right:none;border-top:none;color:var(--text);font-size:.88rem;text-align:left;cursor:pointer}.file-row .meta{color:var(--dim);font-size:.72rem}.section-h{color:var(--gold);font-weight:700;margin:16px 0 4px;padding-bottom:4px;border-bottom:1px solid var(--line)}.blk{position:relative;padding:2px 6px 2px 10px;border-radius:6px}.blk.tappable:active,.blk.annotated{background:#d4a84312}.blk .mark{position:absolute;left:-2px;top:4px;width:8px;height:8px;border-radius:50%;background:var(--gold);cursor:pointer}.h{color:var(--gold);font-weight:700}.h1{font-size:1.3rem;margin:14px 0 6px}.h2{font-size:1.1rem;margin:12px 0 5px}.h3,.h4{font-size:.95rem;margin:10px 0 4px}.li{padding-left:.6em}.p{margin:3px 0}.code{background:#0d0a05;border:1px solid var(--line);border-radius:6px;padding:8px 10px;font-size:.78rem;overflow-x:auto;white-space:pre-wrap}.comment{margin:6px 0 6px 14px;padding:8px 10px;border-left:2px solid var(--gold);background:var(--panel);border-radius:0 8px 8px 0}.comment .who{color:var(--gold);font-size:.72rem;font-weight:600}.comment .when{color:var(--dim);font-size:.68rem;margin-left:6px}.comment .txt{margin-top:3px;font-size:.85rem}.comment .ex{color:var(--dim);font-size:.72rem;font-style:italic;margin-bottom:3px}.comment .reply{margin-left:10px;border-left-color:var(--dim)}.resolved{opacity:.55}.composer{margin:8px 0 8px 14px}textarea,input[type=text],input[type=password],input[type=search]{width:100%;background:#0d0a05;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px;font-size:.9rem}textarea{min-height:84px;resize:vertical}.verdict-bar{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.verdict-bar .btn.sm.approved{border-color:var(--accent);color:var(--accent)}.verdict-bar .btn.sm.rejected{border-color:#c05555;color:#c05555}.bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:5;display:flex;gap:4px;padding:8px 10px;padding-bottom:max(8px,env(safe-area-inset-bottom));background:#16110af5;border-top:1px solid var(--line)}.bottomnav a{flex:1;text-align:center;padding:10px 4px;border-radius:8px;color:var(--dim);text-decoration:none;font-size:.78rem}.bottomnav a.on{background:#d4a84324;color:var(--gold)}.login{max-width:340px;margin:15vh auto 0;display:grid;gap:10px}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(70px + env(safe-area-inset-bottom));z-index:9;background:#2a2114;border:1px solid var(--gold);color:var(--text);padding:9px 16px;border-radius:20px;font-size:.82rem}