:root{--bg-deep: #0f0e17;--bg-mid: #1a1830;--bg-card: #232040;--bg-card-hover: #2a2650;--ink: #fffffe;--ink-muted: #a7a9be;--ink-dim: #6b6d82;--accent: #ff8906;--accent-soft: rgba(255, 137, 6, .15);--accent-green: #4ade80;--accent-purple: #7f5af0;--accent-cyan: #2cb67d;--line: #3d3a5c;--line-bright: #56537a;--rpg-border: #fffffe;--rpg-shadow: #0a0a12;--radius: 12px;--radius-lg: 20px;--shadow: 0 4px 24px rgba(0, 0, 0, .35);--font-body: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-pixel: "Press Start 2P", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);font-size:var(--text-base);background:var(--bg-deep);color:var(--ink);line-height:1.6;min-height:100dvh}code{font-size:var(--text-sm);background:#7f5af033;padding:2px 6px;border-radius:4px}.rpg-box{background:var(--bg-card);border:3px solid var(--rpg-border);border-radius:var(--radius);box-shadow:4px 4px 0 var(--rpg-shadow),inset 0 0 0 1px var(--line);position:relative}.rpg-box:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid var(--line-bright);border-radius:calc(var(--radius) - 4px);pointer-events:none}.rpg-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border:3px solid var(--rpg-border);border-radius:10px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:800;letter-spacing:.02em;text-decoration:none;cursor:pointer;position:relative;isolation:isolate;transition:transform .1s ease,box-shadow .1s ease,border-color .1s ease,color .1s ease,text-shadow .1s ease;-webkit-user-select:none;user-select:none;box-shadow:4px 4px 0 var(--rpg-shadow),inset 0 1px #ffffff47}.rpg-btn:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid rgba(255,255,255,.22);border-radius:6px;pointer-events:none}.rpg-btn__gem{font-size:.625rem;line-height:1;text-shadow:0 1px 0 rgba(58,20,0,.55)}.rpg-btn--gold{background:linear-gradient(180deg,#ffe08a,#ff8906 52%,#d97706);color:#fff7ed;text-shadow:0 1px 0 #7c2d12,0 2px 3px rgba(42,14,0,.55)}.rpg-btn--gold .rpg-btn__gem{color:#fff7ed}.rpg-btn--gold:hover{transform:translate(-1px,-1px);border-color:#fff7d6;color:#fff;text-shadow:0 1px 0 #5c1d0a,0 2px 4px rgba(0,0,0,.5);box-shadow:5px 5px 0 var(--rpg-shadow),inset 0 1px #ffffff6b;filter:none}.rpg-btn--gold:hover .rpg-btn__gem{color:#fff}.rpg-btn--gold:active{transform:translate(2px,2px);color:#ffedd5;text-shadow:0 1px 0 #5c1d0a,0 1px 2px rgba(0,0,0,.45);box-shadow:2px 2px 0 var(--rpg-shadow),inset 0 2px 5px #0000002e}.rpg-btn:focus-visible{outline:2px solid var(--accent-purple);outline-offset:3px}.login-scene{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:20px 20px 0;position:relative;overflow:hidden;background:linear-gradient(180deg,#0f0e17,#1a1040 55%,#162447)}.login-scene__stars,.scene-backdrop__stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 10% 15%,rgba(255,255,255,.7) 50%,transparent 100%),radial-gradient(1px 1px at 25% 35%,rgba(255,255,255,.5) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 45% 8%,rgba(255,255,255,.8) 50%,transparent 100%),radial-gradient(1px 1px at 60% 25%,rgba(255,255,255,.4) 50%,transparent 100%),radial-gradient(1px 1px at 75% 12%,rgba(255,255,255,.6) 50%,transparent 100%),radial-gradient(1.5px 1.5px at 88% 40%,rgba(255,255,255,.5) 50%,transparent 100%),radial-gradient(1px 1px at 15% 60%,rgba(255,255,255,.3) 50%,transparent 100%),radial-gradient(1px 1px at 35% 75%,rgba(255,255,255,.5) 50%,transparent 100%),radial-gradient(1px 1px at 55% 55%,rgba(255,255,255,.4) 50%,transparent 100%),radial-gradient(1px 1px at 80% 70%,rgba(255,255,255,.6) 50%,transparent 100%),radial-gradient(1px 1px at 92% 85%,rgba(255,255,255,.3) 50%,transparent 100%);animation:twinkle 6s ease-in-out infinite alternate;pointer-events:none}@keyframes twinkle{0%{opacity:.7}to{opacity:1}}.login-scene__ground,.scene-backdrop__ground{position:absolute;bottom:0;left:0;right:0;height:22%;background:linear-gradient(180deg,transparent 0%,rgba(34,197,94,.12) 50%,rgba(22,101,52,.28) 100%);pointer-events:none}.grass-field{position:absolute;bottom:0;left:0;right:0;height:56px;z-index:1;pointer-events:none}.grass-field__soil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#15803d,#14532d 55%,#0f3d24);border-top:2px solid #166534}.grass-field__blades{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.grass-blade{position:absolute;bottom:0;transform-origin:bottom center;animation:grass-sway ease-in-out infinite;clip-path:polygon(50% 0%,15% 100%,85% 100%);border-radius:50% 50% 0 0}.grass-blade--0{background:linear-gradient(180deg,#86efac,#22c55e 45%,#15803d)}.grass-blade--1{background:linear-gradient(180deg,#4ade80,#16a34a,#166534)}.grass-blade--2{background:linear-gradient(180deg,#bbf7d0,#4ade80 40%,#15803d)}@keyframes grass-sway{0%,to{transform:rotate(calc(var(--blade-tilt, 0deg) - 5deg)) skew(-3deg)}25%{transform:rotate(calc(var(--blade-tilt, 0deg) + 2deg)) skew(2deg)}50%{transform:rotate(calc(var(--blade-tilt, 0deg) + 6deg)) skew(4deg)}75%{transform:rotate(calc(var(--blade-tilt, 0deg) - 1deg)) skew(-2deg)}}@media (prefers-reduced-motion: reduce){.grass-blade{animation:none}}.login-scene__content{position:relative;z-index:2;flex:1;width:100%;max-width:960px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:12px 0}.login-scene__row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:32px;width:100%}.login-hero{display:flex;flex-direction:column;align-items:center;gap:16px;flex:0 0 auto;width:min(100%,300px)}.login-panel{flex:1 1 400px;min-width:0;max-width:440px}.login-hero__mascot{filter:drop-shadow(0 8px 24px rgba(127,90,240,.35))}.login-speech-bubble{background:var(--bg-card);border:2px solid var(--rpg-border);border-radius:var(--radius);padding:12px 16px;max-width:320px;position:relative;box-shadow:3px 3px 0 var(--rpg-shadow)}.login-speech-bubble:after{content:"";position:absolute;top:50%;right:-10px;transform:translateY(-50%);border:8px solid transparent;border-left-color:var(--rpg-border)}@media (max-width: 768px){.login-scene__row{flex-direction:column;gap:24px}.login-hero{width:100%;max-width:320px}.login-panel{flex:none;width:100%;max-width:440px}.login-speech-bubble:after{top:-10px;right:auto;left:50%;transform:translate(-50%);border:8px solid transparent;border-bottom-color:var(--rpg-border);border-left-color:transparent}}.login-speech-bubble p{margin:0;font-size:var(--text-sm);color:var(--ink-muted);text-align:center;line-height:1.5}.login-panel{width:100%;padding:28px 24px 24px;text-align:center;position:relative;z-index:1;overflow:hidden}.login-panel__header{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:16px}.login-panel__logo{display:block;filter:drop-shadow(0 2px 10px rgba(127,90,240,.4))}.login-panel__title{font-family:var(--font-pixel);font-size:var(--text-lg);margin:0;color:var(--ink);letter-spacing:.02em;line-height:1.5;text-align:center}.login-panel__brand-tag{font-size:var(--text-xs);color:var(--accent);font-weight:700;margin:0;letter-spacing:.06em;text-transform:uppercase;text-align:center}.login-panel__tagline{font-size:var(--text-sm);color:var(--ink-muted);margin:0 0 20px;line-height:1.55}.tool-strip{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px}.tool-strip--compact{margin-bottom:20px}.tool-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;border:2px solid var(--line);background:var(--bg-mid);font-size:var(--text-xs);font-weight:600;color:var(--ink-muted);-webkit-user-select:none;user-select:none}.tool-chip--active{border-color:var(--accent-purple);background:#7f5af026;color:var(--ink);box-shadow:0 0 0 1px #7f5af04d}.tool-chip--soon{opacity:.65}.tool-chip__icon{flex-shrink:0}.tool-chip__badge{font-size:.625rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:2px 5px;border-radius:4px;background:#ff890633;color:var(--accent)}.page-header__eyebrow{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin:0 0 10px}.card__desc{font-size:var(--text-sm);color:var(--ink-muted);margin:-8px 0 16px;line-height:1.5}.login-panel__action{display:flex;justify-content:center;min-height:48px;align-items:center}.login-panel__error{margin:14px 0 0;font-size:var(--text-sm);color:#fca5a5;background:#ef44441f;border:1px solid rgba(239,68,68,.35);border-radius:8px;padding:10px 12px}.login-panel__hint{margin:18px 0 0;font-size:var(--text-xs);color:var(--ink-dim)}.login-footer{position:relative;z-index:2;flex-shrink:0;margin-top:auto;padding-bottom:66px;font-size:var(--text-xs);color:var(--ink-dim);text-align:center;display:flex;flex-direction:column;gap:6px;width:100%}.site-credit{margin:0;font-size:var(--text-xs);color:var(--ink-dim)}.site-credit a{color:var(--ink-muted);text-decoration:none;font-weight:600;transition:color .15s}.site-credit a:hover{color:var(--accent);text-decoration:underline}.site-footer--login{gap:0}.site-credit--row{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0}.donate-link--sponsor{display:inline-flex;align-items:center;gap:4px}.donate-link__heart{color:#f472b6;font-size:.85em}.donate-link--sponsor:hover .donate-link__heart{color:#fb7185}.site-footer{display:flex;flex-direction:column;align-items:center;gap:4px}.site-footer__line{margin:0;font-size:var(--text-xs);color:var(--ink-dim)}.site-footer__dot{margin:0 6px;opacity:.6}.donate-link{background:none;border:none;padding:0;font:inherit;font-size:var(--text-xs);color:var(--ink-muted);cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#a7a9be73}.donate-link:hover{color:var(--accent);text-decoration-color:#ff890680}.sponsor-ribbon-anchor{position:absolute;top:0;right:0;z-index:12;width:108px;height:108px;overflow:hidden;pointer-events:none}.sponsor-ribbon{position:absolute;top:20px;right:-34px;width:150px;padding:7px 0;border:none;background:linear-gradient(180deg,#34d399,#16a34a);color:#f0fdf4;font-family:var(--font-body);font-size:.6875rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-align:center;line-height:1;cursor:pointer;pointer-events:auto;transform:rotate(45deg);transform-origin:center;box-shadow:0 2px 8px #00000047,inset 0 1px #ffffff47;transition:background .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}.sponsor-ribbon:hover{background:linear-gradient(180deg,#4ade80,#15803d);color:#fff;box-shadow:0 3px 10px #00000052,inset 0 1px #ffffff59;transform:rotate(45deg) scale(1.02)}.sponsor-ribbon:active{background:linear-gradient(180deg,#22c55e,#166534);color:#ecfdf5;transform:rotate(45deg) scale(.98)}.sponsor-ribbon:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width: 640px){.sponsor-ribbon-anchor{width:92px;height:92px}.sponsor-ribbon{top:16px;right:-36px;width:132px;font-size:.625rem;padding:6px 0}}.donate-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.donate-dialog__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:#0000008c;cursor:pointer}.donate-dialog__panel{position:relative;z-index:1;width:min(420px,100%);padding:24px 22px 22px;text-align:center}.donate-dialog__close{position:absolute;top:10px;right:12px;border:none;background:transparent;color:var(--ink-muted);font-size:1.5rem;line-height:1;cursor:pointer;padding:4px 8px}.donate-dialog__close:hover{color:var(--ink)}.donate-dialog__mascot{margin:0 auto 8px}.mascot-donate{position:relative;display:inline-flex;flex-direction:column;align-items:center}.mascot-donate__bubble{position:relative;margin-bottom:4px;padding:5px 12px;border-radius:999px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #b45309;color:#78350f;font-size:var(--text-xs);font-weight:800;letter-spacing:.02em;box-shadow:0 2px #92400e}.mascot-donate__bubble:after{content:"";position:absolute;left:50%;bottom:-6px;transform:translate(-50%);border:6px solid transparent;border-top-color:#b45309}.mascot-donate__svg{width:120px;height:120px;display:block}.mascot-donate__bow{transform-origin:100px 170px;animation:mascot-bow 2.8s ease-in-out infinite}.mascot-donate__cash{animation:mascot-cash-bob 2.8s ease-in-out infinite}@keyframes mascot-bow{0%,to{transform:rotate(0)}35%,55%{transform:rotate(6deg)}}@keyframes mascot-cash-bob{0%,to{transform:translateY(0)}45%{transform:translateY(3px)}}.donate-dialog__title{margin:0 0 10px;font-size:var(--text-lg);font-weight:800}.donate-dialog__blurb{margin:0 0 18px;font-size:var(--text-sm);color:var(--ink-muted);line-height:1.5}.donate-dialog__tabs{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.donate-dialog__tab{border:1px solid var(--line-bright);background:var(--bg-mid);color:var(--ink-muted);border-radius:999px;padding:8px 14px;font-size:var(--text-xs);font-weight:700;cursor:pointer}.donate-dialog__tab--active{border-color:var(--accent-purple);color:var(--ink);background:#7f5af026}.donate-dialog__body{min-height:140px}.donate-dialog__hint{margin:0 0 14px;font-size:var(--text-sm);color:var(--ink-muted);line-height:1.45}.donate-dialog__qr-wrap{display:flex;justify-content:center;margin-bottom:10px}.donate-dialog__qr{width:200px;height:200px;object-fit:contain;border-radius:12px;border:2px solid var(--line);background:#fff;padding:8px}.donate-dialog__qr--bank{width:220px;height:220px;padding:0;border:none;border-radius:8px}.donate-dialog__label{margin:0;font-size:var(--text-sm);color:var(--ink);font-weight:600}.donate-dialog__paypal{margin-top:8px}.donate-dialog__missing{margin:0;font-size:var(--text-xs);color:var(--ink-dim);line-height:1.5}.donate-dialog__missing code{font-size:.7rem}.app-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.app-dialog__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:#0000008c;cursor:pointer}.app-dialog__panel{position:relative;z-index:1;width:min(440px,100%);padding:24px 22px 22px}.app-dialog__close{position:absolute;top:10px;right:12px;border:none;background:transparent;color:var(--ink-muted);font-size:1.5rem;line-height:1;cursor:pointer;padding:4px 8px}.app-dialog__close:hover:not(:disabled){color:var(--ink)}.app-dialog__close:disabled{opacity:.5;cursor:not-allowed}.app-dialog__title{margin:0 0 8px;font-size:var(--text-lg);font-weight:800}.app-dialog__blurb{margin:0 0 16px;font-size:var(--text-sm);color:var(--ink-muted);line-height:1.5}.app-dialog__success{margin:8px 0 0;padding:12px;border-radius:8px;background:#34d3991f;border:1px solid rgba(52,211,153,.35);color:#6ee7b7;font-size:var(--text-sm);text-align:center}.app-dialog__error{margin:10px 0 0;font-size:var(--text-sm);color:#fca5a5}.feedback-form__textarea{width:100%;min-height:140px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#141226d9;color:var(--ink);font-family:var(--font-body);font-size:var(--text-sm);line-height:1.5;resize:vertical}.feedback-form__textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.feedback-form__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.feedback-form__count{font-size:var(--text-xs);color:var(--ink-dim)}.contact-links{display:grid;gap:10px}.contact-links__item{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#141226b3;color:var(--ink);text-decoration:none;transition:border-color .15s ease,background .15s ease,transform .15s ease}.contact-links__item:hover{border-color:var(--accent);background:#232040e6;transform:translateY(-1px)}.contact-links__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;flex-shrink:0}.contact-links__item--facebook .contact-links__icon{background:#1877f22e;color:#60a5fa}.contact-links__item--zalo .contact-links__icon{background:#0068ff2e;color:#38bdf8}.contact-links__item--github .contact-links__icon{background:#94a3b826;color:#e2e8f0}.contact-links__item--linkedin .contact-links__icon{background:#0a66c233;color:#7dd3fc}.contact-links__text{display:flex;flex-direction:column;gap:2px;min-width:0}.contact-links__label{font-weight:700;font-size:var(--text-sm)}.contact-links__sub{font-size:var(--text-xs);color:var(--ink-muted)}.app-dialog__panel--docs{width:min(820px,100%);max-height:min(88vh,720px);display:flex;flex-direction:column;padding:22px 20px 20px}.docs-dialog__header{flex-shrink:0;padding-right:28px}.docs-dialog__header .app-dialog__blurb{margin-bottom:14px}.docs-dialog__layout{display:grid;grid-template-columns:220px 1fr;gap:16px;min-height:0;flex:1;overflow:hidden}.docs-dialog__nav{display:flex;flex-direction:column;gap:6px;overflow-y:auto;padding-right:4px}.docs-dialog__nav-item{display:flex;flex-direction:column;gap:4px;text-align:left;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#1412268c;color:var(--ink-muted);cursor:pointer;font-family:var(--font-body);transition:border-color .15s ease,background .15s ease,color .15s ease}.docs-dialog__nav-item:hover{border-color:var(--accent);color:var(--ink)}.docs-dialog__nav-item--active{border-color:var(--accent);background:#ff89061a;color:var(--ink)}.docs-dialog__nav-title{font-size:var(--text-sm);font-weight:700}.docs-dialog__nav-summary{font-size:var(--text-xs);line-height:1.4;opacity:.85}.docs-article{overflow-y:auto;padding:4px 4px 8px 2px;min-height:0}.docs-article__title{margin:0 0 14px;font-size:var(--text-lg);font-weight:800}.docs-article__h3{margin:18px 0 8px;font-size:var(--text-sm);font-weight:800;color:var(--ink)}.docs-article__h3:first-of-type{margin-top:0}.docs-article__p{margin:0 0 10px;font-size:var(--text-sm);color:var(--ink-muted);line-height:1.55}.docs-article__list{margin:0 0 12px;padding-left:1.25rem;font-size:var(--text-sm);color:var(--ink-muted);line-height:1.55}.docs-article__list--bullet{list-style:disc}.docs-article__list li+li{margin-top:6px}.docs-article__link{color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#ff890673}.docs-article__link:hover{text-decoration-color:var(--accent)}@media (max-width: 640px){.app-dialog__panel--docs{max-height:92vh}.docs-dialog__layout{grid-template-columns:1fr;overflow-y:auto}.docs-dialog__nav{flex-direction:row;overflow-x:auto;overflow-y:visible;padding-bottom:4px}.docs-dialog__nav-item{flex:0 0 auto;min-width:160px}.docs-article{overflow:visible}}@media (max-width: 640px){.app-topbar__actions{margin-right:48px;gap:6px}.app-topbar__action{padding:5px 8px;font-size:.75rem}}.app-footer{text-align:center;padding:24px 20px 32px;border-top:1px solid var(--line)}.login-loading{display:flex;align-items:center;gap:8px;color:var(--ink-muted);font-size:var(--text-sm)}.login-loading--center{position:relative;z-index:1;justify-content:center;min-height:100dvh}.login-loading__dot{width:8px;height:8px;border-radius:50%;background:var(--accent-purple);animation:bounce-dot 1.2s ease-in-out infinite}.login-loading__dot:nth-child(2){animation-delay:.15s}.login-loading__dot:nth-child(3){animation-delay:.3s}@keyframes bounce-dot{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-6px);opacity:1}}.mascot svg{width:100%;height:100%;overflow:visible}.mascot-body{animation:mascot-bob 2.4s ease-in-out infinite;transform-origin:center bottom}@keyframes mascot-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.mascot-arm--left{animation:arm-sway-left 2.4s ease-in-out infinite;transform-origin:44px 132px}.mascot-arm--right{animation:arm-sway-right 2.4s ease-in-out infinite;transform-origin:156px 132px}@keyframes arm-sway-left{0%,to{transform:rotate(-18deg)}50%{transform:rotate(-24deg)}}@keyframes arm-sway-right{0%,to{transform:rotate(18deg)}50%{transform:rotate(24deg)}}.mascot-wave{animation:wave-pulse 1.6s ease-in-out infinite}.mascot-wave--right{animation-delay:.4s}@keyframes wave-pulse{0%,to{opacity:.3;transform:scale(.9)}50%{opacity:1;transform:scale(1.05)}}.mascot-eye{animation:eye-blink 4s step-end infinite}@keyframes eye-blink{0%,92%,to{transform:scaleY(1)}94%{transform:scaleY(.1)}}.mascot-pupil--left,.mascot-pupil--right{animation:pupil-look 3s ease-in-out infinite}@keyframes pupil-look{0%,to{transform:translate(0)}30%{transform:translate(1px)}60%{transform:translate(-1px)}}.mascot-note--1{animation:note-float 2s ease-in-out infinite}.mascot-note--2{animation:note-float 2s ease-in-out infinite .6s}@keyframes note-float{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(-8px);opacity:1}}.app-scene{min-height:100dvh;position:relative;overflow:hidden;background:linear-gradient(180deg,#0f0e17,#1a1040 55%,#162447)}.app-layout{position:relative;z-index:2;display:flex;min-height:100dvh;padding-bottom:56px}.app-layout__main{flex:1;min-width:0;display:flex;flex-direction:column}.app-topbar{display:flex;align-items:flex-start;gap:14px;padding:16px 20px;border-bottom:2px solid var(--line);background:#1a1830e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:5}.app-topbar__actions{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-top:2px;margin-right:64px}.app-topbar__action{border:1px solid var(--line);border-radius:8px;padding:6px 12px;background:#2d2a4ae6;color:var(--ink-muted);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.app-topbar__action:hover{color:var(--ink);border-color:var(--accent);background:#3b3760f2}.app-topbar__action:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-topbar__titles{flex:1;min-width:0}.app-topbar__title{font-size:var(--text-xl);font-weight:800;margin:0;letter-spacing:-.02em;line-height:1.25}.app-topbar__subtitle{margin:4px 0 0;font-size:var(--text-sm);color:var(--ink-muted);line-height:1.45}.app-content{flex:1;width:100%;max-width:none;padding:20px 20px 32px}.sidebar{width:252px;flex-shrink:0;display:flex;flex-direction:column;margin:12px 0 12px 12px;padding:16px 12px;background:#232040eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-height:calc(100dvh - 80px);position:sticky;top:12px;align-self:flex-start;z-index:6}.sidebar__brand{display:flex;align-items:center;gap:10px;padding:4px 8px 16px;border-bottom:1px solid var(--line);margin-bottom:12px}.sidebar__name{display:block;font-family:var(--font-pixel);font-size:.625rem;color:var(--ink);line-height:1.6}.sidebar__tag{display:block;font-size:.625rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.sidebar__section{font-size:.625rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);margin:8px 8px 6px}.sidebar__nav{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.sidebar-nav__item{display:flex;align-items:center;gap:8px;width:100%;padding:10px;border:2px solid transparent;border-radius:8px;background:transparent;color:var(--ink-muted);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;cursor:pointer;text-align:left;transition:background .15s,border-color .15s,color .15s}.sidebar-nav__item:hover{background:var(--bg-card-hover);color:var(--ink)}.sidebar-nav__item--active{background:#7f5af02e;border-color:var(--accent-purple);color:var(--ink);box-shadow:inset 0 0 0 1px #7f5af040}.sidebar-nav__marker{width:8px;height:8px;flex-shrink:0;border-radius:1px;background:var(--line-bright)}.sidebar-nav__marker--active{background:var(--accent-green);box-shadow:0 0 6px #4ade8080;animation:blink 1.2s step-end infinite}@keyframes blink{50%{opacity:0}}.sidebar-nav__icon{flex-shrink:0}.sidebar-nav__label{flex:1;min-width:0}.sidebar-nav__badge{font-size:.5625rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:2px 5px;border-radius:4px;background:#ff890633;color:var(--accent);flex-shrink:0}.sidebar__footer{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.sidebar__user{display:flex;align-items:center;gap:8px;padding:0 4px}.sidebar__avatar{border-radius:50%;border:2px solid var(--line-bright);flex-shrink:0}.sidebar__avatar--initial{display:flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:.75rem;font-weight:800;font-family:var(--font-pixel);color:var(--accent-green);background:var(--bg-mid);border-radius:4px;border:2px solid var(--line-bright)}.sidebar__email{font-size:var(--text-xs);color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__logout{width:100%}.sidebar__footer .site-credit{text-align:center;padding-top:4px}@media (max-width: 900px){.app-layout{flex-direction:column}.sidebar{position:relative;top:auto;margin:12px 12px 0;max-height:none;width:auto;align-self:stretch}}.coming-soon{text-align:center;padding:40px 24px}.coming-soon__icon{display:inline-flex;margin-bottom:12px;opacity:.9}.coming-soon__title{font-size:var(--text-xl);font-weight:800;margin:0 0 10px}.coming-soon__badge{display:inline-block;font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;border-radius:6px;background:#ff890633;color:var(--accent);border:1px solid rgba(255,137,6,.35);margin-bottom:16px}.coming-soon__desc{font-size:var(--text-sm);color:var(--ink-muted);margin:0 0 8px;line-height:1.55;max-width:420px;margin-inline:auto}.coming-soon__hint{font-size:var(--text-xs);color:var(--ink-dim);margin:0}.accent{color:var(--accent)}.card{padding:20px;margin-bottom:20px}.card__title{font-size:var(--text-lg);font-weight:700;margin:0 0 16px;display:flex;align-items:center;gap:8px}.card__icon{flex-shrink:0}.rpg-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}.rpg-icon svg{display:block;image-rendering:pixelated;image-rendering:crisp-edges}.field-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.field-row--tight{margin-bottom:8px}.field-row>.input,.field-row>.select,.field-row>.lang-select,.field-row>.file-input{flex:1;min-width:160px}.label{font-size:var(--text-sm);color:var(--ink-muted);min-width:110px}.hint{font-size:var(--text-sm);color:var(--ink-muted);margin:8px 0 0}.hint--dim{color:var(--ink-dim);font-size:var(--text-xs)}.btn{height:44px;border:none;border-radius:8px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;cursor:pointer;padding:0 18px;transition:transform .1s,box-shadow .1s;white-space:nowrap}.btn:active:not(:disabled){transform:translateY(1px)}.btn--primary{background:var(--accent-purple);color:#fff;box-shadow:0 3px #5b3db8}.btn--primary:hover:not(:disabled){background:#9370f7}.btn--primary:disabled{background:var(--line);box-shadow:none;color:var(--ink-dim);cursor:not-allowed}.btn--ghost{background:transparent;color:var(--ink-muted);border:1px solid var(--line);box-shadow:none}.btn--ghost:hover{background:var(--bg-card-hover);color:var(--ink)}.btn--sm{height:36px;padding:0 14px;font-size:var(--text-xs)}.input,.select{height:44px;border:2px solid var(--line);background:var(--bg-mid);color:var(--ink);border-radius:8px;padding:0 14px;font-family:var(--font-body);font-size:var(--text-sm);width:100%}.input:focus,.select:focus{outline:none;border-color:var(--accent-purple)}.select--sm{height:36px;font-size:var(--text-xs)}.lang-select{position:relative;flex:1;min-width:160px}.lang-select__trigger{display:flex;align-items:center;gap:10px;width:100%;height:44px;border:2px solid var(--line);background:var(--bg-mid);color:var(--ink);border-radius:8px;padding:0 12px;font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;text-align:left}.lang-select__trigger:focus{outline:none;border-color:var(--accent-purple)}.lang-select--open .lang-select__trigger{border-color:var(--accent-purple);border-bottom-left-radius:0;border-bottom-right-radius:0}.lang-select__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lang-select__chevron{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--ink-muted);flex-shrink:0}.lang-select__menu{position:absolute;z-index:50;top:100%;left:0;right:0;margin:0;padding:4px;list-style:none;background:var(--bg-mid);border:2px solid var(--accent-purple);border-top:none;border-radius:0 0 8px 8px;max-height:280px;overflow-y:auto;box-shadow:0 8px 24px #00000059}.lang-select__option{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;border-radius:6px;background:transparent;color:var(--ink);font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;text-align:left}.lang-select__option:hover{background:var(--bg-card-hover)}.lang-select__option--active{background:#7c5cfc26;color:var(--accent-purple)}.rpg-flag{display:inline-flex;flex-shrink:0;image-rendering:pixelated;image-rendering:crisp-edges;border:1px solid rgba(255,255,255,.12);border-radius:2px;overflow:hidden}.result-meta__lang{display:inline-flex;align-items:center;gap:6px}.file-input{position:relative;display:flex;align-items:center;height:44px;border:2px dashed var(--line-bright);border-radius:8px;background:var(--bg-mid);cursor:pointer;overflow:hidden}.file-input input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.file-input__label{padding:0 14px;font-size:var(--text-sm);color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status{padding:14px 16px;border-radius:var(--radius);background:var(--bg-card);border:2px solid var(--line);font-size:var(--text-sm);margin-bottom:20px}.status--err{background:#ef44441a;border-color:#ef444466;color:#fca5a5}.status--loading{border-color:var(--accent-purple);color:var(--ink-muted)}.stt-grid{display:grid;grid-template-columns:3fr 7fr;gap:16px;align-items:start;width:100%}.stt-grid .card{margin-bottom:0}.stt-grid__input{align-self:start;height:fit-content}.stt-grid__result{display:flex;flex-direction:column;height:calc(100dvh - 200px);min-height:480px;max-height:calc(100dvh - 160px)}.stt-grid__result .result-header{flex-shrink:0}.result-body--scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;border-top:1px solid var(--line);padding-top:12px;padding-right:4px}.result-body--scroll::-webkit-scrollbar{width:8px}.result-body--scroll::-webkit-scrollbar-track{background:var(--bg-mid);border-radius:4px}.result-body--scroll::-webkit-scrollbar-thumb{background:var(--line-bright);border-radius:4px}.result-body--scroll::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}.result-empty{margin:0;padding:24px 12px;text-align:center;font-size:var(--text-sm);color:var(--ink-dim);line-height:1.55}@media (max-width: 960px){.stt-grid{grid-template-columns:1fr}.stt-grid__result{height:auto;min-height:0;max-height:none}.result-body--scroll{height:360px;flex:none}}.tts-grid{display:grid;grid-template-columns:7fr 3fr;gap:16px;align-items:start;width:100%}.tts-grid .card{margin-bottom:0}.tts-grid__editor{min-height:520px}.tts-textarea{width:100%;min-height:320px;resize:vertical;border:2px solid var(--line);background:var(--bg-mid);color:var(--ink);border-radius:10px;padding:14px 16px;font-family:var(--font-body);font-size:var(--text-base);line-height:1.6}.tts-textarea:focus{outline:none;border-color:var(--accent-purple);box-shadow:0 0 0 2px #7f5af033}.tts-editor__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;flex-wrap:wrap}.tts-char-count{font-size:var(--text-xs);color:var(--ink-muted)}.tts-input-tabs{display:flex;gap:8px;margin-bottom:10px}.tts-input-tabs__btn{border:2px solid var(--line);background:var(--bg-mid);color:var(--ink-muted);border-radius:999px;padding:6px 12px;font-size:var(--text-xs);font-weight:700;cursor:pointer}.tts-input-tabs__btn--active{border-color:var(--accent-purple);color:var(--ink);background:#7f5af026}.tts-file-name{margin:0 0 8px}.tts-preview-btn{margin-top:8px}.tts-char-count--max{color:var(--accent);font-weight:700}.tts-result{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.tts-result__meta{display:flex;flex-wrap:wrap;gap:10px;font-size:var(--text-xs);color:var(--ink-muted)}.tts-result__audio{width:100%}.tts-grid__settings{position:sticky;top:88px}.tts-settings__title{margin:0 0 16px;font-size:var(--text-base);font-weight:800}.tts-field{margin-bottom:16px}.tts-field__select-wrap{display:flex;align-items:center;gap:8px}.tts-import-row{display:flex;gap:8px;align-items:stretch}.tts-import-row .input{flex:1;min-width:0}.tts-imported-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.tts-imported-list__item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:#14122699;font-size:var(--text-xs)}.tts-imported-list__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tts-imported-list__remove{border:none;background:transparent;color:var(--ink-muted);font-size:1.1rem;line-height:1;cursor:pointer;padding:0 4px}.tts-imported-list__remove:hover{color:#fca5a5}.tts-sliders{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.tts-slider__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.tts-slider__label{font-size:var(--text-sm);font-weight:700}.tts-slider__value{font-size:var(--text-xs);color:var(--accent);font-weight:700}.tts-slider__input{width:100%;accent-color:var(--accent-purple)}.tts-slider__ends{display:flex;justify-content:space-between;margin-top:4px;font-size:.6875rem;color:var(--ink-dim)}.tts-toggle{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:var(--text-sm);color:var(--ink-muted);cursor:pointer}.tts-reset{border:none;background:transparent;color:var(--accent);font-size:var(--text-xs);font-weight:700;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:3px}.settings-section__title{margin:20px 0 10px;font-size:var(--text-sm);font-weight:800;color:var(--ink)}.settings-section__title:first-of-type{margin-top:0}.settings-key-link{color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#ff890673}.settings-key-link:hover{text-decoration-color:var(--accent)}.settings-save-row{margin-top:18px}@media (max-width: 960px){.tts-grid{grid-template-columns:1fr}.tts-grid__settings{position:static}}.result-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}.result-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:var(--text-sm);color:var(--ink-muted)}.result-body{border-top:1px solid var(--line);padding-top:12px}.result-plain{white-space:pre-wrap;margin:0;font-family:var(--font-body);font-size:var(--text-sm);line-height:1.6}.seg{display:flex;gap:12px;padding:10px 12px;border-radius:8px;transition:background .15s}.seg:hover{background:var(--bg-card-hover)}.seg__time{color:var(--accent);font-variant-numeric:tabular-nums;font-size:var(--text-xs);white-space:nowrap;padding-top:3px;min-width:100px;font-weight:700}.seg__txt{flex:1;font-size:var(--text-sm)}.google-signin-wrap{display:flex;justify-content:center}@media (max-width: 480px){.login-panel__title{font-size:var(--text-base)}.page-header h1{font-size:var(--text-2xl)}}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:#08070eb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:loading-fade-in .15s ease-out}@keyframes loading-fade-in{0%{opacity:0}to{opacity:1}}.loading-popup{width:min(560px,94vw);padding:32px 32px 28px;text-align:center;background:#232040f7;animation:loading-pop-in .2s cubic-bezier(.34,1.4,.64,1)}@keyframes loading-pop-in{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.loading-popup__message{margin:16px 0 12px;font-size:var(--text-lg);font-weight:700;color:var(--ink)}.loading-popup__hint{margin:12px 0 0;font-size:var(--text-sm);color:var(--ink-dim)}.loading-popup__bar{height:10px;border-radius:999px;background:var(--bg-mid);border:1px solid var(--line);overflow:hidden}.loading-popup__bar-fill{height:100%;width:40%;border-radius:999px;background:linear-gradient(90deg,var(--accent-purple),var(--accent-green),var(--accent-purple));background-size:200% 100%;animation:loading-bar-race .65s linear infinite}@keyframes loading-bar-race{0%{transform:translate(-120%);background-position:0% 50%}to{transform:translate(320%);background-position:100% 50%}}.run-track{position:relative;height:160px;border-radius:12px;overflow:hidden;border:2px solid var(--line);background:linear-gradient(180deg,#1a1040,#162447 55%,#14532d 55%,#166534)}.run-track__sky{position:absolute;top:0;right:0;bottom:45%;left:0;background:linear-gradient(180deg,#1a1040,#162447)}.run-track__ground-scroll{position:absolute;bottom:0;left:0;right:0;height:45%;display:flex;overflow:hidden}.run-track__ground-pattern{flex-shrink:0;width:200%;height:100%;background:repeating-linear-gradient(90deg,#15803d,#15803d 20px,#166534 20px,#166534 40px);animation:ground-scroll .35s linear infinite}@keyframes ground-scroll{0%{transform:translate(0)}to{transform:translate(-40px)}}.run-track__speed-lines{position:absolute;top:20%;right:0;bottom:40%;left:0;pointer-events:none}.run-track__speed-lines span{position:absolute;height:2px;background:#7dd3fc80;border-radius:2px;animation:speed-line .5s linear infinite}.run-track__speed-lines span:nth-child(1){top:28%;width:32px;left:15%;animation-delay:0s}.run-track__speed-lines span:nth-child(2){top:48%;width:40px;left:55%;animation-delay:.1s}.run-track__speed-lines span:nth-child(3){top:62%;width:26px;left:30%;animation-delay:.2s}.run-track__speed-lines span:nth-child(4){top:38%;width:34px;left:70%;animation-delay:.05s}.run-track__speed-lines span:nth-child(5){top:52%;width:28px;left:8%;animation-delay:.15s}.run-track__speed-lines span:nth-child(6){top:42%;width:36px;left:82%;animation-delay:.22s}@keyframes speed-line{0%{transform:translate(80px);opacity:0}15%{opacity:1}to{transform:translate(-220px);opacity:0}}.run-mascot{position:absolute;bottom:10%;left:50%;z-index:4;width:100px;height:100px;transform:translate(-50%)}.run-mascot svg{width:100%;height:100%}.run-mascot__leg--front{animation:leg-front .22s steps(2) infinite;transform-origin:38px 52px}.run-mascot__leg--back{animation:leg-back .22s steps(2) infinite;transform-origin:32px 52px}@keyframes leg-front{0%,to{transform:rotate(18deg)}50%{transform:rotate(-22deg)}}@keyframes leg-back{0%,to{transform:rotate(-22deg)}50%{transform:rotate(18deg)}}.run-mascot__arm{animation:arm-pump .22s steps(2) infinite;transform-origin:58px 44px}@keyframes arm-pump{0%,to{transform:rotate(25deg)}50%{transform:rotate(-5deg)}}.run-mascot__body{transform-origin:center bottom}.run-dust{position:absolute;bottom:4px;left:50%;transform:translate(-50%);display:flex;gap:6px}.run-dust span{width:7px;height:7px;border-radius:50%;background:#bbf7d0a6;animation:dust-puff .35s ease-out infinite}.run-dust span:nth-child(2){animation-delay:.08s}.run-dust span:nth-child(3){animation-delay:.16s}@keyframes dust-puff{0%{transform:translate(0) scale(.6);opacity:.85}to{transform:translate(-18px) scale(1.1);opacity:0}}@media (prefers-reduced-motion: reduce){.loading-popup__bar-fill,.run-track__ground-pattern,.run-mascot__leg--front,.run-mascot__leg--back,.run-mascot__arm,.run-track__speed-lines span,.run-dust span{animation:none}}.public-page{min-height:100dvh;display:flex;flex-direction:column;background:linear-gradient(180deg,#0f0e17,#1a1040 55%,#162447)}.public-page__main{flex:1;width:min(1080px,100%);margin:0 auto;padding:32px 20px 48px}.public-page__main--narrow{max-width:720px}.public-page__footer{padding:20px;text-align:center;border-top:1px solid var(--line)}.site-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line);background:#0f0e17d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.site-nav__brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:700}.site-nav__links{display:flex;flex-wrap:wrap;gap:8px}.site-nav__link{color:var(--ink-muted);text-decoration:none;padding:8px 12px;border-radius:999px;font-size:var(--text-sm)}.site-nav__link:hover,.site-nav__link.is-active{color:var(--ink);background:var(--accent-soft)}.public-hero{position:relative;overflow:hidden;padding:32px 28px;margin-bottom:24px}.public-hero__eyebrow{margin:0 0 8px;color:var(--accent);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em}.public-hero__title{margin:0 0 12px;font-size:var(--text-3xl)}.public-hero__lead{margin:0 0 20px;color:var(--ink-muted);max-width:56ch}.public-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.public-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.public-card{padding:20px}.public-card h2{margin:0 0 8px;font-size:var(--text-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:999px;font-weight:700;text-decoration:none;border:2px solid transparent;cursor:pointer}.btn--primary{background:var(--accent);color:#1a1208;border-color:var(--rpg-border);box-shadow:3px 3px 0 var(--rpg-shadow)}.btn--ghost{background:transparent;color:var(--ink);border-color:var(--line-bright)}.btn--primary:hover,.btn--ghost:hover{filter:brightness(1.05)}.history-layout{display:flex;flex-direction:column;gap:20px}.history-list__header{margin-bottom:12px}.history-list__count{margin:8px 0 0;font-size:var(--text-sm)}.history-empty{margin:0;padding:24px 8px;text-align:center;color:var(--ink-muted)}.history-table-wrap{overflow-x:auto}.history-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.history-table th,.history-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.history-table th{color:var(--ink-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.history-table tbody tr:hover{background:#7f5af014}.history-table__row--active{background:#7f5af01f}.history-tool,.history-lang{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.history-table__file{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-table__preview{max-width:280px;color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-detail{display:flex;flex-direction:column;max-height:min(65vh,560px);min-height:200px;overflow:hidden}.history-detail .result-header{flex-shrink:0}.history-detail .result-body--scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}@media (max-width: 900px){.history-table thead{display:none}.history-table tr{display:block;margin-bottom:12px;border:1px solid var(--line);border-radius:var(--radius);padding:8px}.history-table td{display:flex;justify-content:space-between;gap:12px;border:none;padding:6px 4px}.history-table td:before{content:attr(data-label);color:var(--ink-muted);font-weight:700;flex-shrink:0}.history-table__preview{white-space:normal;max-width:none}}