:root,[data-theme=light]{--color-primary: #e94b13;--color-primary-hover: #c93a0a;--color-primary-soft: #ffe3c7;--color-bg: #fff6ea;--color-bg-warm: #f7d6ac;--color-bg-card: #fffcf7;--color-bg-card-tint: #f6c894;--color-border: #ebc49c;--color-border-strong: #dfa66e;--color-text: #2a100b;--color-text-soft: #6f4c38;--color-text-muted: #9b765c;--color-chip-bg: #fff8ef;--color-chip-border: #ebc49c;--color-chip-active-bg: #e94b13;--color-chip-active-text: #ffffff;--color-button-bg: #e94b13;--color-button-text: #ffffff;--color-footer-bg: #fff0dd;--sf-orange: var(--color-primary);--sf-ink: var(--color-text);--sf-navy: var(--color-text-soft);--sf-cream: var(--color-bg-card);--sf-tan: var(--color-bg-warm);--sf-peach: var(--color-primary-soft);--sf-brown: var(--color-border-strong);--sf-brown-dark: var(--color-primary-hover);--sf-black: var(--color-text);--sf-fav: #ffcc00;--bg: var(--color-bg);--bg-elevated: var(--color-bg-card);--card-body-bg: var(--color-bg-card);--card-body-text: var(--color-text);--card-body-muted: var(--color-text-muted);--text: var(--color-text);--text-muted: var(--color-text-muted);--border: var(--color-border);--shadow: 0 14px 36px color-mix(in srgb, var(--color-text) 12%, transparent);--chrome-bar-bg: var(--color-footer-bg);--bg-mesh: radial-gradient(ellipse 88% 58% at 6% -8%, color-mix(in srgb, var(--color-primary) 18%, transparent), transparent 56%), radial-gradient(ellipse 72% 52% at 96% 18%, color-mix(in srgb, var(--color-bg-warm) 55%, transparent), transparent 52%), radial-gradient(ellipse 78% 48% at 48% 108%, color-mix(in srgb, var(--color-bg-card-tint) 45%, transparent), transparent 54%), linear-gradient(165deg, var(--color-bg) 0%, var(--color-bg-warm) 38%, var(--color-primary-soft) 100%);--twitch: #9146ff;--font-sans: "DM Sans", system-ui, sans-serif;--font-display: "Syne", system-ui, sans-serif;--font-serif: "Instrument Serif", Georgia, serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}[data-theme=dark]{--color-primary: #ff6a00;--color-primary-hover: #ff8a1c;--color-primary-soft: #3a1d0b;--color-bg: #100b08;--color-bg-deep: #090604;--color-bg-card: #1b120d;--color-bg-card-tint: #2b1609;--color-border: #5a2a0c;--color-border-strong: #b84a00;--color-text: #f6eee7;--color-text-soft: #d8bca3;--color-text-muted: #a47d5f;--color-chip-bg: #1c130e;--color-chip-border: #4a2a1a;--color-chip-active-bg: #ff6a00;--color-chip-active-text: #ffffff;--color-button-bg: #ff6a00;--color-button-text: #ffffff;--color-footer-bg: #1a0d06;--sf-orange: var(--color-primary);--sf-ink: var(--color-text);--sf-navy: var(--color-text-soft);--sf-cream: var(--color-bg-card);--sf-tan: var(--color-text-soft);--sf-peach: var(--color-primary-soft);--sf-brown: var(--color-border-strong);--sf-brown-dark: var(--color-primary-hover);--sf-black: var(--color-text);--sf-fav: #ffcc00;--bg: var(--color-bg);--bg-elevated: var(--color-bg-card);--card-body-bg: var(--color-bg-card);--card-body-text: var(--color-text);--card-body-muted: var(--color-text-muted);--text: var(--color-text);--text-muted: var(--color-text-muted);--border: var(--color-border);--shadow: 0 14px 40px color-mix(in srgb, var(--color-bg-deep) 80%, transparent);--chrome-bar-bg: var(--color-footer-bg);--bg-mesh: radial-gradient(ellipse 85% 50% at 5% 0%, color-mix(in srgb, var(--color-primary) 20%, transparent), transparent 52%), radial-gradient(ellipse 65% 45% at 100% 12%, color-mix(in srgb, var(--color-border-strong) 28%, transparent), transparent 48%), linear-gradient(168deg, var(--color-bg-card) 0%, var(--color-bg) 45%, var(--color-bg-deep) 100%)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-sans);background-color:var(--bg);background-image:var(--bg-mesh);background-attachment:fixed;color:var(--text)}h1,h2,h3,.modal-card h2,.browse-page__title,.browse-page__section-head h2,.info-card h2{font-family:var(--font-display);letter-spacing:-.03em}.hero-card__title{font-family:var(--font-sans);font-weight:800;font-style:normal;letter-spacing:-.02em}.hero-card__label,.browse-page__label,.live-pill,.video-card__tag,.video-card__meta,.browse-page__count,.category-nav__pill,.lang-nav__pill,.hero-chip,.field label,.account-modal__sub-label,.account-modal__field dt{font-family:var(--font-mono);letter-spacing:.04em}.btn,.btn-accent,.video-card__title,.video-card__cta,.modal-card__close{font-family:var(--font-sans)}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.container{width:min(1200px,100% - 40px);margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:999px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.btn-accent{background:var(--color-button-bg);border-color:var(--color-button-bg);color:var(--color-button-text);font-weight:700}.btn-accent:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-ghost{background:transparent}.site-chrome{background:var(--chrome-bar-bg);color:var(--text);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.site-chrome--top{border-bottom:1px solid var(--border)}.site-chrome--bottom{border-top:1px solid var(--border)}.site-header{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:16px}.site-header__brand{display:flex;align-items:center;gap:10px;min-width:0}.site-header__brand-title{font-family:var(--font-sans);font-weight:800;font-size:1.05rem;line-height:1.2;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-header__fox{font-size:1.55rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(255,140,0,.35))}.site-header__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.theme-toggle{width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:var(--bg-elevated);cursor:pointer}.avatar-btn{width:44px;height:44px;border-radius:50%;border:none;background:var(--color-button-bg);color:var(--color-button-text);font-weight:700;cursor:pointer}.app-shell--home>*{position:relative;z-index:1}.home-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;padding-top:clamp(24px,4vw,40px);padding-bottom:32px}@media(max-width:900px){.home-grid{grid-template-columns:1fr}}.hero-card{border-radius:28px;box-shadow:var(--shadow);border:1px solid var(--border);border-left:4px solid var(--color-primary);min-height:360px;position:relative;overflow:hidden;isolation:isolate}.hero-card__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.hero-card__bg-layer{position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;background-size:cover;background-position:center right;background-repeat:no-repeat;opacity:0;transition:opacity .65s ease;animation:hero-banner-drift 28s ease-in-out infinite alternate;will-change:transform}.hero-card__bg-layer--light{background-image:url(/brand/hero-banner-light.png);opacity:1}.hero-card__bg-layer--dark{background-image:url(/brand/hero-banner-dark.png)}[data-theme=dark] .hero-card__bg-layer--light{opacity:0}[data-theme=dark] .hero-card__bg-layer--dark{opacity:1}.hero-card__bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(102deg,color-mix(in srgb,var(--color-bg-card) 94%,transparent),color-mix(in srgb,var(--color-bg-card) 82%,transparent) 38%,color-mix(in srgb,var(--color-bg-card) 42%,transparent) 62%,color-mix(in srgb,var(--color-bg-card) 8%,transparent))}[data-theme=dark] .hero-card__bg-overlay{background:linear-gradient(102deg,color-mix(in srgb,var(--color-bg) 96%,transparent),color-mix(in srgb,var(--color-bg) 88%,transparent) 36%,color-mix(in srgb,var(--color-bg) 52%,transparent) 64%,color-mix(in srgb,var(--color-bg) 12%,transparent))}@keyframes hero-banner-drift{0%{transform:scale(1.04) translateZ(0)}to{transform:scale(1.1) translate3d(-1.5%,-.8%,0)}}@media(prefers-reduced-motion:reduce){.hero-card__bg-layer{animation:none;top:0;right:0;bottom:0;left:0}}.hero-card__content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;min-height:360px;padding:clamp(28px,5vw,48px)}.hero-card__twitch-float{position:absolute;top:clamp(12px,2.5vw,24px);right:clamp(12px,2.5vw,24px);z-index:2;pointer-events:none}.twitch-glitch-icon{display:block;flex-shrink:0;overflow:visible}.twitch-glitch-icon--neon path{fill:none;stroke:var(--twitch);stroke-linejoin:miter;stroke-linecap:butt;vector-effect:non-scaling-stroke}.twitch-glitch-icon--neon .twitch-glitch-icon__glow{stroke-width:2.4px;opacity:.45;filter:blur(2.5px)}.twitch-glitch-icon--neon .twitch-glitch-icon__rim{stroke-width:1.35px;opacity:.7}.twitch-glitch-icon--neon .twitch-glitch-icon__body{stroke-width:.85px;opacity:1}.twitch-glitch-icon--hero.twitch-glitch-icon--neon{filter:drop-shadow(0 0 8px rgba(145,70,255,.9)) drop-shadow(0 0 20px rgba(145,70,255,.55))}.twitch-glitch-icon--hero.twitch-glitch-icon--neon .twitch-glitch-icon__glow{opacity:.55}.twitch-glitch-icon--badge .twitch-glitch-icon__disc{fill:var(--twitch)}.twitch-glitch-icon--badge .twitch-glitch-icon__mark{fill:#fff}.twitch-glitch-icon--catalog.twitch-glitch-icon--badge{filter:drop-shadow(0 4px 14px rgba(145,70,255,.35))}.twitch-glitch-icon--solid .twitch-glitch-icon__mark{fill:#fff}.twitch-glitch-icon--btn.twitch-glitch-icon--solid{filter:drop-shadow(0 1px 3px rgba(0,0,0,.35))}.hero-card__cta-wrap{position:relative;display:inline-flex;align-items:center;gap:6px}.btn-twitch-cta{display:inline-flex;align-items:center;gap:10px;padding-left:18px;padding-right:22px}.twitch-spark{position:relative;width:36px;height:36px;flex-shrink:0}.twitch-spark__line{position:absolute;display:block;height:3px;border-radius:0;background:var(--twitch);box-shadow:0 0 10px #9146ff8c}.twitch-spark__line--a{width:22px;top:6px;right:2px;transform:rotate(-28deg)}.twitch-spark__line--b{width:16px;top:14px;right:0;transform:rotate(12deg)}.twitch-spark__line--c{width:12px;top:22px;right:6px;transform:rotate(38deg)}.twitch-spark--hero-corner{position:absolute;top:-4px;right:-8px}.twitch-spark--hero-cta{width:32px;height:32px}.twitch-spark--hero-cta .twitch-spark__line--a{width:18px;top:4px;right:0}.twitch-spark--catalog{position:absolute;top:-6px;right:-10px;width:30px;height:30px}.hero-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.hero-chip{font-size:.85rem;color:var(--color-text-soft);padding:8px 14px;border-radius:999px;border:1px dashed var(--color-border);background:color-mix(in srgb,var(--color-bg-card) 72%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.live-pill{display:inline-block;padding:3px 8px;margin-right:8px;border-radius:6px;background:var(--twitch);color:#fff;font-size:.65rem;font-weight:800;letter-spacing:.06em;vertical-align:middle;animation:live-blink 2s ease-in-out infinite}.live-pill--hero{margin-right:10px}@keyframes live-blink{0%,to{opacity:1;box-shadow:0 0 #9146ff80}50%{opacity:.85;box-shadow:0 0 12px 2px #9146ff73}}.btn-twitch-glow:hover{box-shadow:0 8px 28px #9146ff4d,0 4px 16px #ff8c0038}.hero-card__label{font-size:.75rem;letter-spacing:.14em;font-weight:700;color:var(--color-primary);margin:0 0 12px}.hero-card__title{font-size:clamp(1.65rem,3.5vw,2.35rem);line-height:1.15;margin:0 0 16px;max-width:22ch;color:var(--color-text);text-shadow:0 1px 18px color-mix(in srgb,var(--color-bg-card) 85%,transparent)}.hero-card__text{color:var(--color-text-soft);line-height:1.6;max-width:48ch;margin:0 0 28px;text-shadow:0 1px 12px color-mix(in srgb,var(--color-bg-card) 80%,transparent)}.home-side{display:flex;flex-direction:column;gap:20px}.info-card{background:var(--bg-elevated);border-radius:24px;padding:24px;border:1px solid var(--border);box-shadow:var(--shadow)}.info-card h2{margin:0 0 12px;font-size:1.25rem}.info-card p{margin:0;color:var(--text-muted);line-height:1.55}.social-grid{display:flex;flex-direction:column;gap:10px}.social-link{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;background:var(--color-bg-warm, var(--sf-tan));color:var(--color-text);font-weight:600;font-size:.9rem;border:1px solid var(--color-border);transition:transform .15s ease,box-shadow .15s ease}.social-link__label{color:inherit}.social-link:hover{transform:translate(4px);box-shadow:0 6px 18px color-mix(in srgb,var(--color-text) 12%,transparent);color:var(--color-text)}[data-theme=dark] .social-link{background:var(--color-bg-card);color:var(--color-text);border-color:var(--color-border-strong)}[data-theme=dark] .social-link:hover{color:var(--color-text);background:color-mix(in srgb,var(--color-bg-card-tint) 55%,var(--color-bg-card))}.social-link__icon-wrap{width:40px;height:40px;border-radius:12px;overflow:hidden;flex-shrink:0;display:grid;place-items:center;box-sizing:border-box}.social-link__icon-wrap--telegram{background:transparent;padding:0;border-radius:50%;overflow:hidden}.social-link__icon-wrap--telegram .social-link__icon{width:40px;height:40px;border-radius:50%;object-fit:cover;display:block}.social-link__icon-wrap--youtube{background:#fff;padding:5px}.social-link__icon-wrap--tiktok{background:#010101;padding:5px}.social-link__icon{width:100%;height:100%;object-fit:contain;display:block;border-radius:4px}.info-card--social h2{margin-bottom:14px}.browse-page{padding:clamp(20px,3vw,32px) 0 48px}.browse-page__hero{margin-bottom:22px}.browse-page__back{display:inline-flex;align-items:center;margin-bottom:14px;font-size:.88rem;font-weight:700;color:var(--color-primary);text-decoration:none;transition:color .15s ease,transform .15s ease}.browse-page__back:hover{color:var(--color-primary-hover);transform:translate(-2px)}.browse-page__label{margin:0 0 8px;font-size:.72rem;letter-spacing:.14em;font-weight:800;color:var(--color-primary);text-transform:uppercase}.browse-page__title{margin:0;font-size:clamp(1.85rem,3.5vw,2.5rem);line-height:1.22;padding-bottom:.06em;overflow:visible}.browse-page__catalog{position:relative;padding-bottom:clamp(48px,8vw,72px)}.browse-page__twitch-mark{position:absolute;left:0;bottom:0;pointer-events:none;z-index:2}.browse-page__section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:24px 0 18px}.browse-page__section-head h2{margin:0;font-size:1.15rem;font-weight:700}.browse-page__count{font-size:.88rem;color:var(--text-muted);white-space:nowrap}.browse-page__loading{color:var(--text-muted);padding:32px 0}.category-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.category-nav__pill{display:inline-flex;align-items:center;padding:10px 18px;border-radius:999px;border:1px solid var(--color-chip-border);background:var(--color-chip-bg);color:var(--color-text-soft);font-size:.9rem;font-weight:600;transition:background .15s ease,color .15s ease,border-color .15s ease}.category-nav__pill:hover{border-color:var(--color-border-strong);color:var(--color-primary);background:color-mix(in srgb,var(--color-primary-soft) 55%,var(--color-chip-bg))}.category-nav__pill.is-active{background:var(--color-chip-active-bg);border-color:var(--color-chip-active-bg);color:var(--color-chip-active-text);box-shadow:0 4px 14px color-mix(in srgb,var(--color-primary) 35%,transparent)}.lang-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.lang-nav__pill{padding:7px 14px;border-radius:999px;border:1px solid var(--color-chip-border);background:var(--color-chip-bg);color:var(--color-text-muted);font-size:.82rem;font-weight:600;cursor:pointer}.lang-nav__pill:hover{color:var(--color-text);border-color:var(--color-border-strong)}.lang-nav__pill.is-active{background:var(--color-chip-active-bg);border-color:var(--color-chip-active-bg);color:var(--color-chip-active-text)}.video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 16px}@media(max-width:1100px){.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:780px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.video-grid{grid-template-columns:1fr}}.video-card{background:var(--bg-elevated);border-radius:12px;overflow:hidden;border:1px solid var(--border);box-shadow:0 2px 8px #1d1c190f;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.video-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px #090b1424;border-color:#d7660959}.video-card--locked .video-card__thumb{cursor:default}.video-card__thumb{aspect-ratio:16 / 9;background:linear-gradient(135deg,var(--color-bg-card-tint) 0%,var(--color-text-soft) 100%);position:relative;cursor:pointer;border-radius:12px 12px 0 0;overflow:hidden}.video-card__preview,.video-card__thumb-fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.video-card__thumb-fallback{background:linear-gradient(135deg,var(--color-bg-card-tint) 0%,var(--color-text-soft) 100%)}.video-card__tag{position:absolute;top:8px;left:8px;z-index:2;padding:3px 8px;border-radius:999px;background:#fffffff0;color:var(--sf-navy);font-size:.62rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border:1px solid rgba(13,31,63,.12)}.video-card__play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;pointer-events:none}.video-card__play:before{content:"▶";width:44px;height:44px;border-radius:50%;background:#fffffff2;color:#111;font-size:1rem;line-height:44px;text-align:center;padding-left:3px;box-shadow:0 4px 16px #00000047}.video-card__preview--loading{opacity:0}.video-card__bookmark{position:absolute;top:8px;right:8px;z-index:2;width:28px;height:28px;border-radius:8px;border:1px solid rgba(13,31,63,.12);background:#fffffff0;color:var(--sf-navy);cursor:pointer;display:grid;place-items:center;padding:0;transition:background .15s ease,color .15s ease,border-color .15s ease}.video-card__bookmark:hover{border-color:#d7660973;color:var(--sf-orange)}.video-card__bookmark.is-on{background:#f5c51838;border-color:#f5c518a6;color:var(--sf-fav)}.video-card__bookmark.is-on .bookmark-icon--filled{color:var(--sf-fav)}.video-card__body{padding:5px 8px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;min-height:0;background:var(--card-body-bg);border-top:1px solid var(--color-border)}.video-card__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.video-card__title{margin:0;font-size:.76rem;font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;color:var(--card-body-text)}.video-card__meta{margin:0;font-size:.65rem;line-height:1.15;color:var(--card-body-muted);opacity:.92}.video-card__cta{flex-shrink:0;margin:0;width:auto;max-width:46%;padding:4px 7px;border-radius:7px;border:none;background:linear-gradient(135deg,var(--color-button-bg),var(--color-primary-hover));color:var(--color-button-text);font-size:.6rem;font-weight:700;line-height:1.15;letter-spacing:.01em;white-space:nowrap;cursor:pointer;transition:filter .15s ease,transform .15s ease;box-shadow:0 2px 6px color-mix(in srgb,var(--color-primary) 35%,transparent)}.video-card__cta:hover{filter:brightness(1.06);transform:translateY(-1px)}.video-card--locked .video-card__cta{background:linear-gradient(135deg,var(--color-text-soft),var(--color-text));box-shadow:0 2px 8px color-mix(in srgb,var(--color-text) 25%,transparent)}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:28px}.empty-state{grid-column:1 / -1;text-align:center;padding:48px 20px;color:var(--text-muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0504068c;display:grid;place-items:center;z-index:100;padding:20px}.modal-card{width:min(440px,100%);background:var(--sf-cream);border-radius:24px;padding:28px;position:relative;box-shadow:var(--shadow);color:var(--sf-black)}[data-theme=dark] .modal-card{background:var(--color-bg-card);color:var(--color-text)}.modal-card__close{position:absolute;top:14px;right:14px;z-index:2;width:42px;height:42px;border-radius:50%;border:2px solid rgba(88,55,17,.25);background:var(--color-button-bg);color:var(--color-button-text);cursor:pointer;display:grid;place-items:center;box-shadow:0 4px 14px color-mix(in srgb,var(--color-primary) 40%,transparent);transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.modal-card__close:hover{transform:scale(1.06);box-shadow:0 6px 18px color-mix(in srgb,var(--color-primary) 50%,transparent);background:var(--color-primary-hover)}[data-theme=dark] .modal-card__close{border-color:#fff3}.modal-card__label{font-size:.72rem;letter-spacing:.12em;color:var(--sf-orange);font-weight:800;margin:0 0 6px}.modal-card h2{margin:0 0 20px;font-size:1.75rem}.auth-tabs{display:flex;background:color-mix(in srgb,var(--color-text) 8%,var(--color-bg-card));border-radius:999px;padding:4px;margin-bottom:22px}.auth-tabs button{flex:1;border:none;background:transparent;padding:10px;border-radius:999px;cursor:pointer;font-weight:600;color:var(--color-text-muted)}[data-theme=dark] .auth-tabs button{color:var(--color-text-soft)}.auth-tabs button.is-active{background:var(--color-button-bg);color:var(--color-button-text)}.field{margin-bottom:14px}.field label{display:block;font-size:.85rem;font-weight:600;margin-bottom:6px;color:var(--color-text-soft)}[data-theme=dark] .field label{color:var(--color-text-soft)}.field input{width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--color-border-strong);background:var(--color-bg-card);color:var(--color-text)}.field input::placeholder{color:var(--color-text-muted);opacity:1}[data-theme=dark] .field input{background:var(--color-bg-card);border-color:var(--color-border-strong);color:var(--color-text)}[data-theme=dark] .field input::placeholder{color:var(--color-text-muted)}.form-error{color:#c62828;font-size:.9rem;margin-bottom:12px}.form-success{color:var(--sf-brown);font-size:.9rem;margin-bottom:12px}.modal-card--account{width:min(520px,100%);padding:32px 34px 28px}.account-modal__title{margin:0 0 22px;padding-right:48px}.account-modal__profile{display:flex;align-items:flex-start;gap:18px;margin-bottom:22px;padding:16px 18px;border-radius:18px;background:#5837110d;border:1px solid rgba(88,55,17,.1)}[data-theme=dark] .account-modal__profile{background:#ffffff0a;border-color:#ebe3cd1a}.account-modal__avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(145deg,var(--color-button-bg),var(--color-primary-hover));color:#fff;font-size:1.5rem;font-weight:800;display:grid;place-items:center;flex-shrink:0;box-shadow:0 6px 16px #ff8c0052}.account-modal__fields{margin:0;flex:1;min-width:0;display:flex;flex-direction:column;gap:14px}.account-modal__field{margin:0}.account-modal__field dt{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-weight:700;margin-bottom:4px}.account-modal__field dd{margin:0;font-size:1rem;font-weight:600;line-height:1.35;word-break:break-word;overflow-wrap:anywhere}.account-modal__sub-box{display:grid;gap:12px;padding:16px 18px;border-radius:16px;background:#5837110f;border:1px solid rgba(88,55,17,.1);margin-bottom:22px}[data-theme=dark] .account-modal__sub-box{background:#ffffff0a;border-color:#ebe3cd1a}.account-modal__sub-box>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.account-modal__sub-label{font-size:.85rem;color:var(--text-muted)}.account-modal__sub--active{color:var(--sf-orange)}.account-modal__msg{margin:-6px 0 14px}.account-modal__actions{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}.account-action{width:100%;justify-content:center;gap:10px;font-weight:700}.account-action--favorites{background:linear-gradient(135deg,#2ecdf0,#1a9fb8);border-color:transparent;color:#fff;text-transform:uppercase;letter-spacing:.06em;font-size:.82rem;padding:14px 18px;box-shadow:0 6px 18px #2ecdf059}.account-action--favorites:hover{box-shadow:0 8px 22px #2ecdf073}.account-action--ghost{background:transparent;border-color:var(--border);color:var(--text-muted);font-weight:600}.video-modal{width:min(900px,100%);background:var(--bg-elevated);border-radius:20px;padding:20px;color:var(--text)}.video-modal video{width:100%;border-radius:12px;background:#000}.site-footer{margin-top:auto;padding:14px 0;position:relative;z-index:10;overflow:visible;background:var(--color-footer-bg)}.site-footer--compact{padding:14px 0}.site-footer__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 18px;min-height:56px;position:relative;z-index:1}.site-footer__brand{display:flex;align-items:center;gap:12px;min-height:56px;font-weight:700;font-family:var(--font-sans);letter-spacing:-.01em;font-size:.95rem}.site-footer__brand-text{line-height:1.25}.site-footer__fox-slot{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;overflow:visible}.site-footer__fox-img{display:block;width:56px;height:56px;object-fit:contain;object-position:center;border-radius:10px;transform:scale(1.28);transform-origin:center center}@media(min-width:768px){.site-footer,.site-footer--compact{padding:16px 0}.site-footer__inner{min-height:72px}.site-footer__brand{min-height:72px;gap:14px}.site-footer__fox-slot{width:72px;height:72px}.site-footer__fox-img{width:72px;height:72px;transform:scale(1.22)}}.site-footer__links{display:flex;gap:16px}.site-footer__link{font-size:.85rem;color:var(--text-muted);text-decoration:none;transition:color .15s ease}.site-footer__link:hover{color:var(--color-primary)}.site-footer__copy{margin:0;font-size:.8rem;color:var(--text-muted);width:100%;text-align:center;order:4}@media(min-width:640px){.site-footer__copy{width:auto;order:unset;text-align:left}}.legal-page{padding:clamp(20px,3vw,32px) 0 48px}.legal-page__hero{margin-bottom:20px}.legal-page__back{display:inline-flex;align-items:center;margin-bottom:12px;font-size:.88rem;font-weight:700;color:var(--color-primary);text-decoration:none;transition:color .15s ease,transform .15s ease}.legal-page__back:hover{color:var(--color-primary-hover);transform:translate(-2px)}.legal-page__title{margin:0;font-size:clamp(1.65rem,3.2vw,2.25rem);line-height:1.2;color:var(--color-text)}.legal-panel{max-width:820px;margin:0 auto;padding:clamp(24px,4vw,40px);border-radius:28px;border:1px solid color-mix(in srgb,var(--color-border) 75%,transparent);background:color-mix(in srgb,var(--color-bg-card) 72%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow)}[data-theme=dark] .legal-panel{background:color-mix(in srgb,var(--color-bg-card) 78%,transparent);border-color:color-mix(in srgb,var(--color-border-strong) 45%,transparent)}.legal-panel__status{margin:0;color:var(--color-text-muted);text-align:center}.legal-panel__status--error{color:#c62828}.legal-panel__heading{margin:1.75rem 0 .75rem;font-size:1.05rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text);line-height:1.35}.legal-panel__heading:first-child{margin-top:0}.legal-panel__subheading{margin:1.25rem 0 .5rem;font-size:.95rem;font-weight:700;color:var(--color-text-soft);line-height:1.4}.legal-panel__paragraph{margin:0 0 1rem;font-size:.92rem;line-height:1.65;color:var(--color-text-soft);white-space:pre-line}