:root{--bg:#161616;--fg:#e8e8e8;--accent:#c0392b;--accent-dim:#7b241c;--accent-glow:#c0392b33;--card:#222;--card-top:#ffffff0e;--border:#383838;--input-bg:#0d0d0d;--success:#27ae60;--warning:#f39c12;--error:#e74c3c;--muted:#888;--radius:10px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background:var(--bg);color:var(--fg);min-height:100vh;min-height:100dvh;padding:2.5rem max(1.25rem, env(safe-area-inset-right)) 2rem max(1.25rem, env(safe-area-inset-left));padding-top:max(2rem, env(safe-area-inset-top));padding-bottom:max(2rem, env(safe-area-inset-bottom));flex-direction:column;align-items:center;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:flex}header{text-align:center;margin-bottom:2rem}header h1{color:var(--accent);letter-spacing:.06em;text-shadow:0 0 32px var(--accent-glow);font-size:2.1rem;font-weight:700}header p{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-top:.35rem;font-size:.85rem}.card{border:1px solid var(--border);border-top:1px solid var(--card-top);border-radius:var(--radius);background:linear-gradient(#272727 0%,#202020 100%);width:100%;max-width:700px;margin-bottom:1rem;padding:1.5rem;box-shadow:0 2px 14px #00000073}.card h2{color:var(--fg);margin-bottom:1rem;font-size:.95rem;font-weight:600}.field{margin-bottom:.8rem}.field label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.35rem;font-size:.65rem;display:block}input[type=text],input[type=number],select{background:var(--input-bg);border:1px solid var(--border);width:100%;color:var(--fg);letter-spacing:.12em;border-radius:6px;outline:none;padding:.65rem .8rem;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:1.05rem;transition:border-color .15s}input:focus,select:focus{border-color:var(--accent)}.field-row{gap:.8rem;display:flex}.field-row .field{flex:1}button{cursor:pointer;background:var(--accent);color:#fff;border:none;border-radius:6px;padding:.65rem 1.2rem;font-size:.85rem;font-weight:600;transition:background .15s,opacity .15s}button:hover{opacity:.88}button:active{opacity:.7}.btn-ghost{border:1px solid var(--border);color:var(--fg);background:0 0}.btn-ghost:hover{border-color:var(--muted)}.btn-sm{padding:.35rem .7rem;font-size:.75rem}.btn-icon{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.2rem .5rem;font-size:1.2rem}.btn-icon:hover,.btn-danger{color:var(--error)}.btn-row{flex-wrap:wrap;gap:.6rem;margin-top:.6rem;display:flex}.seed-status{min-height:1.1em;margin-top:.3rem;font-size:.75rem;display:block}.seed-status.valid{color:var(--success)}.seed-status.invalid{color:var(--error)}.session-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.6rem 0;display:flex}.session-item:last-child{border-bottom:none}.session-item.active{background:#c0392b12;border-radius:4px;margin:0 -.5rem;padding-left:.5rem;padding-right:.5rem}.session-info{flex-direction:column;gap:.15rem;display:flex}.session-meta{color:var(--muted);font-family:SF Mono,Fira Code,monospace;font-size:.7rem}.session-actions{align-items:center;gap:.4rem;display:flex}.active-badge{text-transform:uppercase;letter-spacing:.06em;color:var(--success);border:1px solid var(--success);border-radius:4px;padding:.2rem .5rem;font-size:.65rem}.variant-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.variant-item:last-child{border-bottom:none}.variant-info{flex-direction:column;gap:.15rem;display:flex}.variant-info code{color:var(--fg);font-size:.85rem}.variant-meta{color:var(--muted);font-size:.7rem}.variant-actions{align-items:center;gap:.3rem;display:flex}.bitmap-header{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.6rem;font-size:.65rem}.bitmap-grid{grid-template-columns:repeat(16,1fr);gap:2px;margin-bottom:.6rem;display:grid}.bitmap-cell{aspect-ratio:1;cursor:default;border-radius:3px;justify-content:center;align-items:center;min-width:20px;font-family:SF Mono,Fira Code,monospace;font-size:.65rem;font-weight:600;transition:transform .1s;display:flex}.bitmap-cell:hover{z-index:1;transform:scale(1.15)}.bitmap-unknown{color:#777;background:#333}.bitmap-confirmed{background:var(--success);color:#fff}.bitmap-suspected{background:var(--warning);color:#000}.bitmap-changed{background:var(--accent);color:#fff;box-shadow:0 0 6px var(--accent-glow)}.bitmap-legend{flex-wrap:wrap;gap:1rem;display:flex}.legend-item{color:var(--muted);align-items:center;gap:.3rem;font-size:.7rem;display:flex}.legend-swatch{border-radius:2px;width:12px;height:12px;display:inline-block}.comparison-summary{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem;font-size:.8rem;display:grid}.comparison-summary code{font-size:.85rem}.comparison-summary .diff-detail{color:var(--muted);word-break:break-all;grid-column:1/-1;font-family:SF Mono,Fira Code,monospace;font-size:.7rem}.section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.25rem;font-size:.65rem}.mapping-table{border-collapse:collapse;width:100%;margin-bottom:.8rem;font-size:.8rem}.mapping-table th{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-align:left;border-bottom:1px solid var(--border);padding:.4rem .5rem;font-size:.65rem}.mapping-table td{border-bottom:1px solid var(--border);padding:.4rem .5rem}.confidence-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:3px;padding:.15rem .4rem;font-size:.65rem}.confidence-confirmed{color:var(--success);background:#27ae6033}.confidence-suspected{color:var(--warning);background:#f39c1233}.confidence-unknown{color:var(--muted);background:#8883}.mapping-form{flex-wrap:wrap;align-items:flex-end;gap:.4rem;display:flex}.input-sm{padding:.35rem .5rem!important;font-size:.8rem!important}.input-num{width:70px!important}.config-grid{grid-template-columns:1fr 1fr;gap:.6rem .8rem;margin-bottom:1rem;display:grid}.config-readout-grid{grid-template-columns:1fr 1fr;gap:.3rem 1rem;display:grid}.config-readout-item{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:baseline;padding:.25rem 0;display:flex}.config-readout-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.65rem}.config-readout-value{color:var(--fg);font-size:.8rem;font-weight:500}.change-summary{min-height:1.6em;margin:.4rem 0 .2rem;font-size:.85rem}.change-from{color:var(--muted);text-decoration:line-through}.change-arrow{color:var(--accent);margin:0 .3rem}.change-to{color:var(--fg);font-weight:600}.change-same{color:var(--warning);font-size:.75rem}.event-month-group{margin-bottom:.8rem}.event-month-header{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);border-bottom:1px solid var(--border);margin-bottom:.3rem;padding:.3rem 0;font-size:.7rem;font-weight:600}.event-item{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:.35rem 0;display:flex}.event-item:last-child{border-bottom:none}.event-info{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.event-actions{flex-shrink:0;align-items:center;gap:.1rem;display:flex}.event-type-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--accent);white-space:nowrap;background:#c0392b26;border-radius:3px;padding:.15rem .4rem;font-size:.6rem}.event-detail{color:var(--fg);font-size:.8rem}.event-notes{color:var(--muted);font-style:italic}.event-actions .btn-icon[data-edit-event]{font-size:.85rem}.event-actions .btn-icon[data-edit-event]:hover{color:var(--accent)}#cancel-edit-btn{border:1px solid var(--border);color:var(--muted);background:0 0;margin-left:.5rem}#events-panel.editing{border-left:3px solid var(--accent)}.empty-msg{color:var(--muted);font-size:.8rem;font-style:italic}.hint{color:var(--muted);margin-bottom:.8rem;font-size:.75rem}code{font-family:SF Mono,Fira Code,Cascadia Code,monospace}footer{text-align:center;color:var(--muted);margin-top:2rem;font-size:.75rem}footer a{color:var(--accent);text-decoration:none}footer a:hover{text-decoration:underline}