:root{--bg: #0b1117;--panel: #0f151c;--card: #121b24;--border: #1b2733;--text: #e7f0f7;--text-muted: #9fb3c8;--accent: #86d17e;--accent-strong: #6bbc62}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%}body{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;overflow-y:auto}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 10% 20%,rgba(134,209,126,.05),transparent 30%),radial-gradient(circle at 90% 0%,rgba(66,96,135,.08),transparent 28%),var(--bg)}.topbar{display:flex;justify-content:center;padding:18px 24px;border-bottom:1px solid var(--border);background:#0d131a}.topbar-inner{width:100%;max-width:1280px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:40px;height:40px;border-radius:10px;background:#86d17e1f;color:var(--accent);display:grid;place-items:center;font-size:20px}.brand-name{font-weight:700;font-size:18px;color:var(--text)}.top-actions{display:flex;align-items:center;gap:10px}.ghost-btn{background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:10px 14px;font-weight:600;cursor:pointer}.ghost-btn.primary{border-color:var(--accent)}.ghost-btn:hover{background:#86d17e24;border-color:var(--accent)}.primary-btn{background:var(--accent);color:#0b1117;border:none;border-radius:10px;padding:10px 16px;font-weight:700;cursor:pointer}.primary-btn:hover{background:var(--accent-strong)}.content-shell{display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 80px);max-width:1280px;width:100%;margin:0 auto;column-gap:14px}.sidebar{background:#0f151b;border-right:1px solid var(--border);padding:12px 0;display:flex;flex-direction:column;gap:4px}.nav-item{border:none;background:transparent;color:var(--text-muted);text-align:left;padding:12px 18px;cursor:pointer;font-size:14px}.nav-item:hover{background:#101a22;color:var(--text)}.nav-item.active{background:#86d17e29;color:var(--text);border-left:3px solid var(--accent)}.main-area{padding:20px;background:var(--bg);max-width:1280px;width:100%;margin:0 auto;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;min-height:calc(100vh - 120px)}.viewer-shell{display:flex;flex-direction:column;gap:14px;flex:1}.viewer-header{display:flex;justify-content:space-between;align-items:center}.viewer-title{margin:0 0 4px;font-size:24px;font-weight:700}.viewer-subtitle{margin:0;color:var(--text-muted);font-size:14px}.viewer-body{display:grid;grid-template-columns:260px 1fr;gap:14px;max-width:1280px;align-items:stretch}.panel{min-width:0;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px;display:flex;flex-direction:column}.panel-title{color:var(--text);font-weight:700;margin-bottom:8px}.tree{display:flex;flex-direction:column;gap:10px}.tree-scroll{flex:1;overflow-y:auto;padding-right:6px}.accordion{border:1px solid var(--border);border-radius:10px;margin-bottom:10px;background:#0d141c;overflow:hidden}.accordion-header{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;cursor:pointer;color:var(--text);font-weight:600}.accordion[open] .accordion-header{border-bottom:1px solid var(--border)}.accordion-list{max-height:220px;overflow-y:auto;margin:0;padding:8px 10px}.badge{background:#86d17e29;color:var(--text);border-radius:8px;padding:2px 8px;font-size:12px}.tree-item{list-style:none;color:var(--text);padding:6px 8px;border-radius:8px}.tree-item:hover{background:#86d17e24}.tabs{display:flex;gap:12px;margin-bottom:10px}.tab{background:transparent;border:none;color:var(--text);padding:8px 10px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent}.tab.active{color:var(--accent);border-color:var(--accent)}.tab.ghost{color:var(--text-muted)}.search-row{display:flex;align-items:center;gap:8px;background:#0c1218;border:1px solid var(--border);padding:10px;border-radius:10px;margin-bottom:12px}.search-input{flex:1;background:transparent;border:none;color:var(--text);outline:none}.search-icon{color:var(--text-muted)}.table-wrapper{border:1px solid var(--border);border-radius:12px;max-height:80vh;overflow:auto;max-width:100%;background:var(--card)}.table{width:100%}.table-head,.table-row{display:grid}.table-head{background:#16202b;font-weight:700;position:sticky;top:0;z-index:2}.table-row{background:var(--card);border-bottom:1px solid #18222d}.cell{padding:10px 8px;color:var(--text);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cell.head{color:var(--text);position:relative;display:flex;align-items:center}.cell-content{flex:1;overflow:hidden;text-overflow:ellipsis}.col-resizer{position:absolute;right:0;top:0;bottom:0;width:6px;cursor:col-resize;background:transparent;transition:background .2s}.col-resizer:hover{background:var(--accent)}.table-row:hover{background:#86d17e14}.table-body{flex:1;overflow-y:auto;overflow-x:hidden}.muted{color:var(--text-muted);font-size:14px}.placeholder{margin-top:40px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px}.placeholder-title{font-weight:700}.placeholder-body{color:var(--text-muted);margin-top:6px}.hidden-input{display:none}.table-panel{overflow:hidden}.panel-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.panel-title-row .panel-title{margin-bottom:0}.collapse-btn{background:var(--card);border:1px solid var(--border);color:var(--text);width:28px;height:28px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;transition:background .2s,border-color .2s}.collapse-btn:hover{background:#86d17e24;border-color:var(--accent)}.tree-panel.collapsed{width:50px;min-width:50px;padding:12px 8px}.tree-panel.collapsed .panel-title-row{justify-content:center}.viewer-body.structure-collapsed{grid-template-columns:50px 1fr}.asc-id-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.asc-id-item{background:#0d141c;border:1px solid var(--border);border-radius:8px;padding:10px 12px;cursor:pointer;transition:background .2s,border-color .2s}.asc-id-item:hover{background:#86d17e14;border-color:var(--accent)}.asc-id-item.active{background:#86d17e29;border-color:var(--accent)}.asc-id-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.asc-id-hex{font-weight:600;font-family:monospace;color:var(--text)}.asc-id-meta{font-size:12px;color:var(--text-muted);font-family:monospace}.tree-panel{max-height:80vh}.tree-panel .tree-scroll{overflow-y:auto;max-height:calc(80vh - 100px)}.load-frames-btn{margin-top:12px;width:100%;background:var(--accent);color:#0b1117;border:none;border-radius:8px;padding:10px 14px;font-weight:600;font-size:14px;cursor:pointer;transition:background .2s}.load-frames-btn:hover:not(:disabled){background:var(--accent-strong)}.load-frames-btn:disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed}.periodicity-panel{flex:1}.verdict-ok{color:#86d17e;font-weight:600}.verdict-unstable{color:#f0c674;font-weight:600}.verdict-gapped{color:#e0a458;font-weight:600}.verdict-nonperiodic{color:#c66;font-weight:600}