*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #07070e;--surface: #0c0c18;--card: #10101e;--border: #18182c;--border-hi: #252540;--accent: #00d4ff;--accent-dim: rgba(0, 212, 255, .15);--accent-ring: rgba(0, 212, 255, .28);--purple: #7c3aed;--purple-dim: rgba(124, 58, 237, .18);--green: #22c55e;--text: #dde4f0;--text-dim: #6b7a99;--text-muted: #3c4460;--mono: "JetBrains Mono", "Fira Code", "Cascadia Code", "Consolas", monospace;--sans: "Inter", system-ui, -apple-system, sans-serif;--radius: 0;--radius-lg: 0;--canvas-bg: #030308}html.light-mode{--bg: #f5f5f7;--surface: #ffffff;--card: #ebebf0;--border: #d4d4dc;--border-hi: #b4b4c4;--accent: #0077cc;--accent-dim: rgba(0, 119, 204, .09);--accent-ring: rgba(0, 119, 204, .24);--purple: #6622aa;--purple-dim: rgba(102, 34, 170, .1);--green: #1a8c3a;--text: #1a1a2e;--text-dim: #44445a;--text-muted: #88889a;--canvas-bg: #f8f8fc}html.light-mode body{background:var(--bg);color:var(--text)}html.light-mode .header{background:#f5f5f7eb;border-bottom-color:var(--border)}html.light-mode .logo{background:linear-gradient(125deg,#07c,#62a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}html.light-mode .nav-btn:hover{background:#0000000a}html.light-mode .ptl3-stage{background:var(--canvas-bg);box-shadow:0 0 32px #0000000f}html.light-mode .ptl3-tooltip{background:#f8f8fcfa;border-color:var(--border-hi)}html.light-mode .ptl3-tt-ring,html.light-mode .ptl3-tt-geo,html.light-mode .ptl3-tt-angle{color:var(--text-dim)}html.light-mode .ptl3-tt-text{color:var(--text)}html.light-mode .ptl3-tt-footer{color:var(--text-muted)}html.light-mode .toggle-table-btn{background:#0000000a}html.light-mode .toggle-table-btn:hover{background:#00000014}html.light-mode .irsvp-nav-btn:hover:not(:disabled){background:#0000000d}html.light-mode .irsvp-dot{background:#0000001f}html.light-mode .irsvp-dot:hover{background:#00000040}html.light-mode .rsvp-close:hover{background:#0000000d}html.light-mode .rsvp-play:hover{background:var(--purple-dim)}html.light-mode .decoded-output{background:var(--card)}html.light-mode .stream-table tr:hover td{background:#00000005}html.light-mode .modal-backdrop{background:#00000073}html.light-mode .modal-card{background:#fff}html.light-mode .modal-opt{background:var(--card)}html.light-mode .modal-btn-cancel{border-color:var(--border)}html.light-mode .wb-modal-section-label,html.light-mode .wb-geo-header{color:var(--text-muted)}html.light-mode .code-scaffold{background:var(--card);color:var(--text)}html.light-mode .compiler-controls{border-right-color:var(--border)}html.light-mode .compiler-canvas-pane{background:var(--bg)}html.light-mode .compiler-empty{color:var(--text-muted)}html.light-mode .arcade-quadrant-preview,html.light-mode .vel-ptl3-stage,html.light-mode .context-preview,html.light-mode .ctx-glyph-wrap,html.light-mode .irsvp-focal{background:var(--canvas-bg)}html.light-mode .theme-toggle{color:var(--text-dim)}html.light-mode .theme-toggle:hover{color:var(--text);background:#0000000f}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}strong{font-weight:700}.app{display:flex;flex-direction:column;min-height:100vh}.header{position:sticky;top:0;z-index:50;height:58px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px;background:#07070ee0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.logo{font-family:var(--mono);font-size:18px;font-weight:700;letter-spacing:.06em;background:linear-gradient(125deg,var(--accent) 0%,var(--purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav{display:flex;gap:3px;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:0}.nav-btn{font-family:var(--sans);font-size:13px;font-weight:500;padding:6px 20px;border:1px solid transparent;border-radius:0;cursor:pointer;background:transparent;color:var(--text-dim);transition:color .12s,background .12s,border-color .12s;letter-spacing:.01em;white-space:nowrap}.nav-btn:hover{color:var(--text);background:#ffffff0a}.nav-btn.active{background:var(--accent-dim);color:var(--accent);border-color:var(--accent-ring)}.header-meta{text-align:right;font-family:var(--mono);font-size:10px;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase}.header-right{display:flex;align-items:center;justify-content:flex-end;gap:10px}.theme-toggle{background:none;border:1px solid var(--border);color:var(--text-dim);font-size:12px;font-weight:700;font-family:var(--mono);letter-spacing:.04em;width:30px;height:30px;border-radius:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .12s,background .12s,border-color .12s;flex-shrink:0}.theme-toggle:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.print-queue-btn{display:inline-flex;align-items:center;gap:4px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e;font-size:12px;font-weight:600;padding:4px 10px;border-radius:0;cursor:pointer;font-family:var(--sans);transition:background .12s;white-space:nowrap}.print-queue-btn:hover{background:#22c55e2e}.print-queue-count{background:#22c55e40;border-radius:0;padding:0 5px;font-size:11px;min-width:18px;text-align:center}main{flex:1;overflow-y:auto}.main-full{overflow:hidden;height:calc(100vh - 58px)}.view{max-width:1280px;margin:0 auto;padding:36px 28px 80px}.compiler-shell{display:grid;grid-template-columns:340px 1fr;height:100%;min-height:0}.compiler-controls{overflow-y:auto;overflow-x:hidden;border-right:1px solid var(--border);padding:22px 18px 48px;min-height:0}.compiler-controls::-webkit-scrollbar{width:3px}.compiler-controls::-webkit-scrollbar-thumb{background:var(--border-hi);border-radius:0}.compiler-canvas-pane{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;overflow:hidden;background:var(--bg);min-height:0}.compiler-canvas-pane .ptl3-stage{width:min(calc(100% + -0px),calc(100vh - 90px));max-width:none;margin:0;flex-shrink:0}.compiler-empty{color:var(--text-muted);font-size:13px;text-align:center}@media (max-width: 820px){.compiler-shell{grid-template-columns:280px 1fr}}@media (max-width: 640px){.main-full{overflow-y:auto;height:auto}.compiler-shell{grid-template-columns:1fr;height:auto}.compiler-controls{order:2;border-right:none;border-top:1px solid var(--border);padding:16px 16px 48px;overflow-y:visible}.compiler-canvas-pane{order:1;height:min(90vw,60vh);padding:12px}.compiler-canvas-pane .ptl3-stage{width:100%;max-width:100%}.header{padding:0 12px;height:52px}.logo{font-size:14px}.nav-btn{padding:5px 10px;font-size:12px}.header-meta{display:none}.view{padding:20px 14px 60px}}@media (max-width: 400px){.nav-btn{padding:4px 7px;font-size:11px}.compiler-canvas-pane{height:min(92vw,55vh)}}.view-header{margin-bottom:32px}.view-header h2{font-size:22px;font-weight:700;color:var(--text);margin-bottom:7px}.view-subtitle{font-size:14px;color:var(--text-dim);max-width:680px;line-height:1.65}.view-subtitle strong{color:var(--text)}.section{margin-bottom:20px}.section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:12px}.field-label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:8px}.english-input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:0;padding:14px 16px;color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.6;resize:vertical;outline:none;transition:border-color .15s,box-shadow .15s}.english-input::placeholder{color:var(--text-muted)}.english-input:focus{border-color:var(--accent-ring);box-shadow:0 0 0 3px #00d4ff12}.input-meta{margin-top:7px;font-family:var(--mono);font-size:11px;color:var(--text-muted)}.legend{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:11px 16px;background:var(--surface);border:1px solid var(--border);border-radius:0;margin-bottom:28px}.legend-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-right:4px}.legend-item{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:var(--text-dim)}.legend-dot{width:9px;height:9px;border-radius:0;flex-shrink:0}.glyph-grid{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px}.glyph-card{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px;background:var(--canvas-bg);border:1px solid var(--border);border-radius:0;cursor:default;transition:transform .14s,border-color .14s,box-shadow .14s}.glyph-card:hover{transform:translateY(-3px);border-color:var(--border-hi);box-shadow:0 8px 28px #0009}.glyph-token{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--text);max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.glyph-hex{font-family:var(--mono);font-size:10px;color:var(--accent);opacity:.75}.glyph-role{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:0}.stream-table{width:100%;border-collapse:collapse}.stream-table th{padding:9px 14px;text-align:left;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--surface);white-space:nowrap}.stream-table td{padding:7px 14px;border-bottom:1px solid rgba(24,24,44,.7);vertical-align:middle;font-size:12px}.stream-table tr:last-child td{border-bottom:none}.stream-table tr:hover td{background:#ffffff05}.mono{font-family:var(--mono)}.muted{color:var(--text-muted)}.bright{color:var(--text)}.accent{color:var(--accent)}.bit-diagram{margin-top:36px;padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:0}.bit-diagram-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:14px}.bit-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media (max-width: 700px){.bit-row{grid-template-columns:repeat(2,1fr)}}.bit-block{padding:14px;border:1px solid var(--border);border-radius:0;border-top-width:3px}.b-texture{border-top-color:#4a90d9}.b-hue{border-top-color:#e74c3c}.b-grammar{border-top-color:#2ecc71}.b-phase{border-top-color:#f39c12}.bit-label{font-family:var(--mono);font-size:10px;color:var(--text-muted);margin-bottom:4px}.bit-name{font-size:13px;font-weight:600;color:var(--text);margin-bottom:4px}.bit-desc{font-size:11px;color:var(--text-dim);line-height:1.45}.empty-state{margin-top:60px;text-align:center;color:var(--text-muted);padding:0 24px}.empty-arrow{font-size:52px;opacity:.25;margin-bottom:18px;font-family:var(--mono)}.empty-state p{font-size:15px;line-height:1.7;max-width:400px;margin:0 auto}.empty-state strong{color:var(--text-dim)}.signal-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;background:var(--surface);border:1px solid var(--border);border-radius:0;margin-bottom:24px;flex-wrap:wrap}.signal-left{display:flex;align-items:center;gap:14px}.signal-count{font-size:13px;color:var(--text-dim);font-family:var(--mono)}.badge-live{font-family:var(--mono);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--green);background:#22c55e1a;border:1px solid rgba(34,197,94,.28);padding:3px 8px;border-radius:0;animation:blink 2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.55}}.badge-ok{font-family:var(--mono);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);background:var(--accent-dim);border:1px solid var(--accent-ring);padding:3px 8px;border-radius:0}.btn-primary{font-family:var(--sans);font-size:13px;font-weight:600;padding:8px 22px;background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent-ring);border-radius:0;cursor:pointer;transition:background .13s,border-color .13s;white-space:nowrap}.btn-primary:hover:not(:disabled){background:#00d4ff38;border-color:var(--accent)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.signal-strip{display:flex;flex-wrap:wrap;gap:8px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:0;margin-bottom:28px;min-height:100px}.strip-frame{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}.strip-token{font-family:var(--mono);font-size:10px;color:var(--text-dim);text-align:center;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.strip-decoded canvas{outline:1px solid rgba(0,212,255,.25)}.pipeline{padding:18px 20px;background:var(--surface);border:1px solid var(--border);border-radius:0;margin-bottom:8px}.pipeline-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:16px}.pipeline-steps{display:flex;flex-direction:column;align-items:flex-start;gap:0}.pipe-step{display:flex;flex-direction:column;align-items:flex-start}.pipe-box{font-family:var(--mono);font-size:12px;color:var(--text-dim);padding:6px 14px;background:var(--card);border:1px solid var(--border);border-radius:0;transition:color .2s,border-color .2s,background .2s;white-space:nowrap}.pipe-box.pipe-active{color:var(--accent);border-color:var(--accent-ring);background:var(--accent-dim)}.pipe-arrow{font-size:14px;color:var(--border-hi);padding:2px 14px;line-height:1}.decode-log{display:flex;flex-direction:column;gap:8px}.log-entry{display:flex;gap:14px;align-items:flex-start;padding:12px 14px;background:var(--card);border:1px solid var(--border);border-radius:0;animation:fadeUp .18s ease-out}@keyframes fadeUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.log-glyph{flex-shrink:0}.log-channels{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.log-channel{display:flex;align-items:baseline;gap:10px;font-size:12px}.log-channel-result{margin-top:4px;padding-top:4px;border-top:1px solid var(--border)}.ch-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);min-width:100px;flex-shrink:0}.ch-value{color:var(--text-dim);font-size:12px;line-height:1.4}.ch-value strong{color:var(--text)}.decoded-output{margin-top:32px;padding:24px;background:#00d4ff0a;border:1px solid var(--accent-ring);border-radius:0;animation:fadeUp .3s ease-out}.decoded-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.decoded-stats{font-family:var(--mono);font-size:11px;color:var(--text-muted)}.decoded-text{font-size:22px;font-weight:500;color:var(--text);line-height:1.5;word-break:break-word;margin-bottom:12px}.decoded-meta{font-family:var(--mono);font-size:11px;color:var(--text-muted)}.decoded-meta .accent{color:var(--accent)}.ptl3-legend-bar{display:flex;align-items:center;gap:24px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:0;margin-bottom:16px;flex-wrap:wrap}.ptl3-legend-quadrants,.ptl3-legend-rings{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.ptl3-legend-q{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--text-dim);letter-spacing:.05em}.ptl3-legend-dot{width:8px;height:8px;border-radius:0;flex-shrink:0}.ptl3-legend-r{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-muted)}.ptl3-legend-rnum{font-family:var(--mono);font-size:10px;color:var(--text-muted);font-weight:700}.ptl3-stage{position:relative;width:100%;max-width:680px;margin:0 auto;aspect-ratio:1;background:var(--canvas-bg);border:1px solid var(--border-hi);border-radius:0;overflow:hidden;box-shadow:0 0 80px #000000f2}.ptl3-wrap{width:100%;height:100%;position:relative}.ptl3-svg{display:block;width:100%;height:100%}.ptl3-el{transition:opacity .12s}.ptl3-tooltip{position:absolute;z-index:20;pointer-events:none;max-width:270px;background:#0a0a14f5;border:1px solid var(--border-hi);border-radius:0;padding:10px 12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 24px #0009}.ptl3-tt-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;gap:10px}.ptl3-tt-q{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.ptl3-tt-ring{font-family:var(--mono);font-size:10px;color:var(--text-muted)}.ptl3-tt-text{font-size:12px;color:var(--text);line-height:1.5;margin-bottom:7px}.ptl3-tt-footer{display:flex;align-items:center;gap:8px}.ptl3-tt-geo{font-family:var(--mono);font-size:10px;color:var(--accent);text-transform:uppercase;letter-spacing:.06em}.ptl3-tt-angle{font-family:var(--mono);font-size:10px;color:var(--text-muted)}.ptl3-tt-valence{font-family:var(--mono);font-size:10px;margin-left:auto}.compiler-output{margin-bottom:32px}.inline-rsvp{display:flex;flex-direction:column;align-items:center;gap:20px;padding:36px 24px 28px;background:var(--canvas-bg);border:1px solid var(--border-hi);border-radius:0;box-shadow:0 0 60px #000000f2,inset 0 0 60px #00000080}.irsvp-focal{position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:20px}.irsvp-nav{display:flex;align-items:center;gap:14px}.irsvp-nav-btn{font-size:18px;background:#ffffff0a;border:1px solid var(--border-hi);color:var(--text-dim);border-radius:0;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .12s,background .12s}.irsvp-nav-btn:hover:not(:disabled){color:var(--text);background:#ffffff14}.irsvp-nav-btn:disabled{opacity:.2;cursor:default}.irsvp-dots{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center;max-width:320px}.irsvp-dot{width:7px;height:7px;border-radius:50%;background:#ffffff26;border:none;cursor:pointer;padding:0;transition:background .15s,transform .15s}.irsvp-dot:hover{background:#ffffff59}.irsvp-dot.active{background:var(--accent);transform:scale(1.35);box-shadow:0 0 6px var(--accent)}.stream-details{margin-top:8px}.toggle-table-btn{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--text-muted);background:none;border:1px solid var(--border);border-radius:0;padding:6px 14px;cursor:pointer;transition:color .12s,border-color .12s;letter-spacing:.04em}.toggle-table-btn:hover{color:var(--text-dim);border-color:var(--border-hi)}.input-row{display:flex;align-items:center;justify-content:space-between;margin-top:7px;gap:12px}.btn-rsvp{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.06em;padding:5px 14px;background:var(--purple-dim);color:var(--purple);border:1px solid rgba(124,58,237,.3);border-radius:0;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s}.btn-rsvp:hover{background:#7c3aed40;border-color:var(--purple)}.ptl-name-row{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.ptl-name-wrap{display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:0;padding:6px 12px;flex:1;min-width:180px}.ptl-name-prefix{font-family:var(--mono);font-size:11px;color:var(--text-muted);white-space:nowrap}.ptl-name-input{background:none;border:none;outline:none;color:var(--text);font-family:var(--mono);font-size:13px;font-weight:600;flex:1;min-width:100px}.ptl-name-input::placeholder{color:var(--text-muted)}.ptl-type-badge{font-family:var(--mono);font-size:10px;color:var(--accent);background:var(--accent-dim);border:1px solid var(--accent-ring);padding:3px 9px;border-radius:0;white-space:nowrap}.ptl-export-btn{font-family:var(--mono);font-size:11px;font-weight:700;padding:6px 14px;background:var(--purple-dim);color:var(--purple);border:1px solid rgba(124,58,237,.3);border-radius:0;cursor:pointer;white-space:nowrap;transition:background .12s}.ptl-export-btn:hover{background:#7c3aed40}.inline-code{font-family:var(--mono);font-size:11px;background:var(--surface);border:1px solid var(--border);border-radius:0;padding:1px 5px;color:var(--accent);margin:0 2px}.wb-modal-card{overflow-y:auto;max-height:calc(100vh - 80px)}.wb-modal-swatches{display:flex;flex-direction:column;gap:10px;padding:14px 20px 8px}.wb-modal-swatch{display:flex;align-items:flex-start;gap:12px}.wb-color-dot{width:18px;height:18px;border-radius:50%;flex-shrink:0;margin-top:2px;box-shadow:0 0 6px currentColor}.wb-swatch-info{display:flex;flex-direction:column;gap:1px}.wb-key{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--text)}.wb-marker{font-size:12px;color:var(--text-dim)}.wb-note{font-size:11px;color:var(--text-muted)}.wb-modal-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:16px 20px 8px;border-top:1px solid var(--border);margin-top:4px}.wb-modal-geo-table{padding:0 20px 12px;font-size:12px;overflow-x:auto}.wb-geo-header,.wb-geo-row{display:grid;grid-template-columns:100px 1fr 1fr 1fr 1fr;gap:4px 10px;align-items:center;padding:5px 0}.wb-geo-header{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-bottom:1px solid var(--border)}.wb-geo-row{border-bottom:1px solid var(--border)}.wb-geo-row:last-child{border-bottom:none}.wb-geo-quad{font-weight:700;font-size:11px}.wb-geo-row span:not(.wb-geo-quad){color:var(--text-dim);font-family:var(--mono);font-size:11px}.wb-modal-instructions{font-family:var(--mono);font-size:11px;line-height:1.65;color:var(--text-dim);padding:8px 20px 16px;white-space:pre-wrap;background:none;border:none;margin:0}.url-loader{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.url-input{flex:1;min-width:200px;background:var(--surface);border:1px solid var(--border);border-radius:0;padding:9px 14px;color:var(--text);font-family:var(--mono);font-size:12px;outline:none;transition:border-color .14s}.url-input::placeholder{color:var(--text-muted)}.url-input:focus{border-color:var(--accent-ring)}.url-fetch-btn{font-family:var(--sans);font-size:12px;font-weight:600;padding:9px 18px;background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent-ring);border-radius:0;cursor:pointer;white-space:nowrap;transition:background .12s}.url-fetch-btn:hover:not(:disabled){background:#00d4ff38}.url-fetch-btn:disabled{opacity:.45;cursor:not-allowed}.url-err{font-family:var(--mono);font-size:11px;color:#ef4444;padding:4px 0}.file-queue{border:1px solid var(--border);background:var(--surface);margin-bottom:14px;max-height:260px;overflow-y:auto}.file-queue-header{display:flex;align-items:center;justify-content:space-between;padding:7px 12px;background:var(--card);border-bottom:1px solid var(--border);font-size:11px;color:var(--text-dim);font-family:var(--mono);gap:8px}.file-queue-header-left{flex:1}.file-queue-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid var(--border);font-size:11px}.file-queue-item:last-child{border-bottom:none}.file-queue-item.active{background:var(--accent-dim)}.fq-status{width:14px;text-align:center;flex-shrink:0;font-size:10px}.fq-name{font-family:var(--mono);color:var(--text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fq-ptlname{font-family:var(--mono);font-size:11px;background:var(--card);border:1px solid var(--border);color:var(--text-dim);padding:2px 6px;width:160px;flex-shrink:0;outline:none}.fq-ptlname:focus{border-color:var(--accent)}.fq-btn{font-family:var(--sans);font-size:11px;font-weight:600;padding:3px 9px;background:transparent;border:1px solid var(--border);color:var(--text-dim);cursor:pointer;white-space:nowrap;flex-shrink:0}.fq-btn:hover{border-color:var(--accent);color:var(--accent)}.fq-btn.export{border-color:#00d4ff4d;color:var(--accent)}.fq-btn.export:hover{background:var(--accent-dim)}.fq-btn:disabled{opacity:.4;cursor:not-allowed}.fq-err{font-size:10px;color:#ef4444;flex-shrink:0;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fq-check{flex-shrink:0;cursor:pointer;accent-color:var(--accent);width:13px;height:13px}.fq-select-label{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.code-mode-badge{font-family:var(--mono);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#f5a623;background:#f5a6231f;border:1px solid rgba(245,166,35,.3);padding:3px 8px;border-radius:0;margin-left:auto}.code-scaffold-section{margin-top:8px}.code-scaffold{background:var(--surface);border:1px solid var(--border);border-radius:0;padding:16px;font-family:var(--mono);font-size:12px;color:var(--text-dim);overflow-x:auto;white-space:pre;line-height:1.65;max-height:480px;overflow-y:auto;margin-top:8px}.demod-import-row{display:flex;align-items:center;gap:10px;margin-bottom:18px;flex-wrap:wrap}.demod-import-btn{font-family:var(--sans);font-size:12px;font-weight:600;padding:8px 18px;background:var(--purple-dim);color:var(--purple);border:1px solid rgba(124,58,237,.35);border-radius:0;cursor:pointer;transition:background .12s;white-space:nowrap}.demod-import-btn:hover{background:#7c3aed40}.demod-active-frame{display:flex;flex-direction:column;align-items:center;gap:10px;margin:20px 0;padding:24px;background:var(--canvas-bg);border:1px solid var(--border-hi);border-radius:0}.daf-canvas-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;animation:fadeUp .12s ease-out}.daf-label{font-size:12px}.daf-token{font-family:var(--mono);font-size:15px;color:var(--text);font-weight:700}.daf-done{font-family:var(--mono);font-size:18px;color:var(--green);padding:20px}.demod-prog-track{width:100%;max-width:400px;height:3px;background:var(--border);border-radius:0;overflow:hidden}.demod-prog-fill{height:100%;background:var(--accent);border-radius:0;transition:width .08s linear}.irsvp-meta-row{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;color:var(--text-muted)}.irsvp-clause-num{color:var(--text-dim)}.irsvp-verb{color:var(--accent);font-weight:600;min-width:60px;text-align:center}.irsvp-sep{color:var(--text-muted);opacity:.4}.irsvp-wpm-live{color:var(--text-dim)}.irsvp-words{color:var(--text-muted)}.irsvp-frame-data{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;font-family:var(--mono);font-size:10px}.ifd-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.ifd-layer{display:flex;align-items:center;gap:5px;padding:3px 8px;background:var(--surface);border:1px solid var(--border);border-radius:0}.ifd-lname{color:var(--text-muted)}.ifd-lval{color:var(--accent)}.rsvp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;animation:fadeUp .15s ease-out}.rsvp-panel{background:var(--card);border:1px solid var(--border-hi);border-radius:0;padding:24px;width:340px;display:flex;flex-direction:column;gap:16px;box-shadow:0 24px 64px #0009}.rsvp-header{display:flex;align-items:center;justify-content:space-between}.rsvp-title-row{display:flex;align-items:center;gap:10px}.rsvp-badge{font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.1em;color:var(--purple);background:var(--purple-dim);border:1px solid rgba(124,58,237,.3);padding:2px 7px;border-radius:0}.rsvp-wpm-display{font-family:var(--mono);font-size:12px;color:var(--text-dim)}.rsvp-close{font-size:14px;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:2px 6px;border-radius:0;transition:color .12s,background .12s}.rsvp-close:hover{color:var(--text);background:#ffffff0f}.rsvp-stage{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 0;background:var(--canvas-bg);border-radius:50%;border:1px solid var(--border)}.rsvp-token-row{display:flex;align-items:center;gap:10px}.rsvp-token{font-family:var(--mono);font-size:16px;font-weight:600;color:var(--text)}.rsvp-frame-hex{font-family:var(--mono);font-size:11px;color:var(--accent);opacity:.7}.rsvp-progress-track{height:3px;background:var(--border);border-radius:0;overflow:hidden}.rsvp-progress-fill{height:100%;background:var(--purple);border-radius:0;transition:width .1s linear}.rsvp-counter{font-family:var(--mono);font-size:11px;color:var(--text-muted);text-align:center}.rsvp-controls{display:flex;align-items:center;gap:10px}.rsvp-ctrl{font-size:16px;background:var(--surface);border:1px solid var(--border);color:var(--text-dim);border-radius:0;padding:6px 10px;cursor:pointer;transition:color .12s}.rsvp-ctrl:hover{color:var(--text)}.rsvp-play{font-size:18px;background:var(--purple-dim);color:var(--purple);border:1px solid rgba(124,58,237,.3);border-radius:0;padding:8px 18px;cursor:pointer;transition:background .12s}.rsvp-play:hover{background:#7c3aed40}.rsvp-speed-wrap{flex:1;display:flex;flex-direction:column;gap:4px}.rsvp-speed-wrap input[type=range]{width:100%;accent-color:var(--purple)}.rsvp-speed-label{font-family:var(--mono);font-size:10px;color:var(--text-muted);text-align:right}.rsvp-hint{font-size:11px;color:var(--text-muted);text-align:center}.phase-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}@media (max-width: 600px){.phase-selector{grid-template-columns:1fr}}.phase-tab{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:0;cursor:pointer;text-align:left;transition:border-color .13s,background .13s}.phase-tab:hover{border-color:var(--border-hi);background:var(--card)}.phase-tab.active{border-color:var(--accent-ring);background:var(--accent-dim)}.ptab-num{font-family:var(--mono);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.phase-tab.active .ptab-num{color:var(--accent)}.ptab-name{font-size:14px;font-weight:600;color:var(--text)}.ptab-tag{font-size:11px;color:var(--text-muted);font-style:italic}.phase-context-card{margin-bottom:28px;padding:16px 20px;background:var(--surface);border:1px solid var(--border);border-radius:0}.pcc-desc{font-size:14px;color:var(--text-dim);line-height:1.65;margin-bottom:12px}.pcc-desc strong{color:var(--text)}.pcc-meta{display:flex;flex-wrap:wrap;gap:16px}.pcc-meta-item{display:flex;align-items:baseline;gap:8px;font-size:12px}.pcc-meta-key{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.pcc-meta-val{color:var(--text-dim);font-family:var(--mono)}.phase-mount{margin-top:8px}.phase-intro{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px 24px;text-align:center;max-width:560px;margin:0 auto}.phase-intro-num{font-family:var(--mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.phase-intro-title{font-size:22px;font-weight:700;color:var(--text)}.phase-intro-desc{font-size:14px;color:var(--text-dim);line-height:1.7;max-width:460px}.phase-intro-desc strong{color:var(--text)}.phase-kbd{font-family:var(--mono);font-size:11px;color:var(--text-muted)}.btn-start{font-family:var(--sans);font-size:14px;font-weight:600;padding:11px 32px;background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent-ring);border-radius:0;cursor:pointer;letter-spacing:.03em;transition:background .13s,border-color .13s}.btn-start:hover{background:#00d4ff38;border-color:var(--accent)}.phase-result{display:flex;flex-direction:column;align-items:center;gap:24px;padding:40px 24px;text-align:center;max-width:600px;margin:0 auto;animation:fadeUp .25s ease-out}.result-status{font-size:20px;font-weight:700;padding:8px 24px;border-radius:0}.result-status.pass{color:var(--green);background:#22c55e1a;border:1px solid rgba(34,197,94,.25)}.result-status.fail{color:var(--accent);background:var(--accent-dim);border:1px solid var(--accent-ring)}.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%}@media (max-width: 480px){.result-grid{grid-template-columns:repeat(2,1fr)}}.rstat{padding:14px;background:var(--card);border:1px solid var(--border);border-radius:0}.rstat-val{font-family:var(--mono);font-size:22px;font-weight:700;color:var(--text);line-height:1.2}.rstat-val.accent{color:var(--accent)}.rstat-lbl{font-size:11px;color:var(--text-muted);margin-top:4px}.result-msg{font-size:13px;color:var(--text-dim);line-height:1.7;max-width:480px}.arcade-quadrant-preview{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:320px}.arcade-quad-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;background:var(--card);border:2px solid color-mix(in srgb,var(--qc) 35%,transparent);border-radius:0;color:var(--qc)}.aqc-pos{font-family:var(--mono);font-size:11px;color:var(--text-muted)}.aqc-name{font-size:13px;font-weight:700}.ptl3-arcade-stage{position:relative;background:var(--canvas-bg);border:1px solid var(--border-hi);border-radius:0;overflow:hidden;box-shadow:0 0 40px #000000e6;display:flex;align-items:center;justify-content:center}.arcade-quad-btns{display:flex;flex-direction:column;gap:8px;width:100%;max-width:380px}.arcade-quad-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.arcade-quad-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:var(--card);border:2px solid color-mix(in srgb,var(--qc) 35%,transparent);border-radius:0;color:var(--qc);cursor:pointer;font-family:var(--sans);transition:background .1s,transform .08s,border-color .1s}.arcade-quad-btn:hover:not(:disabled){background:color-mix(in srgb,var(--qc) 10%,transparent);border-color:var(--qc);transform:translateY(-1px)}.arcade-quad-btn:disabled{opacity:.35;cursor:not-allowed}.aqb-pos{font-family:var(--mono);font-size:10px;color:var(--text-muted)}.aqb-name{font-size:12px;font-weight:700}.ptl3-ctx-stage{gap:16px!important}.ptl3-ctx-frame,.ptl3-quiz-frame{background:var(--canvas-bg);border:1px solid var(--border-hi);border-radius:0;overflow:hidden;flex-shrink:0;box-shadow:0 0 30px #000c}.vel-ptl3-stage{display:flex;align-items:center;justify-content:center;background:var(--canvas-bg);border:1px solid var(--border-hi);border-radius:0;overflow:hidden;min-width:340px;min-height:340px;box-shadow:0 0 60px #000000f2}.vel-ready-btn{display:flex;flex-direction:column;align-items:center}.arcade-family-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;max-width:540px}@media (max-width: 520px){.arcade-family-preview{grid-template-columns:repeat(2,1fr)}}.family-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 10px;background:var(--card);border:2px solid var(--fc, #fff);border-radius:0}.family-swatch{width:36px;height:36px;border-radius:50%;box-shadow:0 0 14px var(--fc, #fff)}.family-name{font-size:13px;font-weight:700;color:var(--fc, #fff)}.family-desc{font-size:10px;color:var(--text-muted);text-align:center}.family-key{font-family:var(--mono);font-size:14px;color:var(--text-dim)}.arcade-arena{display:flex;flex-direction:column;align-items:center;gap:28px;padding:16px 0}.arcade-hud{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.hud-chip{display:flex;align-items:center;gap:6px;padding:5px 12px;background:var(--surface);border:1px solid var(--border);border-radius:0}.hud-key{font-family:var(--mono);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.hud-val{font-family:var(--mono);font-size:13px;font-weight:600;color:var(--text)}.arcade-stage{position:relative;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--canvas-bg);border:1px solid var(--border);border-radius:50%;transition:box-shadow .15s;box-shadow:0 0 40px #000c}.arcade-stage.correct{box-shadow:0 0 40px #22c55e4d,0 0 80px #22c55e26}.arcade-stage.wrong{box-shadow:0 0 40px #ef44444d,0 0 80px #ef444426}.arcade-feedback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:72px;border-radius:50%;pointer-events:none;animation:fadeUp .15s ease-out}.arcade-feedback.correct{background:#22c55e2e;color:#22c55e}.arcade-feedback.wrong{background:#ef44442e;color:#ef4444}.arcade-btns{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;max-width:560px}@media (max-width: 480px){.arcade-btns{grid-template-columns:repeat(2,1fr)}}.arcade-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;background:var(--card);border:2px solid color-mix(in srgb,var(--c, #fff) 40%,transparent);border-radius:0;color:var(--c, #fff);cursor:pointer;font-family:var(--sans);transition:background .1s,transform .08s,border-color .1s}.arcade-btn:hover:not(:disabled){background:color-mix(in srgb,var(--c, #fff) 8%,transparent);border-color:var(--c, #fff);transform:translateY(-2px)}.arcade-btn:active:not(:disabled){transform:translateY(0)}.arcade-btn:disabled{opacity:.35;cursor:not-allowed}.arcade-btn-swatch{width:28px;height:28px;border-radius:50%;box-shadow:0 0 10px var(--c, #fff)}.arcade-btn-sym{font-size:13px;font-weight:700}.arcade-btn-deg{font-size:10px;color:var(--text-muted);text-align:center;line-height:1.3}.arcade-progress-bar{width:100%;max-width:560px;height:3px;background:var(--border);border-radius:0;overflow:hidden}.arcade-progress-fill{height:100%;background:var(--accent);border-radius:0;transition:width .3s ease-out}.context-preview{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.ctx-preview-chip{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--card);border:1px solid var(--border);border-radius:0}.ctx-emoji{font-size:22px}.context-learn{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px 0;animation:fadeUp .2s ease-out}.ctx-learn-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:480px}.ctx-batch-label{font-family:var(--mono);font-size:11px;color:var(--text-muted)}.ctx-timer-ring{width:36px;height:36px;position:relative}.ctx-ring-svg{width:100%;height:100%}.ctx-timer-num{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:12px;font-weight:700;color:var(--accent)}.ctx-learn-stage{display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:center}.ctx-emoji-large{font-size:100px;line-height:1}.ctx-fuse-arrow{font-size:32px;color:var(--accent);opacity:.5}.ctx-glyph-wrap{background:var(--canvas-bg);border:1px solid var(--border-hi);border-radius:50%;padding:12px}.ctx-instruction{font-size:13px;color:var(--text-muted);font-style:italic;text-align:center}.context-quiz{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px 0;animation:fadeUp .18s ease-out}.ctx-quiz-header{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:400px}.ctx-score-chip{font-family:var(--mono);font-size:11px;color:var(--text-dim)}.ctx-quiz-glyph{background:var(--canvas-bg);border:1px solid var(--border-hi);border-radius:50%;padding:14px;box-shadow:0 0 48px #000000e6}.ctx-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;max-width:400px}.ctx-option{display:flex;align-items:center;justify-content:center;padding:18px 8px;font-size:36px;background:var(--card);border:2px solid var(--border);border-radius:0;cursor:pointer;transition:border-color .12s,transform .1s}.ctx-option:hover:not(:disabled){border-color:var(--border-hi);transform:translateY(-2px)}.ctx-option.ctx-correct{border-color:#22c55e;background:#22c55e1a}.ctx-option.ctx-wrong{border-color:#ef4444;background:#ef444414}.ctx-option:disabled{cursor:not-allowed}.ctx-opt-emoji{line-height:1}.ctx-learned-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:500px}.ctx-learned-chip{display:flex;align-items:center;gap:6px;padding:5px 8px;background:var(--card);border:1px solid var(--border);border-radius:0;opacity:.4;transition:opacity .2s;font-size:18px}.ctx-learned-chip.fused{opacity:1;border-color:#22c55e4d}.vel-stages{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.vel-stage{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 14px;background:var(--card);border:1px solid var(--border);border-radius:0;min-width:64px}.vel-stage.vel-saturate{border-color:#ef444459;background:#ef44440f}.vel-stage-wpm{font-family:var(--mono);font-size:18px;font-weight:700;color:var(--text)}.vel-stage.vel-saturate .vel-stage-wpm{color:#ef4444}.vel-stage-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.vel-stage-tag{font-size:9px;font-weight:700;color:#ef4444;letter-spacing:.06em;text-transform:uppercase}.velocity-stage{display:flex;flex-direction:column;align-items:center;gap:20px;padding:12px 0}.vel-hud{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:center}.vel-hud-chip.saturated .hud-val{color:#ef4444}.saturation-badge{font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ef4444;background:#ef44441a;border:1px solid rgba(239,68,68,.28);padding:3px 8px;border-radius:0;animation:blink 1.2s ease-in-out infinite}.vel-focal{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;background:var(--canvas-bg);border:1px solid var(--border-hi);border-radius:50%;min-width:280px;min-height:280px;justify-content:center;box-shadow:0 0 60px #000000f2,inset 0 0 40px #00000080}.vel-ready{font-family:var(--mono);font-size:20px;color:var(--text-muted)}.vel-frame-progress{width:100%;height:3px;background:var(--border);border-radius:0;overflow:hidden;margin-top:8px}.vel-fp-fill{height:100%;background:var(--accent);border-radius:0;transition:width .1s linear}.vel-controls{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:440px}.vel-speed-row{display:flex;align-items:center;gap:12px;width:100%}.vel-speed-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);white-space:nowrap}.vel-speed-chips{display:flex;gap:6px;flex-wrap:wrap}.vel-speed-chip{font-family:var(--mono);font-size:11px;font-weight:600;padding:4px 9px;background:var(--card);border:1px solid var(--border);border-radius:0;cursor:pointer;color:var(--text-dim);transition:color .1s,border-color .1s}.vel-speed-chip:hover{border-color:var(--border-hi);color:var(--text)}.vel-speed-chip.active{border-color:var(--accent-ring);color:var(--accent);background:var(--accent-dim)}.vel-speed-chip.danger{border-color:#ef44444d;color:#ef4444}.vel-speed-chip.danger.active{background:#ef44441a;border-color:#ef444499}.velocity-quiz{display:flex;flex-direction:column;align-items:center;gap:20px;padding:32px 0;animation:fadeUp .18s ease-out}.vel-quiz-prompt{font-size:16px;font-weight:500;color:var(--text-dim)}.vel-options{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.vel-option{font-size:44px;padding:20px 24px;background:var(--card);border:2px solid var(--border);border-radius:0;cursor:pointer;line-height:1;transition:border-color .12s,transform .1s}.vel-option:hover:not(:disabled){border-color:var(--border-hi);transform:translateY(-2px)}.vel-option.vel-correct{border-color:#22c55e;background:#22c55e1a}.vel-option:disabled{cursor:not-allowed}.vel-opt-emoji{display:block}.vel-quiz-fb{font-family:var(--mono);font-size:14px;font-weight:600}.vel-quiz-fb.correct{color:#22c55e}.vel-quiz-fb.wrong{color:#ef4444}.phase-selector-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 720px){.phase-selector-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 400px){.phase-selector-4{grid-template-columns:1fr}}.ptab-score{font-family:var(--mono);font-size:9px;margin-top:2px}.ptl3-ref-card{margin-bottom:20px;background:var(--surface);border:1px solid var(--border);border-radius:0;overflow:hidden}.ptl3-ref-summary{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding:10px 16px;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.ptl3-ref-summary:hover{color:var(--text-dim)}.ptl3-ref-body{padding:14px 16px;border-top:1px solid var(--border)}.ref-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 640px){.ref-grid{grid-template-columns:1fr}}.ref-heading{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:8px}.ref-item{display:flex;align-items:center;gap:7px;font-size:11px;margin-bottom:4px}.ref-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ref-rnum{font-size:10px;font-weight:700;color:var(--text-muted);min-width:22px}.ref-q{font-weight:600;color:var(--text)}.ref-pos{color:var(--text-muted);font-size:10px}.ref-sym{font-size:14px;min-width:18px;text-align:center}.ref-desc{color:var(--text-muted);font-size:11px}.doc-phase-arena{display:flex;flex-direction:column;align-items:center;gap:24px;padding:12px 0}.doc-frame-stage{max-width:500px!important}.doc-frame-hidden{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--canvas-bg);border-radius:0;border:1px solid var(--border-hi)}.doc-frame-hidden p{font-size:16px;color:var(--text-muted);font-style:italic}.doc-options{display:flex;flex-direction:column;gap:10px;width:100%;max-width:560px}.doc-option{font-family:var(--sans);font-size:13px;line-height:1.5;padding:14px 18px;background:var(--card);border:2px solid var(--border);border-radius:0;color:var(--text-dim);cursor:pointer;text-align:left;transition:border-color .12s,background .12s,transform .08s}.doc-option:hover:not(:disabled){border-color:var(--border-hi);color:var(--text);transform:translate(3px)}.doc-option.doc-correct{border-color:#22c55e;background:#22c55e14;color:var(--text)}.doc-option:disabled{cursor:not-allowed;opacity:.6}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:200;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeIn .12s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--card);border:1px solid var(--border-hi);border-radius:0;width:520px;max-width:calc(100vw - 32px);box-shadow:0 24px 80px #000000b3;animation:slideUp .15s ease}@keyframes slideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 0}.modal-title{font-size:15px;font-weight:600;color:var(--text)}.modal-subtitle{font-size:12px;color:var(--text-muted);padding:4px 20px 0;font-family:var(--mono)}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;padding:4px 6px;border-radius:0;line-height:1;transition:color .1s,background .1s}.modal-close:hover{color:var(--text);background:var(--border)}.modal-options{display:flex;gap:10px;padding:16px 20px}.modal-opt{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:0;background:var(--surface);border:1.5px solid var(--border);border-radius:0;padding:14px;cursor:pointer;text-align:left;transition:border-color .12s,background .12s;position:relative;overflow:hidden}.modal-opt:hover{border-color:var(--border-hi)}.modal-opt.selected{border-color:var(--accent);background:var(--accent-dim)}.modal-opt-preview{width:100%;display:flex;align-items:center;justify-content:center;border-radius:0;margin-bottom:12px;padding:8px}.dark-preview{background:var(--canvas-bg)}.light-preview{background:#f5f5f5}.modal-opt-body{flex:1}.modal-opt-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:4px}.modal-opt.selected .modal-opt-title{color:var(--accent)}.modal-opt-desc{font-size:11.5px;color:var(--text-dim);line-height:1.5;margin-bottom:6px}.modal-opt-meta{font-size:11px;color:var(--text-muted);font-family:var(--mono)}.modal-opt-check{position:absolute;top:12px;right:12px;font-size:12px;color:var(--text-muted)}.modal-opt.selected .modal-opt-check{color:var(--accent)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 20px 18px;border-top:1px solid var(--border)}.modal-btn-cancel{background:none;border:1px solid var(--border);color:var(--text-dim);font-size:13px;padding:7px 16px;border-radius:0;cursor:pointer;font-family:var(--sans);transition:border-color .1s,color .1s}.modal-btn-cancel:hover{border-color:var(--border-hi);color:var(--text)}.modal-btn-export{background:var(--accent-dim);border:1px solid var(--accent-ring);color:var(--accent);font-size:13px;font-weight:600;padding:7px 18px;border-radius:0;cursor:pointer;font-family:var(--sans);transition:background .12s}.modal-btn-export:hover:not(:disabled){background:#00d4ff33}.modal-btn-export:disabled{opacity:.55;cursor:not-allowed}.intro-vocab-preview{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;font-size:28px}.ivp-sym{line-height:1}.intro-channel-tags{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.ict-tag{font-family:var(--mono);font-size:11px;padding:3px 8px;border:1px solid var(--border-hi);color:var(--text-dim)}.vocab-phase{display:flex;flex-direction:column;gap:12px}.vocab-phase-header{display:flex;align-items:center;justify-content:space-between;padding:0 4px;flex-wrap:wrap;gap:8px}.vph-progress{font-family:var(--mono);font-size:12px;color:var(--text-muted)}.vocab-grid-wrap{display:flex;flex-direction:column;gap:10px}.vocab-grid-hint{text-align:center;font-size:13px;color:var(--text-dim);margin:0}.vocab-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}@media (max-width:480px){.vocab-grid{grid-template-columns:repeat(2,1fr)}}.vocab-col{display:flex;flex-direction:column;gap:4px}.vocab-col-head{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;text-align:center;padding:4px 0;font-weight:700}.vocab-cell{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;border:1px solid var(--border);background:var(--bg-alt);cursor:pointer;transition:border-color .12s,background .12s;position:relative}.vocab-cell:hover{border-color:var(--qc,var(--accent));background:var(--card)}.vocab-cell.vocab-seen{border-color:#ffffff14}.vocab-sym{font-size:22px;color:var(--qc);line-height:1}.vocab-ring-label{font-family:var(--mono);font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.vocab-check{position:absolute;top:3px;right:4px;font-size:9px;color:#22c55e}.vocab-ring-legend{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:4px}.vocab-ring-chip{display:flex;align-items:center;gap:4px;font-size:11px}.vocab-ring-n{font-family:var(--mono);font-weight:700;color:var(--text-dim)}.vocab-ring-word{color:var(--text-muted)}.vocab-hint-bottom{text-align:center;font-size:12px;color:var(--text-muted);margin:4px 0 0}.vocab-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 24px;max-width:480px;margin:0 auto;text-align:center}.vocab-card-sym{font-size:80px;line-height:1}.vocab-card-name{font-size:18px;font-weight:600;color:var(--text)}.vocab-card-notation{display:flex;align-items:center;gap:10px}.vcn-tag{font-family:var(--mono);font-size:20px;font-weight:700}.vcn-spoken{font-family:var(--mono);font-size:14px;color:var(--text-dim)}.vocab-card-row{display:flex;align-items:center;gap:6px;font-family:var(--mono);font-size:12px;color:var(--text-muted)}.vcr-label{font-weight:700}.vcr-sep{opacity:.4}.vocab-card-desc{font-size:14px;color:var(--text-dim);max-width:380px;line-height:1.55}.vocab-card-mnemonic{display:flex;flex-direction:column;gap:4px;padding:10px 16px;border:1px solid var(--border-hi);background:var(--bg-alt);width:100%;max-width:380px}.vcm-label{font-family:var(--mono);font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.vcm-text{font-size:13px;color:var(--text-dim);font-style:italic}.vocab-card-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.vocab-quiz{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 16px;max-width:560px;margin:0 auto}.vocab-quiz-header{display:flex;justify-content:space-between;width:100%;font-family:var(--mono);font-size:12px;color:var(--text-muted)}.vq-prompt{font-size:13px;color:var(--text-dim)}.vq-sym{font-size:72px;line-height:1}.vq-sym-name{font-size:14px;color:var(--text-dim);font-family:var(--mono)}.vq-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.vq-opt{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border:1px solid var(--border);background:var(--bg-alt);cursor:pointer;transition:border-color .1s}.vq-opt:hover:not(:disabled){border-color:var(--qc,var(--accent))}.vq-opt:disabled{cursor:not-allowed}.vq-opt.vq-correct{border-color:#22c55e;background:#22c55e1a}.vq-opt.vq-wrong{border-color:#ef4444;background:#ef44441a}.vq-opt.vq-reveal{border-color:#22c55e;opacity:.7}.vq-opt-notation{font-family:var(--mono);font-size:16px;font-weight:700;color:var(--qc,var(--text))}.vq-opt-spoken{font-size:11px;color:var(--text-muted);font-family:var(--mono)}.drill-key-hint{display:flex;flex-direction:column;gap:6px;align-items:center;font-size:12px;color:var(--text-dim);font-family:var(--mono)}.dkh-row{display:flex;align-items:center;gap:6px}.drill-arena{display:flex;flex-direction:column;gap:14px}.drill-sym-stage{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 16px;border:1px solid var(--border);background:var(--bg-alt);position:relative;transition:box-shadow .15s;min-height:130px;justify-content:center}.drill-sym-stage.correct{box-shadow:0 0 40px #22c55e40}.drill-sym-stage.wrong-q,.drill-sym-stage.wrong-r{box-shadow:0 0 40px #ef444440}.drill-sym{font-size:72px;line-height:1;transition:color .12s}.drill-sym-name{font-family:var(--mono);font-size:12px;color:var(--text-muted)}.drill-fb{font-family:var(--mono);font-size:12px;padding:4px 10px}.drill-fb.correct{color:#22c55e}.drill-fb.wrong{color:#ef4444}.drill-step-row{display:flex;align-items:center;gap:10px;justify-content:center;font-family:var(--mono);font-size:12px;color:var(--text-muted)}.drill-step{padding:3px 8px;border:1px solid transparent}.drill-step.active{border-color:var(--accent);color:var(--accent)}.drill-step.done{color:#22c55e;border-color:#22c55e4d}.drill-step-arrow{opacity:.3}.drill-q-btns{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}@media (max-width:480px){.drill-q-btns{grid-template-columns:repeat(2,1fr)}}.drill-q-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 4px;border:1px solid var(--border);background:var(--bg-alt);cursor:pointer;border-top:2px solid var(--qc);transition:background .1s}.drill-q-btn:hover:not(:disabled){background:var(--card);border-color:var(--qc)}.drill-q-btn:disabled{opacity:.35;cursor:not-allowed}.dqb-letter{font-family:var(--mono);font-size:18px;font-weight:700;color:var(--qc)}.dqb-spoken{font-size:10px;color:var(--text-muted);font-family:var(--mono)}.drill-r-btns{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.drill-r-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 4px;border:1px solid var(--border);background:var(--bg-alt);cursor:pointer;transition:background .1s}.drill-r-btn:hover:not(:disabled){background:var(--card);border-color:var(--border-hi)}.drill-r-btn:disabled{opacity:.35;cursor:not-allowed}.drb-num{font-family:var(--mono);font-size:20px;font-weight:700;color:var(--text)}.drb-spoken{font-size:10px;color:var(--text-muted);font-family:var(--mono)}.read-preview-qs{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.rpq{font-size:13px;color:var(--text-dim)}.read-arena{display:flex;flex-direction:column;gap:12px}.read-instruct{text-align:center;font-size:12px;color:var(--text-muted);margin:0}.read-frame-stage{align-self:center}.hud-review-btn{font-family:var(--mono);font-size:10px;padding:3px 8px;border:1px solid var(--border-hi);background:transparent;color:var(--text-dim);cursor:pointer}.hud-review-btn:hover{color:var(--text);border-color:var(--accent)}.read-q-prompt{text-align:center;font-size:14px;color:var(--text);font-weight:500;margin:4px 0 8px}.read-q-options{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.quad-opts{gap:10px}.read-quad-opt{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 20px;border:1px solid var(--border);background:var(--bg-alt);cursor:pointer;border-top:3px solid var(--qc);transition:background .1s;min-width:70px}.read-quad-opt:hover:not(:disabled){background:var(--card)}.read-quad-opt:disabled{opacity:.4;cursor:not-allowed}.read-quad-opt.rqo-correct{border-color:#22c55e;background:#22c55e14}.rqo-letter{font-family:var(--mono);font-size:22px;font-weight:700;color:var(--qc)}.rqo-color-bar{width:28px;height:3px;background:var(--qc);border-radius:0}.tone-opts{gap:10px}.read-tone-opt{padding:12px 22px;border:1px solid var(--border);background:var(--bg-alt);cursor:pointer;border-left:3px solid var(--tc);transition:background .1s;font-size:13px;font-family:var(--mono);color:var(--tc)}.read-tone-opt:hover:not(:disabled){background:var(--card)}.read-tone-opt:disabled{opacity:.4;cursor:not-allowed}.read-tone-opt.rto-correct{border-color:#22c55e;background:#22c55e14;color:#22c55e}.notation-opts{flex-direction:column;align-items:stretch;max-width:480px;margin:0 auto;width:100%}.read-notation-opt{padding:10px 14px;border:1px solid var(--border);background:var(--bg-alt);cursor:pointer;text-align:left;font-size:13px;transition:background .1s}.read-notation-opt:hover:not(:disabled){background:var(--card);border-color:var(--border-hi)}.read-notation-opt:disabled{opacity:.4;cursor:not-allowed}.read-notation-opt.rno-correct{border-color:#22c55e;background:#22c55e14}.read-fb{text-align:center;font-family:var(--mono);font-size:12px;padding:6px}.read-fb.correct{color:#22c55e}.read-fb.wrong{color:#ef4444}.read-summary-strip{text-align:center;font-size:11px;color:var(--text-muted);padding:4px 8px;border-top:1px solid var(--border)}.nota-channel-preview{display:flex;flex-direction:column;gap:8px;align-items:flex-start;max-width:400px}.ncp-row{display:flex;align-items:center;gap:10px}.ncp-badge{font-family:var(--mono);font-size:11px;padding:2px 8px;border:1px solid var(--border-hi);color:var(--accent);min-width:52px;text-align:center}.ncp-desc{font-size:13px;color:var(--text-dim)}.nota-arena{display:flex;flex-direction:column;gap:12px}.nota-mode-chip .hud-val{font-size:11px}.nota-mode-label{font-weight:700}.nota-mode-banner{text-align:center;font-size:13px;color:var(--text-dim);padding:6px;border:1px solid var(--border);background:var(--bg-alt);font-family:var(--mono)}.nota-stage{display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 16px}.nota-prompt-sym{font-size:72px;line-height:1}.nota-prompt-name{font-family:var(--mono);font-size:13px;color:var(--text-muted)}.nota-prompt-notation{font-family:var(--mono);font-size:48px;font-weight:700;line-height:1}.nota-prompt-spoken{font-size:28px;font-weight:600;color:var(--text);font-family:var(--mono)}.nota-prompt-subhint{font-size:12px;color:var(--text-muted)}.nota-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;max-width:500px}.nota-options-sym{grid-template-columns:repeat(4,1fr)}@media (max-width:460px){.nota-options,.nota-options-sym{grid-template-columns:1fr 1fr}}.nota-opt{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 8px;border:1px solid var(--border);background:var(--bg-alt);cursor:pointer;transition:border-color .1s,background .1s}.nota-opt:hover:not(:disabled){background:var(--card);border-color:var(--border-hi)}.nota-opt:disabled{cursor:not-allowed}.nota-opt.nota-correct{border-color:#22c55e!important;background:#22c55e1a}.nota-opt.nota-wrong-other{opacity:.5}.noo-notation{font-family:var(--mono);font-size:16px;font-weight:700;color:var(--qc,var(--text))}.noo-hint{font-size:10px;color:var(--text-muted);font-family:var(--mono)}.nos-sym{font-size:18px}.nos-spoken{font-family:var(--mono);font-size:11px;color:var(--text-dim)}.nos-sym-large{font-size:32px;line-height:1;color:var(--qc)}.nos-name{font-size:10px;font-family:var(--mono);color:var(--text-muted)}.nota-fb{text-align:center;font-family:var(--mono);font-size:12px;padding:6px}.nota-fb.correct{color:#22c55e}.nota-fb.wrong{color:#ef4444;font-size:11px}.ptab-channel{font-size:9px;color:var(--accent);font-family:var(--mono);opacity:.8;margin-top:1px}.ptab-badge{font-size:10px;font-weight:700;margin-top:2px}.ptab-badge.pass{color:#22c55e}.ptab-badge.tried{color:var(--text-muted)}.btn-secondary{padding:8px 18px;border:1px solid var(--border-hi);background:transparent;color:var(--text-dim);font-size:13px;font-family:var(--sans);cursor:pointer;transition:border-color .1s,color .1s}.btn-secondary:hover{border-color:var(--text-dim);color:var(--text)}.ref-vocab-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}@media (max-width:520px){.ref-vocab-grid{grid-template-columns:repeat(2,1fr)}}.ref-vocab-col{display:flex;flex-direction:column;gap:4px}.ref-vocab-head{font-family:var(--mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding-bottom:4px;border-bottom:1px solid var(--border-hi);margin-bottom:2px}.ref-vocab-row{display:flex;align-items:center;gap:5px;font-size:11px}.rvr-sym{font-size:14px;color:var(--qc);min-width:16px}.rvr-notation{font-family:var(--mono);font-weight:700;color:var(--text-dim);min-width:24px;font-size:10px}.rvr-name{color:var(--text-muted);flex:1}.rvr-spoken{font-family:var(--mono);font-size:9px;color:var(--text-muted);opacity:.7}.ref-notation-rules{border-top:1px solid var(--border);padding-top:10px;display:flex;flex-direction:column;gap:4px}.rnr-title{font-size:12px;color:var(--text-dim);margin-bottom:4px}.rnr-row{font-size:11px;color:var(--text-muted)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-hi);border-radius:0}::-webkit-scrollbar-thumb:hover{background:#2e2e50}