:root,:root[data-theme=dark]{--color-text-primary:#d9e4ff;--color-text-secondary:#9fb0d7;--color-text-muted:#8ea1cc;--color-text-soft:#cdd7f6;--color-text-strong:#edf2ff;--color-text-inverse:#081120;--color-text-dim:#62759f;--color-border-subtle:#9db5ff1f;--color-border-default:#9db5ff29;--color-border-strong:#9db5ff2e;--color-border-accent:#88a9ff73;--color-border-accent-focus:#88a9ff85;--color-border-dashed:#81a6ff66;--color-surface-header:#081020b8;--color-surface-card:#091222c7;--color-surface-panel:#0f1a30b8;--color-surface-input:#081020eb;--color-surface-button:#081020a3;--color-surface-overlay:#040a16c7;--color-surface-modal:#091222f0;--color-accent:#81a6ff;--color-accent-soft:#88a9ff1f;--color-accent-strong:#88a9ff;--color-accent-stronger:#c3d4ff;--color-warning-soft:#ff6b8129;--color-warning-text:#ffb4ba;--app-background:radial-gradient(circle at top, #3658aa6b, transparent 35%), linear-gradient(180deg, #081120 0%, #0d172a 45%, #070d18 100%);color:var(--color-text-primary);background:var(--app-background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100vh}body{color:var(--color-text-primary);background:var(--app-background);margin:0}a{color:inherit;text-decoration:none}button,a{transition:transform .16s,border-color .16s,background-color .16s}a:hover{transform:translateY(-1px)}.app-root{width:min(1120px,100vw - 32px);margin:0 auto;padding:24px 0 48px}.app-root-immersive{width:min(1040px,100vw - 24px);padding-top:16px}.app-header{border:1px solid var(--color-border-strong);background:var(--color-surface-header);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:18px 24px;display:flex}.brand-mark{letter-spacing:.08em;text-transform:uppercase;font-size:1.1rem;font-weight:700}.brand-mark-chinese{letter-spacing:.04em;text-transform:none;color:#0000;filter:drop-shadow(0 0 6px #7de7ff4d)drop-shadow(0 0 14px #b66bff38)drop-shadow(0 0 20px #ff5fd229);background-image:linear-gradient(102deg,#fffffffa 0% 8%,#fff0 14% 100%),linear-gradient(118deg,#ff5fd2 0%,#7de7ff 16%,#6fa8ff 30%,#b66bff 44%,#ffde72 58%,#63ffd1 72%,#ff86b7 86%,#fff 100%);background-position:0%;background-size:32% 100%,320% 100%;-webkit-background-clip:text;background-clip:text;animation:10s linear infinite brand-spectrum-shift;position:relative}.brand-mark-chinese:after{content:"";opacity:.55;pointer-events:none;z-index:-1;background:radial-gradient(circle at 20%,#7de7ff1a,#0000 34%),radial-gradient(circle at 80%,#ff5fd214,#0000 36%);border-radius:999px;position:absolute;inset:-1px -6px}.top-nav{flex-wrap:wrap;flex:320px;gap:10px;display:flex}.language-switcher{gap:6px;min-width:120px;display:grid}.language-switcher-label{color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:700}.language-switcher-select{border:1px solid var(--color-border-default);background:var(--color-surface-input);min-height:42px;color:var(--color-text-strong);border-radius:14px;padding:0 12px}.nav-link{border:1px solid var(--color-border-default);color:var(--color-text-soft);border-radius:999px;padding:10px 14px}.nav-link.is-active{border-color:var(--color-border-accent);background:var(--color-accent-soft);color:#f4f7ff}.page-shell{gap:24px;min-width:0;display:grid}.page-shell-immersive{gap:0}.page-hero,.page-card{border:1px solid var(--color-border-default);background:var(--color-surface-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px;min-width:0}.page-hero{padding:32px}.page-card{padding:28px;position:relative}.page-card-immersive{border-radius:26px;padding:20px}.page-eyebrow{color:var(--color-accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;font-size:.84rem;font-weight:700}h1,h2,h3,p{margin:0}h1{letter-spacing:-.04em;margin-bottom:16px;font-size:clamp(2.4rem,5vw,4.8rem);line-height:.98}h2{margin-bottom:8px;font-size:1.3rem}h3{margin-bottom:8px;font-size:1rem}.page-description{max-width:62ch;color:var(--color-text-secondary)}.content-stack{gap:20px;min-width:0;display:grid}.section-block,.info-card,.list-card,.typing-panel,.typing-input-panel,.typing-controls,.result-banner,.stat-card{border:1px solid var(--color-border-subtle);background:var(--color-surface-panel);border-radius:22px}.section-block,.info-card,.typing-panel,.typing-input-panel,.typing-controls,.result-banner,.stat-card{padding:20px}.info-grid,.stat-row{gap:16px;min-width:0;display:grid}.info-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.stat-row-immersive{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:.84rem;display:block}.stat-card{position:relative}.filter-row,.page-actions,.list-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.filter-chip,.primary-action,.secondary-action{border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;display:inline-flex}.filter-chip{border:1px dashed var(--color-border-dashed);color:#9bb2e7}.primary-action{background:linear-gradient(135deg, var(--color-accent-strong) 0%, var(--color-accent-stronger) 100%);color:var(--color-text-inverse);border:1px solid #0000;font-weight:700}.secondary-action{border:1px solid var(--color-border-strong);color:#dbe5ff}.list-stack{gap:14px;min-width:0;display:grid}.filter-panel{border:1px solid var(--color-border-subtle);background:var(--color-surface-panel);border-radius:22px;padding:20px}.filter-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.filter-control{gap:8px;display:grid}.filter-label{color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:700}.filter-select,.filter-input{border:1px solid var(--color-border-default);background:var(--color-surface-input);width:100%;min-height:46px;color:var(--color-text-strong);border-radius:14px;outline:none;padding:0 14px}.filter-select:focus,.filter-input:focus{border-color:var(--color-border-accent-focus)}.list-card{padding:18px 20px}.article-copy{gap:12px;display:grid}.article-badges{flex-wrap:wrap;gap:8px;display:flex}.article-badge{border:1px solid var(--color-border-default);color:#a9b9e2;border-radius:999px;align-items:center;min-height:30px;padding:0 10px;font-size:.82rem;display:inline-flex}.article-badge-accent{background:var(--color-accent-soft);color:#f4f7ff;border-color:#88a9ff61}.result-kicker{color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.82rem;font-weight:700}.typing-meta{color:#89a0d6;margin-bottom:14px;font-size:.92rem}.typing-copy{color:var(--color-text-strong);overflow-wrap:anywhere;word-break:break-word;min-width:0;font-size:clamp(1.1rem,2vw,1.45rem);line-height:1.8}.typing-char{border-radius:8px;max-width:100%;transition:background-color .12s,color .12s}.typing-char-correct{color:#f5fbff}.typing-char-incorrect{color:var(--color-warning-text);background:var(--color-warning-soft)}.typing-char-current{color:var(--color-text-inverse);background:var(--color-accent-stronger)}.typing-char-pending{color:var(--color-text-dim)}.typing-input-panel,.typing-controls{gap:16px;min-width:0;display:grid}.typing-input-copy,.typing-control-copy{gap:8px;display:grid}.typing-focus-surface{background:var(--color-surface-button);width:100%;max-width:100%;color:var(--color-text-strong);text-align:left;cursor:text;border:1px dashed #88a9ff5c;border-radius:18px;gap:6px;padding:18px;display:grid}.typing-focus-label{color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:700}.typing-focus-value{overflow-wrap:anywhere;font-size:1.05rem}.typing-focus-cta{color:#c7d7ff;font-size:.88rem}.typing-panel-note{color:var(--color-text-muted);font-size:.92rem}.typing-hidden-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.typing-button{appearance:none;cursor:pointer;font:inherit;border:0}.secondary-action.typing-button{background:var(--color-surface-button);color:#dbe5ff}.typing-sound-toggle{min-width:44px;padding:10px}.typing-sound-icon{color:currentColor;width:24px;height:18px;position:relative}.typing-sound-speaker,.typing-sound-wave,.typing-sound-mute-line{position:absolute}.typing-sound-speaker{clip-path:polygon(0 34%,24% 34%,72% 0,72% 100%,24% 66%,0 66%);background:currentColor;border-radius:1px;width:13px;height:12px;top:3px;left:1px}.typing-sound-wave{opacity:0;transform-origin:0;border:2px solid;border-left:0;border-radius:0 999px 999px 0;transition:opacity .16s}.typing-sound-wave-single{width:6px;height:14px;top:2px;right:3px;transform:scaleX(1.08)scaleY(1.06)}.typing-sound-mute-line{opacity:0;background:currentColor;border-radius:999px;width:2px;height:10px;transition:opacity .16s;top:4px;right:4px}.typing-sound-mute-line-primary{transform:rotate(45deg)}.typing-sound-mute-line-secondary{transform:rotate(-45deg)}.typing-sound-icon.is-enabled .typing-sound-wave,.typing-sound-icon.is-disabled .typing-sound-mute-line{opacity:1}.primary-action.typing-button{color:var(--color-text-inverse)}.typing-pause-overlay{background:var(--color-surface-overlay);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:5;border-radius:24px;place-items:center;padding:24px;display:grid;position:absolute;inset:20px}.typing-pause-card{border:1px solid var(--color-border-strong);background:var(--color-surface-modal);text-align:center;border-radius:24px;gap:16px;width:min(100%,420px);padding:28px;display:grid}.metric-help-badge{border:1px solid var(--color-border-default);background:var(--color-surface-button);width:22px;height:22px;color:var(--color-text-muted);font:inherit;cursor:help;border-radius:999px;font-size:.78rem;font-weight:700;line-height:1;position:absolute;top:12px;right:12px}.metric-help-badge:after{content:attr(data-tooltip);border:1px solid var(--color-border-strong);background:var(--color-surface-modal);width:max-content;max-width:min(220px,60vw);color:var(--color-text-strong);text-align:left;white-space:normal;opacity:0;pointer-events:none;z-index:10;border-radius:12px;padding:8px 10px;font-size:.78rem;font-weight:500;line-height:1.4;transition:opacity .14s,transform .14s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-4px)}.metric-help-badge:hover:after,.metric-help-badge:focus-visible:after{opacity:1;transform:translateY(0)}.metric-help-badge:focus-visible{outline:2px solid var(--color-accent-stronger);outline-offset:2px}.typing-pause-actions{justify-content:center;width:100%}.typing-pause-actions .primary-action,.typing-pause-actions .secondary-action{min-width:148px}.typing-controls .page-actions{justify-content:flex-end}@keyframes brand-spectrum-shift{0%{background-position:-36%,0%}to{background-position:136%,320%}}@media (width<=720px){.app-root{width:min(100vw - 20px,1120px);padding-top:12px}.app-header,.page-hero,.page-card{border-radius:22px;padding:20px}.app-header,.list-card-header,.page-actions{align-items:stretch}.stat-row-immersive{grid-template-columns:repeat(2,minmax(0,1fr))}.typing-pause-overlay{padding:16px;inset:12px}.typing-pause-card{padding:22px}}