:root{--desk:#cdc3b0;--paper:#faf7f0;--paper2:#f3ede0;--paper3:#ece4d2;--paper4:#e2d8c4;--stroke:#c8b89a;--stroke2:#ddd0bc;--ink:#1a1208;--ink2:#4a3828;--ink3:#8a7260;--ink4:#b0a090;--blue:#1a3f80;--blue-light:#2a5fba;--red:#8a1a1a;--green:#1a5a30;--amber:#7a5000;--purple:#4a1a6a;--rule:#b4a08259;--margin-ln:#c8505038;--font-story:"Special Elite", "Courier New", monospace;--font-ui:"Lora", Georgia, serif;--font-mono:"DM Mono", "Cascadia Code", "Courier New", monospace;--rule-h:30px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{background:var(--desk);color:var(--ink);font-family:var(--font-ui);line-height:1.6;overflow:hidden}.layout{flex-direction:column;height:100vh;display:flex;overflow:hidden}.topbar{z-index:100;background:#2c2018;border-bottom:3px solid #1a1008;flex-shrink:0;align-items:center;gap:12px;height:50px;padding:0 20px;display:flex;position:relative}.topbar:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 39px,#00000040 39px 40px,#0000 40px 60px,#ffffff0f 60px 61px,#0000 61px 100px);position:absolute;inset:0}.topbar-logo{flex-direction:column;justify-content:center;display:flex;position:relative}.topbar-logo-name{font-family:var(--font-story);color:#e8d8b0;letter-spacing:.08em;font-size:13px}.topbar-logo-sub{color:#7a6848;letter-spacing:.05em;font-size:9px;font-family:var(--font-mono);margin-top:1px}.topbar-spacer{flex:1}.topbar-title{color:#9a8870;font-size:12px;font-family:var(--font-story)}.topbar-hash{font-family:var(--font-mono);color:#c8a860;letter-spacing:.04em;background:#0000004d;border-radius:3px;padding:3px 8px;font-size:11px}.menu-btn{color:#c8b890;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:background .12s,color .12s;display:flex;position:relative}.menu-btn:hover{color:#e8d8b0;background:#ffffff24}.menu-btn.open{color:#c8a860;background:#c8a86026;border-color:#c8a860}.menu-panel{background:var(--paper);border:1px solid var(--stroke);border-radius:6px;width:230px;animation:.14s menuIn;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 32px #00000038,0 2px 8px #0000001f}@keyframes menuIn{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.menu-group-label{color:var(--ink4);letter-spacing:.16em;text-transform:uppercase;font-size:9px;font-weight:700;font-family:var(--font-mono);padding:8px 14px 3px}.menu-item{cursor:pointer;color:var(--ink2);font-size:13px;font-family:var(--font-ui);border-left:2px solid #0000;align-items:center;gap:10px;padding:7px 14px;transition:background .1s,color .1s;display:flex}.menu-item:hover{background:var(--paper2);color:var(--ink)}.menu-item.active{color:var(--blue);background:var(--paper2);border-left-color:var(--blue)}.menu-item-icon{text-align:center;width:18px;font-size:13px}.menu-divider{background:var(--stroke2);height:1px;margin:3px 0}.risk-badge{letter-spacing:.08em;font-size:10px;font-weight:700;font-family:var(--font-mono);border-radius:3px;padding:3px 8px;display:inline-block}.risk-low{color:var(--green);background:#1a5a301f;border:1px solid #1a5a3033}.risk-med{color:var(--amber);background:#7a50001f;border:1px solid #7a500033}.risk-hi{color:var(--red);background:#8a1a1a1f;border:1px solid #8a1a1a33}.content{background-color:var(--paper);background-image:linear-gradient(90deg, var(--margin-ln) 68px, transparent 68px), repeating-linear-gradient(var(--paper) 0px, var(--paper) calc(var(--rule-h) - 1px), var(--rule) calc(var(--rule-h) - 1px), var(--rule) var(--rule-h));background-size:100% 100%, 100% var(--rule-h);background-attachment:local;flex:1;padding:28px 28px 80px 80px;overflow-y:auto}.story-wrap{max-width:640px;margin:0 auto;padding:4px 0 80px}.grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;display:grid}.grid-1{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr 1fr}.span-2{grid-column:span 2}.card{background:var(--paper);border:1px solid var(--stroke);border-radius:4px;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d}.card:before{content:"";z-index:1;background:#c8a86059;border-radius:2px;width:48px;height:12px;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.card-title{color:var(--ink3);text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--stroke2);background:var(--paper2);font-size:10px;font-weight:700;font-family:var(--font-mono);align-items:center;gap:7px;padding:10px 13px 8px;display:flex}.card-icon{font-size:13px}.dr{border-bottom:1px solid var(--stroke2);align-items:center;gap:6px;padding:6px 13px;display:flex}.dr:last-child{border-bottom:none}.dr-label{color:var(--ink3);min-width:0;font-size:12px;font-family:var(--font-mono);flex:0 0 165px}.dr-value{color:var(--ink);text-align:right;word-break:break-all;font-size:12px;font-family:var(--font-ui);flex:1}.dr-value.na{color:var(--ink4);font-style:italic}.mono{font-family:var(--font-mono)!important}.badge{font-size:10px;font-weight:700;font-family:var(--font-mono);border-radius:3px;padding:2px 7px;display:inline-block}.badge-yes{color:var(--green);background:#1a5a301a;border:1px solid #1a5a3033}.badge-maybe{color:var(--amber);background:#7a50001a;border:1px solid #7a500033}.badge-no{color:var(--red);background:#8a1a1a14;border:1px solid #8a1a1a26}.conf-bar{border-bottom:1px solid var(--stroke2);padding:6px 13px}.conf-bar:last-child{border-bottom:none}.conf-bar-header{justify-content:space-between;margin-bottom:5px;display:flex}.conf-label{color:var(--ink2);font-size:12px;font-family:var(--font-mono)}.conf-pct{font-size:11px;font-weight:700;font-family:var(--font-mono)}.conf-track{background:var(--paper3);border-radius:2px;height:3px;overflow:hidden}.conf-fill{border-radius:2px;height:100%;transition:width .5s}.feat-grid{background:var(--stroke2);grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:1px;display:grid}.feat-item{background:var(--paper);justify-content:space-between;align-items:center;gap:6px;padding:6px 10px;display:flex}.feat-name{color:var(--ink2);font-size:11px;font-family:var(--font-mono)}.codec-table{border-collapse:collapse;width:100%}.codec-table th{color:var(--ink3);text-align:left;background:var(--paper2);border-bottom:1px solid var(--stroke2);font-size:10px;font-weight:700;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;padding:6px 13px}.codec-table td{border-bottom:1px solid var(--stroke2);color:var(--ink2);padding:6px 13px;font-size:12px}.codec-table tr:last-child td{border-bottom:none}.fp-preview{border:1px solid var(--stroke);border-radius:4px;max-width:280px;height:auto;margin:10px auto;display:block}.tree-wrap{padding:10px 13px;overflow-x:auto}.tree-node{border-left:1px dashed var(--stroke2);margin-left:2px;padding-left:14px}.tree-row{flex-wrap:wrap;align-items:baseline;gap:8px;padding:2px 0;font-size:12px;display:flex}.tree-key{color:var(--purple);font-family:var(--font-mono);flex-shrink:0}.tree-val{color:var(--ink2);font-family:var(--font-mono)}.tree-t{color:var(--green)}.tree-f{color:var(--red)}.tree-val.na{color:var(--ink4)}.depth-0{border-left:none;padding-left:0}.trail-canvas{background:var(--paper2);border:1px solid var(--stroke);border-radius:4px;width:100%;height:140px;display:block}.signal-list{flex-direction:column;gap:5px;padding:10px 13px;display:flex}.signal-row{align-items:center;gap:8px;font-size:12px;display:flex}.signal-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.sig-high .signal-dot{background:var(--red)}.sig-medium .signal-dot{background:var(--amber)}.sig-low .signal-dot{background:var(--ink4)}.signal-text{color:var(--ink2);font-family:var(--font-ui)}.signal-weight{font-family:var(--font-mono);color:var(--ink4);margin-left:auto;font-size:11px}.score-ring{text-align:center;padding:20px}.score-num{font-size:52px;font-weight:700;font-family:var(--font-story);color:var(--ink);line-height:1}.score-lbl{color:var(--ink3);margin-top:6px;font-size:12px}.ua-string{font-family:var(--font-mono);word-break:break-all;color:var(--ink2);background:var(--paper2);border-top:1px solid var(--stroke2);padding:10px 13px;font-size:11px;line-height:1.8}.loading{height:100%;color:var(--ink3);font-size:14px;font-family:var(--font-story);justify-content:center;align-items:center;gap:12px;display:flex}.spinner{border:2px solid var(--stroke2);border-top-color:var(--blue);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--paper2)}::-webkit-scrollbar-thumb{background:var(--stroke);border-radius:3px}