*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,html[data-theme=light]{--color-bg: #0f172a;--color-surface: #1e293b;--color-primary: #3b82f6;--color-primary-hover: #60a5fa;--color-text: #e2e8f0;--color-muted: #94a3b8;--color-border: #334155;--color-error: #f87171;--color-warning: #fbbf24;--radius: 8px;--shadow: 0 1px 3px rgba(0, 0, 0, .3);--gradient: linear-gradient(-45deg, #1e3a8a, #4c1d95, #7c3aed, #2563eb, #6366f1, #8b5cf6, #3b82f6, #5b21b6);--color-scheme: dark;--stroke-width: .5px;--outline: rgba(0, 0, 0, .35);--outline-hover: rgba(0, 0, 0, .55);--outline-active: rgba(0, 0, 0, .65);--outline-subtle: rgba(0, 0, 0, .2)}html[data-theme=dark]{--color-bg: #0a0f1e;--color-surface: #151d2e;--color-primary: #a78bfa;--color-primary-hover: #c4b5fd;--color-text: #e2e8f0;--color-muted: #7c8aa0;--color-border: #273044;--color-error: #fca5a5;--color-warning: #fcd34d;--radius: 8px;--shadow: 0 1px 6px rgba(0, 0, 0, .5);--gradient: linear-gradient(-45deg, #130f2e, #231a4d, #351c6e, #162a5c, #28207a, #3d1a80, #1a2f6e, #351c6e);--color-scheme: dark;--stroke-width: .5px;--outline: rgba(255, 255, 255, .2);--outline-hover: rgba(255, 255, 255, .4);--outline-active: rgba(255, 255, 255, .5);--outline-subtle: rgba(255, 255, 255, .1)}@keyframes gradientFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:transparent;color:var(--color-text);line-height:1.6;color-scheme:var(--color-scheme);position:relative;transition:color .4s ease}html{background:var(--gradient);background-size:400% 400%;animation:gradientFlow 20s ease infinite;transition:background .4s ease}html,body,#root{width:100%;height:100%}body>#root{position:relative;z-index:1;overflow:hidden}body{overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}*{scrollbar-color:var(--color-border) var(--color-bg);scrollbar-width:thin}.layout__main,.dropdown__menu,.news__content,.chat-input__field{scrollbar-color:rgba(139,92,246,.55) rgba(255,255,255,.05)}.layout__main::-webkit-scrollbar,.dropdown__menu::-webkit-scrollbar,.news__content::-webkit-scrollbar,.chat-input__field::-webkit-scrollbar{width:8px;height:8px}.layout__main::-webkit-scrollbar-track,.dropdown__menu::-webkit-scrollbar-track,.news__content::-webkit-scrollbar-track,.chat-input__field::-webkit-scrollbar-track{background:#ffffff0d;border-radius:999px}.layout__main::-webkit-scrollbar-thumb,.dropdown__menu::-webkit-scrollbar-thumb,.news__content::-webkit-scrollbar-thumb,.chat-input__field::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b5cf6bf,#3b82f6bf);border-radius:999px}.layout__main::-webkit-scrollbar-thumb:hover,.dropdown__menu::-webkit-scrollbar-thumb:hover,.news__content::-webkit-scrollbar-thumb:hover,.chat-input__field::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a78bfae6,#60a5fae6)}@keyframes introFloat{0%{opacity:0;transform:translateY(60px);filter:blur(6px)}60%{filter:blur(0)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.intro-float{opacity:0;animation:introFloat .9s cubic-bezier(.16,1,.3,1) forwards}.layout{max-width:820px;margin:0 auto;padding:2rem 1rem;height:100dvh;display:flex;flex-direction:column}.layout__main{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:1rem}.layout__header{margin-bottom:1.5rem;text-align:center}.layout__title{font-size:1.75rem;font-weight:700;-webkit-text-stroke:1px var(--color-text);color:transparent}.layout__subtitle{font-size:.875rem;color:var(--color-muted)}.filter-bar{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center;margin-bottom:1.5rem;position:relative;z-index:10}.filter-bar--loading{color:var(--color-muted);font-style:italic;text-align:center}.dropdown{position:relative;display:flex;flex-direction:column;align-items:center;gap:.4rem;min-width:160px}.dropdown__label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#ffffffb3}.dropdown__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .75rem;background:#ffffff0f;border:1px solid var(--outline);border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:none;color:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dropdown__trigger:hover:not(:disabled){border-color:var(--outline-hover);background:#ffffff1a;box-shadow:0 2px 12px #8b5cf626;transform:translateY(-1px)}.dropdown--open{z-index:60}.dropdown--open .dropdown__trigger{border-color:var(--outline-active);box-shadow:none}.dropdown__trigger:disabled{opacity:.5;cursor:not-allowed}.dropdown__summary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px}.dropdown__arrow{font-size:.625rem;margin-left:.5rem;color:#fff9}.settings{position:fixed;top:1rem;right:1rem;z-index:100}.settings__gear{background:#00000040;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--outline);border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.3rem;transition:transform .3s,border-color .3s}.settings__gear:hover{transform:scale(1.1) rotate(30deg);border-color:var(--outline-active)}.settings__panel{position:absolute;top:calc(100% + .5rem);right:0;min-width:220px;background:#00000073;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--outline);border-radius:12px;padding:.75rem;display:flex;flex-direction:column;gap:.6rem;animation:panelFadeIn .2s ease-out}@keyframes panelFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.settings__row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.settings__label{font-size:.8rem;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.04em}.settings__toggle{background:#ffffff1a;border:1px solid var(--outline);border-radius:8px;padding:.3rem .6rem;color:#ffffffe6;font-size:.8rem;cursor:pointer;transition:background .15s}.settings__toggle:hover{background:#fff3}.settings__speed-buttons{display:flex;gap:.3rem}.settings__speed-btn{background:#ffffff14;border:1px solid var(--outline);border-radius:8px;padding:.25rem .5rem;color:#ffffffb3;font-size:.72rem;cursor:pointer;transition:background .15s,border-color .15s,color .15s;text-transform:capitalize}.settings__speed-btn:hover{background:#ffffff26}.settings__speed-btn--active{background:#fff3;border-color:var(--outline-active);color:#fff;font-weight:600}.f1-car{position:fixed;top:50%;left:-120px;transform:translateY(-50%);font-size:5rem;z-index:9999;pointer-events:none;animation:f1Zoom .8s cubic-bezier(.2,0,.3,1) forwards;filter:drop-shadow(0 0 20px rgba(255,100,0,.6))}@keyframes f1Zoom{0%{left:-120px;transform:translateY(-50%) scaleX(-1)}15%{transform:translateY(-50%) scaleX(-1.15)}to{left:calc(100vw + 120px);transform:translateY(-50%) scaleX(-1)}}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown__menu{position:absolute;top:calc(100% - 2px);left:-4px;right:-4px;margin-top:0;background:#1e1446f7!important;border:1px solid var(--outline);border-radius:12px;box-shadow:0 8px 32px #00000080,0 0 0 1px #8b5cf61a;list-style:none;padding:.35rem 0;z-index:9000;max-height:240px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;animation:menuSlideIn .2s cubic-bezier(.16,1,.3,1) both}.dropdown__option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.45rem .75rem;background:none;border:none;color:#ffffffd9;font-size:.875rem;cursor:pointer;text-align:left;transition:background .1s}.dropdown__option:hover{background:#8b5cf626}.dropdown__option--selected{color:#a78bfa;font-weight:600;background:#8b5cf614}.dropdown__check{width:1rem;text-align:center;font-size:.75rem}@keyframes gradientBorderSpin{0%{--gradient-angle: 0deg}to{--gradient-angle: 360deg}}@property --gradient-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.chat-input{display:flex;gap:.5rem;margin-bottom:1rem;position:relative}.chat-input__field{flex:1;padding:.75rem 1rem;border:2px solid var(--outline);border-radius:12px;font-size:.9375rem;outline:none;transition:border-color .3s,box-shadow .3s,background .3s;background:#ffffff0d;color:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chat-input__field::placeholder{color:#fff6;transition:color .3s}.chat-input__field:focus{border-color:#8b5cf699;background:#ffffff14;box-shadow:0 0 0 2px #8b5cf64d,0 0 20px #6366f126,inset 0 0 20px #8b5cf60d}.chat-input__field:focus::placeholder{color:#ffffff4d}.chat-input__submit{padding:.75rem 1.5rem;background:linear-gradient(135deg,#6366f166,#8b5cf666);color:#fffffff2;border:1px solid var(--outline);border-radius:12px;cursor:pointer;font-weight:700;font-size:.9rem;letter-spacing:.03em;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.chat-input__submit:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#8b5cf699,#3b82f699);opacity:0;transition:opacity .3s;border-radius:inherit}.chat-input__submit:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 4px 20px #8b5cf666,0 0 40px #6366f126;border-color:#8b5cf680}.chat-input__submit:hover:not(:disabled):before{opacity:1}.chat-input__submit:active:not(:disabled){transform:translateY(0) scale(.98)}.chat-input__submit:disabled{opacity:.4;cursor:not-allowed}.starter-prompts{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.35rem}.starter-prompts__chip{border:1px solid var(--outline-subtle);background:#ffffff0d;color:#fffc;border-radius:999px;padding:.35rem .65rem;font-size:.73rem;line-height:1.2;cursor:pointer;transition:transform .15s ease,background .2s ease,border-color .2s ease}.starter-prompts__chip:hover:not(:disabled){transform:translateY(-1px);background:#8b5cf62e;border-color:#8b5cf673}.starter-prompts__chip--active{background:#3b82f633;border-color:#60a5fa7a;color:#e0e7fffa;box-shadow:0 0 0 1px #60a5fa47,0 2px 14px #3b82f633}.starter-prompts__chip:disabled{opacity:.45;cursor:not-allowed}@keyframes diveUp{0%{opacity:0;transform:translateY(80px) scale(.95);filter:blur(4px)}40%{opacity:.7;filter:blur(1px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes charDive{0%{opacity:0;transform:translateY(30px);filter:blur(3px)}60%{opacity:.8;filter:blur(.5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes answerSlideIn{0%{opacity:0;transform:translateY(30px) scale(.97);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.answer-view{background:#ffffff0d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--outline-subtle);border-radius:16px;padding:1.25rem 1.5rem;margin-bottom:1rem;box-shadow:0 4px 30px #00000026,inset 0 1px #ffffff1a;animation:answerSlideIn .5s cubic-bezier(.16,1,.3,1) both;position:relative;overflow:hidden}.answer-view:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.5),rgba(59,130,246,.5),transparent)}.answer-view--technical{border-left:3px solid rgba(59,130,246,.6);font-family:Inter,system-ui,-apple-system,sans-serif}.answer-view--technical:before{background:linear-gradient(90deg,transparent,rgba(59,130,246,.6),rgba(139,92,246,.4),transparent)}.answer-view--technical .answer-view__text{letter-spacing:.01em;line-height:1.7}.answer-view--friendly{border-left:3px solid rgba(236,72,153,.5);border-radius:20px;background:#ffffff12;box-shadow:0 4px 30px #ec489914,inset 0 1px #ffffff1f}.answer-view--friendly:before{background:linear-gradient(90deg,transparent,rgba(236,72,153,.5),rgba(251,146,60,.4),transparent)}.answer-view--friendly .answer-view__text{font-size:1.02rem;line-height:1.8;letter-spacing:.005em}.answer-view--friendly .thinking-dots__dot{background:#ec4899e6}.answer-view__tone-badge{display:inline-block;font-size:.7rem;font-weight:600;padding:.2rem .6rem;border-radius:999px;margin-bottom:.75rem;letter-spacing:.03em;text-transform:uppercase}.answer-view__tone-badge--technical{background:#3b82f626;color:#60a5fae6;border:1px solid rgba(59,130,246,.25)}.answer-view__tone-badge--friendly{background:#ec489926;color:#f472b6e6;border:1px solid rgba(236,72,153,.25)}[data-theme=light] .answer-view__tone-badge--technical{background:#3b82f61a;color:#2563ebe6;border-color:#3b82f633}[data-theme=light] .answer-view__tone-badge--friendly{background:#ec48991a;color:#db2777e6;border-color:#ec489933}[data-theme=light] .answer-view--friendly{box-shadow:0 4px 20px #ec48990f,inset 0 1px #ffffff80}[data-theme=light] .answer-view--technical{border-left-color:#3b82f680}@keyframes thinkingDot{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.answer-view--loading{color:var(--color-muted);font-style:normal;display:flex;align-items:center;gap:.25rem}.thinking-dots{display:inline-flex;gap:4px;margin-left:4px}.thinking-dots__dot{width:6px;height:6px;border-radius:50%;background:var(--color-primary);animation:thinkingDot 1.4s ease-in-out infinite}.thinking-dots__dot:nth-child(2){animation-delay:.2s}.thinking-dots__dot:nth-child(3){animation-delay:.4s}.answer-view--streaming{border-left:3px solid var(--color-primary);background:#ffffff0d}.answer-view--blurred{border-left:3px solid var(--color-warning)}.answer-view__disclaimer{background:#fbbf2426;border-radius:var(--radius);padding:.5rem .75rem;margin-bottom:.75rem;font-size:.8125rem;color:var(--color-warning)}.answer-view__text{white-space:pre-wrap;margin-bottom:.75rem}.answer-view__meta{display:flex;gap:1.25rem;font-size:.75rem;color:var(--color-muted)}@keyframes copyPop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.answer-view__copy{display:flex;align-items:center;justify-content:center;gap:.3rem;width:fit-content;margin-top:1rem;padding:.4rem .85rem;background:#ffffff0f;border:1px solid var(--outline-subtle);border-radius:8px;color:#ffffffa6;font-size:.78rem;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.answer-view__copy:hover{background:#8b5cf626;border-color:#8b5cf64d;color:#ffffffe6;transform:translateY(-1px);animation:copyPop .3s ease}@keyframes sourcesSlideDown{0%{opacity:0;transform:translateY(-10px);max-height:0}to{opacity:1;transform:translateY(0);max-height:500px}}.sources-drawer{margin-bottom:1rem}.sources-drawer__toggle{background:#8b5cf633;border:1px solid rgba(139,92,246,.35);color:#c4b5fd;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;border-radius:10px;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sources-drawer__toggle:hover{background:#8b5cf659;border-color:#a78bfa80;transform:translateY(-1px);box-shadow:0 2px 16px #8b5cf640;color:#e0e7ff}.sources-drawer__list{list-style:none;margin-top:.5rem;border:1px solid var(--outline-subtle);border-radius:12px;overflow:hidden;background:#ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:sourcesSlideDown .3s ease-out both}.sources-drawer__item{display:flex;justify-content:space-between;padding:.6rem .85rem;font-size:.8125rem;border-bottom:1px solid var(--outline-subtle);transition:background .15s}.sources-drawer__item:hover{background:#ffffff0f}.sources-drawer__item:last-child{border-bottom:none}.sources-drawer__pseudo{font-weight:600}.sources-drawer__time{color:var(--color-muted);font-variant-numeric:tabular-nums}.error-banner{background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:var(--radius);padding:.75rem 1rem;margin-bottom:1rem;display:flex;align-items:flex-start;gap:.75rem}.error-banner__message{flex:1;color:var(--color-error);font-size:.875rem}.error-banner__hint{font-size:.8125rem;color:var(--color-muted);margin-top:.25rem}.error-banner__close{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--color-error);line-height:1}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.typing-cursor{animation:blink .7s step-end infinite;color:var(--color-primary);font-weight:300;margin-left:1px}.answer-view__text--diving{display:inline;word-wrap:break-word;overflow-wrap:break-word}.dive-char{display:inline-block;animation:charDive .4s cubic-bezier(.16,1,.3,1) both}.dive-char:empty,.dive-char:blank{white-space:pre}.news{position:fixed;top:1rem;left:1rem;z-index:100}.news__trigger{background:#00000040;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--outline);border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.3rem;transition:transform .3s,border-color .3s,box-shadow .3s;position:relative}.news__trigger:hover{transform:scale(1.1);border-color:var(--outline-active);box-shadow:0 0 20px #60a5fa40}@keyframes newsBadgePulse{0%,to{transform:scale(1);box-shadow:0 0 #f472b673}50%{transform:scale(1.08);box-shadow:0 0 0 8px #f472b600}}.news__badge{position:absolute;top:-5px;right:-8px;font-size:.54rem;letter-spacing:.04em;text-transform:uppercase;font-weight:700;color:#ffe4f5;background:linear-gradient(135deg,#ec4899f2,#8b5cf6eb);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:.1rem .34rem;line-height:1.1;animation:newsBadgePulse 1.6s ease-in-out infinite}@keyframes newsPopupIn{0%{opacity:0;transform:translateY(-8px) scale(.98);filter:blur(1px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes newsPopupOut{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateY(-6px) scale(.985);filter:blur(1px)}}.news__popup{position:absolute;top:calc(100% + .5rem);left:0;width:min(320px,calc(100vw - 2rem));background:#0a1022f0;border:1px solid var(--outline);border-radius:12px;box-shadow:0 12px 32px #00000073;padding:.75rem;display:grid;gap:.4rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:newsPopupOut .18s ease-in forwards}.news__popup--open{animation:newsPopupIn .2s cubic-bezier(.16,1,.3,1) forwards}.news__popup-title{font-size:.86rem;font-weight:700;color:#fffffff2}.news__popup-text{font-size:.78rem;color:#fffc;line-height:1.45}.news__popup-hint{font-size:.7rem;color:var(--color-muted)}.news__panel{position:fixed;top:0;left:-380px;width:360px;height:100vh;background:#0f0c28f7;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid var(--outline-subtle);box-shadow:4px 0 40px #00000080;transition:left .35s cubic-bezier(.16,1,.3,1);z-index:200;display:flex;flex-direction:column;overflow:hidden}.news__panel--open{left:0}.news__header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1rem .75rem;border-bottom:1px solid var(--outline-subtle)}.news__title{font-size:1rem;font-weight:700;color:#ffffffe6;margin:0}.news__refresh{background:#ffffff0f;border:1px solid var(--outline-subtle);border-radius:8px;padding:.3rem .5rem;cursor:pointer;font-size:.9rem;transition:all .2s}.news__refresh:hover:not(:disabled){background:#ffffff1f;transform:rotate(180deg)}.news__refresh:disabled{opacity:.4;cursor:not-allowed}@keyframes gateSnowDrift{0%{transform:translateY(0)}to{transform:translateY(40px)}}@keyframes gateTrickSpin{0%{transform:translate(-50%,-50%) rotate(0) scale(1)}to{transform:translate(-50%,-50%) rotate(360deg) scale(1.12)}}.gate-game{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;overflow:hidden;background:radial-gradient(circle at 20% 10%,rgba(34,197,94,.14),transparent 40%),radial-gradient(circle at 80% 80%,rgba(56,189,248,.16),transparent 45%),linear-gradient(180deg,#082f49d6,#020617db);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.gate-game__hud{position:absolute;top:1rem;left:1rem;width:min(620px,calc(100vw - 2rem));border:1px solid rgba(148,163,184,.34);border-radius:16px;padding:.95rem 1rem;background:#0f172ac7;box-shadow:0 10px 32px #0000005c;pointer-events:none}.gate-game__title{font-size:clamp(1.3rem,2vw,1.9rem);margin-bottom:.35rem;color:#e0f2fefa}.gate-game__subtitle{color:#bfdbfedb;font-size:.92rem;margin-bottom:.75rem}.gate-game__stats{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:0;color:#e0f2fee6;font-size:.82rem}.gate-game__stats span{border:1px solid rgba(125,211,252,.4);border-radius:999px;padding:.18rem .55rem;background:#0e74902e}.gate-game__progress{height:8px;background:#1e293bf2;border-radius:999px;overflow:hidden;margin-bottom:.85rem;border:1px solid rgba(56,189,248,.25)}.gate-game__progress-fill{height:100%;background:linear-gradient(90deg,#22c55ed9,#38bdf8e6);transition:width .15s linear}.gate-game__arena{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0e749047,#e2e8f00f 28%,#f1f5f91f),linear-gradient(160deg,#0c4a6e99,#0f172aeb)}.gate-game__canvas{width:100%;height:100vh}.gate-game__fail{margin-top:.7rem;color:#fca5a5f5;font-size:.88rem}.gate-game__success{margin-top:.7rem;color:#86efacf2;font-size:.9rem}.gate-game__actions{display:flex;justify-content:flex-end;margin-top:.85rem}.gate-game__continue{border:1px solid rgba(125,211,252,.44);background:linear-gradient(135deg,#0e749094,#2563eb94);color:#e0f2fefa;border-radius:10px;padding:.55rem .9rem;font-weight:600;cursor:pointer;transition:transform .15s ease,border-color .2s ease}.gate-game__continue:hover{transform:translateY(-1px);border-color:#bae6fdb8}@media(max-width:640px){.gate-game__hud{top:.7rem;left:.7rem;width:calc(100vw - 1.4rem);padding:.75rem .8rem}}.news__search{display:flex;gap:.4rem;padding:.5rem .75rem}.news__search-input{flex:1;padding:.45rem .7rem;background:#ffffff0f;border:1px solid var(--outline);border-radius:8px;color:#ffffffe6;font-size:.8rem;outline:none;transition:border-color .2s,box-shadow .2s}.news__search-input::placeholder{color:#ffffff59}.news__search-input:focus{border-color:#8b5cf680;box-shadow:0 0 0 2px #8b5cf626}.news__search-btn{padding:.4rem .6rem;background:#8b5cf633;border:1px solid rgba(139,92,246,.3);border-radius:8px;cursor:pointer;font-size:.85rem;transition:all .2s}.news__search-btn:hover:not(:disabled){background:#8b5cf659;transform:scale(1.05)}.news__search-btn:disabled{opacity:.4;cursor:not-allowed}.news__topics{display:flex;gap:.35rem;padding:.25rem .75rem .5rem;flex-wrap:wrap}.news__topic-pill{padding:.25rem .6rem;background:#ffffff0f;border:1px solid var(--outline-subtle);border-radius:20px;color:#ffffffa6;font-size:.7rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.news__topic-pill:hover{background:#8b5cf626;border-color:#8b5cf64d;color:#ffffffe6}.news__topic-pill--active{background:#8b5cf640;border-color:#8b5cf673;color:#c4b5fd;font-weight:600}.news__content{flex:1;overflow-y:auto;padding:.5rem}.news__loading{display:flex;justify-content:center;padding:2rem}.news__error{text-align:center;padding:1.5rem;color:var(--color-error);font-size:.85rem}.news__error button{background:#ffffff1a;border:1px solid var(--outline);border-radius:6px;color:#fffc;padding:.3rem .7rem;cursor:pointer;margin-top:.5rem;font-size:.8rem}.news__empty{text-align:center;padding:2rem;color:var(--color-muted)}.news__item{display:flex;gap:.75rem;padding:.75rem;border-radius:12px;text-decoration:none;color:inherit;transition:background .2s;cursor:pointer;border-bottom:1px solid var(--outline-subtle)}.news__item:hover{background:#ffffff0f}.news__thumb{width:70px;height:50px;border-radius:8px;object-fit:cover;flex-shrink:0;background:#ffffff0d}.news__item-body{display:flex;flex-direction:column;gap:.2rem;min-width:0}.news__item-title{font-size:.82rem;font-weight:600;color:#ffffffe6;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news__item-desc{font-size:.72rem;color:#ffffff73;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news__item-meta{display:flex;gap:.5rem;align-items:center;margin-top:.15rem}.news__item-source{font-size:.68rem;font-weight:600;color:var(--color-primary)}.news__item-time{font-size:.68rem;color:#ffffff59}@keyframes nukeShake{0%,to{transform:translate(0)}10%{transform:translate(-8px,6px)}20%{transform:translate(6px,-8px)}30%{transform:translate(-10px,-4px)}40%{transform:translate(8px,8px)}50%{transform:translate(-6px,-10px)}60%{transform:translate(10px,4px)}70%{transform:translate(-4px,8px)}80%{transform:translate(6px,-6px)}90%{transform:translate(-8px,4px)}}@keyframes nukeFlash{0%{opacity:0}5%{opacity:1}95%{opacity:1}to{opacity:0}}.nuke-egg{position:fixed;top:-20px;right:-20px;bottom:-20px;left:-20px;background:#000;z-index:99999;animation:nukeFlash 2.5s ease-in-out forwards,nukeShake .08s linear infinite;pointer-events:none}