@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@import "https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@3.31.0/dist/tabler-icons.min.css";:root{--bg:#07080d;--surface:#0e0f18;--surface2:#13141f;--surface3:#191a28;--border:#1f2133;--border2:#272940;--accent:#4f8eff;--accent-dim:#4f8eff1f;--accent2:#2563eb;--gold:#f59e0b;--green:#10b981;--red:#ef4444;--amber:#f59e0b;--cyan:#06b6d4;--purple:#8b5cf6;--text:#e8eaf6;--text2:#9195b4;--text3:#5a5f80;--font:"Plus Jakarta Sans", sans-serif;--mono:"IBM Plex Mono", monospace;--r:10px;--sidebar-w:224px;--header-h:56px;--transition:.18s cubic-bezier(.4,0,.2,1)}html.light{--bg:#f4f5fb;--surface:#fff;--surface2:#f0f1f8;--surface3:#e8eaf4;--border:#d8daea;--border2:#c8cbdf;--text:#0d0e1a;--text2:#454769;--text3:#8589aa}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%}body{color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;line-height:1.5}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}.shell{flex-direction:column;height:100vh;display:flex;overflow:hidden}.topbar{height:var(--header-h);border-bottom:1px solid var(--border);background:var(--surface);z-index:50;flex-shrink:0;align-items:center;gap:12px;padding:0 16px;display:flex;position:sticky;top:0}.topbar-logo{letter-spacing:-.3px;color:var(--text);white-space:nowrap;font-size:15px;font-weight:800}.topbar-logo em{color:var(--accent);font-style:normal}.topbar-badge{background:var(--accent-dim);color:var(--accent);letter-spacing:.04em;border:1px solid #4f8eff40;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.topbar-spacer{flex:1}.topbar-stat{color:var(--text3);flex-direction:column;align-items:flex-end;font-size:11px;display:flex}.topbar-stat strong{color:var(--text);font-size:13px;font-weight:700;font-family:var(--mono)}.hamburger{border:1px solid var(--border2);color:var(--text2);cursor:pointer;transition:all var(--transition);background:0 0;border-radius:8px;align-items:center;padding:7px 9px;font-size:16px;display:none}.hamburger:hover{border-color:var(--accent);color:var(--accent)}@media (width<=768px){.hamburger{display:flex}}.theme-toggle{border:1px solid var(--border2);color:var(--text2);cursor:pointer;transition:all var(--transition);background:0 0;border-radius:8px;align-items:center;padding:7px 9px;font-size:16px;display:flex}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.body{flex:1;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;justify-content:space-between;gap:2px;padding:12px 8px;display:flex}@media (width<=768px){.sidebar{z-index:100;transition:transform var(--transition);padding-top:calc(var(--header-h) + 12px);width:240px;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.sidebar-overlay{z-index:99;background:#000000b3;display:none;position:fixed;inset:0}@media (width<=768px){.sidebar-overlay.open{display:block}}.sidebar-links-wrapper{flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding:16px 10px}.footer-label{color:var(--text3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:9px;font-weight:700}.dev-name{color:var(--text);margin-bottom:12px;font-size:14px;font-weight:700;display:block}.dev-links-grid{flex-direction:column;gap:10px;display:flex}.dev-link{color:var(--text2);transition:all var(--transition);align-items:center;gap:10px;font-size:11px;font-weight:500;text-decoration:none;display:flex}.dev-link:hover{color:var(--accent);transform:translate(2px)}.dev-link svg{color:var(--text3)}.dev-link:hover svg{color:var(--accent)}.nav-section{color:var(--text3);letter-spacing:.1em;text-transform:uppercase;padding:8px 10px 4px;font-size:10px;font-weight:700}.nav-item{cursor:pointer;color:var(--text2);transition:all var(--transition);border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-size:13px;font-weight:500;display:flex;position:relative}.nav-item:hover{color:var(--text);background:var(--surface3)}.nav-item.active{color:var(--accent);background:var(--accent-dim)}.nav-item.active:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:4px;bottom:4px;left:0}.nav-icon{flex-shrink:0;font-size:15px}.nav-badge{background:var(--accent);color:#fff;border-radius:20px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700}.sidebar-sep{background:var(--border);height:1px;margin:8px 10px}.main{flex-direction:column;flex:1;gap:24px;padding:24px;display:flex;overflow-y:auto}@media (width<=480px){.main{gap:16px;padding:16px}}.panel{display:none}.panel.active{flex-direction:column;gap:20px;display:flex}.page-title{color:var(--text);letter-spacing:-.3px;font-size:20px;font-weight:800}.page-sub{color:var(--text2);margin-top:2px;font-size:13px}.label{color:var(--text3);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.section-head{color:var(--text2);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:8px;font-size:13px;font-weight:700}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.card-sm{padding:14px}.card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.card-title{color:var(--text2);text-transform:uppercase;letter-spacing:.07em;font-size:13px;font-weight:700}.grid2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.grid4{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (width<=640px){.grid2,.grid3,.grid4{grid-template-columns:1fr}}@media (width<=900px) and (width>=641px){.grid3,.grid4{grid-template-columns:repeat(2,1fr)}}textarea,input[type=number],input[type=text]{background:var(--surface2);border:1px solid var(--border2);color:var(--text);font-family:var(--mono);transition:border var(--transition);border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:13px}textarea{resize:vertical;min-height:120px;line-height:1.65}textarea:focus,input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4f8eff1a}textarea::placeholder,input::placeholder{color:var(--text3)}input[type=number]{width:88px}.input-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);transition:all var(--transition);white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:7px;padding:9px 18px;line-height:1;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent2)}.btn-ghost{border:1px solid var(--border2);color:var(--text2);background:0 0}.btn-ghost:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.btn-success{color:var(--green);background:#10b9811f;border:1px solid #10b9814d}.btn-success:hover:not(:disabled){background:#10b98133}.btn-danger{color:var(--red);background:#ef44441a;border:1px solid #ef444440}.btn-danger:hover:not(:disabled){background:#ef44442e}.btn-sm{border-radius:6px;padding:6px 12px;font-size:12px}.btn-xs{border-radius:5px;gap:4px;padding:4px 9px;font-size:11px}.btn-group{flex-wrap:wrap;gap:8px;display:flex}.tabs{background:var(--surface2);border-radius:8px;gap:2px;padding:3px;display:flex}.tab{text-align:center;cursor:pointer;color:var(--text3);transition:all var(--transition);border-radius:6px;flex:1;padding:7px 10px;font-size:12px;font-weight:600}.tab.active{background:var(--accent);color:#fff}.tab:hover:not(.active){color:var(--text2);background:var(--surface3)}.result-box{background:var(--surface2);border:1px solid var(--border2);font-family:var(--mono);color:var(--text);white-space:pre-wrap;word-break:break-word;border-radius:8px;min-height:56px;max-height:400px;padding:14px;font-size:13px;line-height:1.7;overflow-y:auto}.result-box:empty:after{content:"Output will appear here";color:var(--text3);font-style:italic}.badge{letter-spacing:.02em;border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.badge-accent{color:var(--accent);background:#4f8eff1f}.badge-green{color:var(--green);background:#10b9811f}.badge-amber{color:var(--amber);background:#f59e0b1f}.badge-red{color:var(--red);background:#ef44441f}.badge-purple{color:var(--purple);background:#8b5cf61f}.note-box{color:var(--text2);background:#4f8eff0f;border:1px solid #4f8eff2e;border-radius:8px;gap:10px;padding:12px 14px;font-size:12px;line-height:1.6;display:flex}.note-box i{color:var(--accent);flex-shrink:0;margin-top:1px;font-size:15px}.file-drop{border:1.5px dashed var(--border2);text-align:center;cursor:pointer;color:var(--text3);transition:all var(--transition);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:12px;font-weight:500;display:flex}.file-drop:hover,.file-drop.dragover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.file-drop input{display:none}.stat-card{background:var(--surface2);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.stat-label{color:var(--text3);text-transform:uppercase;letter-spacing:.07em;font-size:11px;font-weight:600}.stat-value{color:var(--text);font-size:22px;font-weight:800;font-family:var(--mono);line-height:1}.stat-value.accent{color:var(--accent)}.stat-value.green{color:var(--green)}.stat-value.amber{color:var(--amber)}.stat-sub{color:var(--text3);font-size:11px}.conf-ring-wrap{align-items:center;gap:14px;display:flex}.conf-ring-text{flex-direction:column;gap:2px;display:flex}.conf-ring-pct{font-size:28px;font-weight:800;font-family:var(--mono);line-height:1}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;display:flex}.empty-state i{color:var(--text3);font-size:36px}.empty-state p{color:var(--text3);font-size:13px}.divider{background:var(--border);height:1px;margin:2px 0}.freq-chart-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.freq-chart-svg{min-width:520px;display:block}.chi-chart-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.alpha-map{flex-wrap:wrap;gap:3px;margin-top:6px;display:flex}.alpha-cell{background:var(--surface2);border:1px solid var(--border2);border-radius:5px;flex-direction:column;align-items:center;min-width:26px;padding:4px 3px;display:flex}.alpha-plain{color:var(--accent);font-size:10px;font-weight:700;font-family:var(--mono);line-height:1}.alpha-enc{color:var(--text2);font-size:10px;font-family:var(--mono);margin-top:2px;line-height:1}.shift-table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--border2);background:var(--surface2);border-radius:8px;overflow-x:auto}.shift-table{border-collapse:collapse;width:100%;font-size:11px;font-family:var(--mono);min-width:520px}.shift-table th{color:var(--text3);border-bottom:1px solid var(--border);letter-spacing:.05em;background:var(--surface3);text-align:center;padding:5px 7px;font-size:10px}.shift-table th:first-child{text-align:left;padding-left:10px}.shift-table td{text-align:center;border-bottom:1px solid #1f213399;padding:5px 7px}.shift-table td:first-child{color:var(--text3);text-align:left;padding-left:10px;font-weight:600}.cand-table{border-collapse:collapse;width:100%;font-size:12px}.cand-table th{text-align:left;color:var(--text3);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--border);padding:6px 10px;font-size:10px}.cand-table td{font-family:var(--mono);border-bottom:1px solid #1f213380;padding:8px 10px}.cand-table tr.best td{color:var(--text);font-weight:600}.cand-table tr.best td:first-child{color:var(--gold)}.cand-table .chi-bar{background:var(--border2);border-radius:2px;height:4px;margin-top:4px;overflow:hidden}.cand-table .chi-bar-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .4s}.steps{flex-direction:column;gap:0;display:flex}.step{border-bottom:1px solid var(--border);gap:12px;padding:12px 0;display:flex}.step:last-child{border-bottom:none}.step-num{background:var(--accent-dim);width:26px;height:26px;color:var(--accent);border:1px solid #4f8eff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:11px;font-weight:700;display:flex}.step-title{color:var(--text);margin-bottom:3px;font-size:13px;font-weight:700}.step-detail{color:var(--text2);font-size:12px;line-height:1.55}.report-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=640px){.report-grid{grid-template-columns:1fr}}.report-row{border-bottom:1px solid #1f213380;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;display:flex}.report-row:last-child{border-bottom:none}.report-key{color:var(--text2)}.report-val{color:var(--text);font-weight:600;font-family:var(--mono)}.help-article{flex-direction:column;gap:0;display:flex}.help-h2{color:var(--text);padding:20px 0 8px;font-size:16px;font-weight:800}.help-h2:first-child{padding-top:0}.help-h3{color:var(--accent);padding:12px 0 4px;font-size:13px;font-weight:700}.help-p{color:var(--text2);padding-bottom:8px;font-size:13px;line-height:1.75}.help-code{background:var(--surface2);border:1px solid var(--border2);font-family:var(--mono);color:var(--cyan);border-radius:4px;padding:1px 6px;font-size:11px}.help-sep{background:var(--border);height:1px;margin:8px 0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}.toast-container{z-index:500;pointer-events:none;flex-direction:column;gap:7px;display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--surface);border:1px solid var(--border2);pointer-events:auto;cursor:pointer;border-radius:10px;align-items:center;gap:9px;padding:10px 16px;font-size:13px;font-weight:500;animation:.22s toastIn;display:flex;box-shadow:0 8px 24px #0006}.toast.success{color:var(--green);border-color:#10b98166}.toast.error{color:var(--red);border-color:#ef444466}.toast.info{color:var(--accent);border-color:#4f8eff66}.toast.warn{color:var(--amber);border-color:#f59e0b66}