/*!
 * LokiFlux Design System Tokens — Apple Design Standards
 *
 * Layered architecture:
 * 1. Primitives (OKLCH color scales, space, typography, shadows, radii)
 * 2. Semantics (theme-aware functional mappings)
 * 3. Theme Tiers (Light & Dark for both consumer web and admin)
 * 4. Typography Matrix (Font size, line height, letter spacing functions)
 * 5. Motion Tokens (Spring design promises & transition curves)
 */
:root{--primitive-brand-from:oklch(63% .16 209);--primitive-brand-mid:oklch(56% .13 183);--primitive-brand-to:oklch(45% .08 239);--primitive-brand-sun:oklch(78% .14 74);--primitive-brand-cyan:oklch(68% .12 186);--primitive-success:oklch(63% .13 162);--primitive-warning:oklch(74% .15 75);--primitive-danger:oklch(59% .18 25);--primitive-info:oklch(62% .14 228);--space-0-5:.125rem;--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-2-5:.625rem;--space-3:.75rem;--space-3-5:.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--radius-2xl:36px;--radius-full:9999px;--shadow-ambient-sm:0 2px 8px #0000000a;--shadow-key-sm:0 1px 2px #0000000f;--shadow-ambient-md:0 8px 24px #00000014;--shadow-key-md:0 2px 6px #0000000a;--shadow-ambient-lg:0 20px 48px #0000001f;--shadow-key-lg:0 4px 12px #0000000f;--glow-blue:0 22px 50px oklch(55% .12 214/.18);--glow-cyan:0 18px 42px oklch(68% .12 186/.18);--text-xs:clamp(.7rem, .65rem + .2vw, .75rem);--leading-xs:1.4;--tracking-xs:.02em;--text-sm:clamp(.8rem, .76rem + .2vw, .875rem);--leading-sm:1.45;--tracking-sm:.01em;--text-base:clamp(.95rem, .91rem + .25vw, 1.05rem);--leading-base:1.55;--tracking-base:0em;--text-lg:clamp(1.15rem, 1.08rem + .4vw, 1.3rem);--leading-lg:1.35;--tracking-lg:-.01em;--text-xl:clamp(1.4rem, 1.28rem + .6vw, 1.75rem);--leading-xl:1.22;--tracking-xl:-.018em;--text-2xl:clamp(1.85rem, 1.6rem + 1.2vw, 2.5rem);--leading-2xl:1.12;--tracking-2xl:-.028em;--text-display:clamp(2.4rem, 2rem + 2.4vw, 4.2rem);--leading-display:1.02;--tracking-display:-.038em;--leading-prose:1.75;--spring-ui:1 / .35;--spring-sheet:.8 / .3;--spring-flick:.8 / .35;--spring-rotate:.8 / .4;--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-out-quint:cubic-bezier(.22, 1, .36, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-out-soft:cubic-bezier(.65, 0, .35, 1);--motion-instant:.14s;--motion-fast:.22s;--motion-medium:.32s;--motion-slow:.64s}:root,html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand-from:var(--primitive-brand-from);--brand-mid:var(--primitive-brand-mid);--brand-to:var(--primitive-brand-to);--brand-sun:var(--primitive-brand-sun);--brand-grad:linear-gradient(132deg, oklch(67% .16 205) 0%, oklch(58% .15 184) 34%, oklch(47% .08 238) 100%);--bg-base:oklch(97.5% .008 220);--bg-surface:oklch(99% .008 220);--bg-elevated:oklch(95.8% .012 218);--bg-border:oklch(74% .02 220/.28);--text-primary:oklch(25% .03 232);--text-secondary:oklch(47% .025 228);--text-muted:oklch(61% .018 225);--success:var(--primitive-success);--warning:var(--primitive-warning);--danger:var(--primitive-danger);--info:var(--primitive-info);--surface-strong:oklch(98.8% .008 220/.98);--surface-soft:oklch(99.2% .008 220/.82);--chip-bg:oklch(67% .11 202/.1);--chip-border:oklch(60% .09 205/.22);--focus-ring:oklch(72% .11 202/.26);--panel-shadow:0 26px 64px oklch(32% .03 232/.12);--scroll-edge-bg:#ffffffc7;--scroll-edge-border:#1e212d1a;--scroll-edge-shadow:0 12px 32px #1e212d14;--admin-bg:#efe7d8;--admin-bg-deep:#e4d9c6;--admin-surface:#fbf7f0b8;--admin-surface-strong:#f7f1e8db;--admin-panel:#fffbf4a6;--admin-ink:#251d17;--admin-muted:#605449;--admin-muted-strong:#40362d;--admin-line:#45322226;--admin-line-strong:#8b3d2f33;--admin-accent:#8b3d2f;--admin-accent-strong:#6f2f22;--admin-accent-soft:#8b3d2f17;--admin-forest:#29524a;--admin-forest-soft:#29524a17;--admin-success:#2d6c51;--admin-warning:#9d611e;--admin-danger:#a1443a;--admin-shadow:0 22px 52px #58402a1a}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brand-from:oklch(68% .18 209);--brand-mid:oklch(62% .16 183);--brand-to:oklch(55% .12 239);--brand-sun:oklch(82% .15 74);--brand-grad:linear-gradient(132deg, oklch(72% .18 205) 0%, oklch(64% .16 184) 34%, oklch(55% .12 238) 100%);--bg-base:oklch(12% .015 240);--bg-surface:oklch(16% .018 240);--bg-elevated:oklch(20% .022 240);--bg-border:oklch(32% .02 240/.42);--text-primary:oklch(95% .01 230);--text-secondary:oklch(78% .02 230);--text-muted:oklch(58% .018 230);--success:oklch(70% .15 162);--warning:oklch(80% .16 75);--danger:oklch(68% .2 25);--info:oklch(70% .15 228);--surface-strong:oklch(18% .018 240/.96);--surface-soft:oklch(16% .018 240/.82);--chip-bg:oklch(68% .14 202/.16);--chip-border:oklch(68% .14 202/.32);--focus-ring:oklch(75% .14 202/.4);--panel-shadow:0 26px 64px #0000007a;--scroll-edge-bg:#10121ad1;--scroll-edge-border:#ffffff1a;--scroll-edge-shadow:0 16px 40px #00000073;--admin-bg:#181412;--admin-bg-deep:#110e0c;--admin-surface:#241e1ac7;--admin-surface-strong:#2e2621e6;--admin-panel:#1e1916b8;--admin-ink:#f0eae2;--admin-muted:#aba094;--admin-muted-strong:#d5cac0;--admin-line:#ffebd71f;--admin-line-strong:#db786652;--admin-accent:#db7866;--admin-accent-strong:#f29685;--admin-accent-soft:#db78662e;--admin-forest:#4e8c7f;--admin-forest-soft:#4e8c7f2e;--admin-success:#429270;--admin-warning:#cca050;--admin-danger:#d96256;--admin-shadow:0 22px 52px #00000073}html:lang(zh),html:lang(ja),html:lang(ko){--leading-xs:1.5;--leading-sm:1.55;--leading-base:1.65;--leading-lg:1.45;--leading-xl:1.35;--leading-2xl:1.25;--leading-display:1.15;--leading-prose:1.85;--tracking-display:-.01em;--tracking-2xl:-.01em}html:lang(fa){--leading-xs:1.6;--leading-sm:1.65;--leading-base:1.8;--leading-lg:1.5;--leading-xl:1.4;--leading-2xl:1.3;--leading-display:1.2;--leading-prose:1.95;--tracking-display:0em;--tracking-2xl:0em;--tracking-xl:0em;--tracking-lg:0em}html:lang(ru){--leading-sm:1.5;--leading-base:1.62;--leading-lg:1.42;--leading-prose:1.8}@media (prefers-reduced-motion:reduce){:root{--motion-instant:0s;--motion-fast:.15s;--motion-medium:.15s;--motion-slow:.2s}}@media (prefers-reduced-transparency:reduce){:root,html[data-theme=light]{--scroll-edge-bg:#fff;--surface-strong:#fff;--surface-soft:#f4f5f8;--admin-surface:#fbf7f0;--admin-surface-strong:#f7f1e8;--admin-panel:#fffbf4}html[data-theme=dark]{--scroll-edge-bg:#12141c;--surface-strong:#161822;--surface-soft:#1a1d28;--admin-surface:#241e1a;--admin-surface-strong:#2e2621;--admin-panel:#1e1916}.liquid-glass,.liquid-glass-menu,.liquid-glass-chip,.liquid-glass--modal,.site-header,.admin-header,.mobile-drawer-panel{-webkit-backdrop-filter:none!important}html[data-theme=light] .liquid-glass,html[data-theme=light] .site-header,html[data-theme=light] .liquid-glass-menu,html[data-theme=light] .mobile-drawer-panel{background:#fff!important;border-color:#0003!important}html[data-theme=dark] .liquid-glass,html[data-theme=dark] .site-header,html[data-theme=dark] .liquid-glass-menu,html[data-theme=dark] .mobile-drawer-panel{background:#141722!important;border-color:#fff3!important}html[data-theme=light] .admin-header,html[data-theme=light] .admin-panel,html[data-theme=light] .login-intro,html[data-theme=light] .login-card{background:#fbf7f0!important}html[data-theme=dark] .admin-header,html[data-theme=dark] .admin-panel,html[data-theme=dark] .login-intro,html[data-theme=dark] .login-card{background:#1e1916!important}}@media (prefers-contrast:more){:root,html[data-theme=light]{--bg-border:#000000d9;--glass-border:#000000d9;--chip-border:#000000d9;--admin-line:#000000d9;--text-primary:#000;--text-secondary:#1a1a1a;--text-muted:#333}html[data-theme=dark]{--bg-border:#ffffffd9;--glass-border:#ffffffd9;--chip-border:#ffffffd9;--admin-line:#ffffffd9;--text-primary:#fff;--text-secondary:#f0f0f0;--text-muted:#d0d0d0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:2px!important;outline:3px solid!important}}button,[role=button],a.brand-cta,a.btn-primary,a.btn-ghost,.liquid-glass-chip,.plan-card,.article-card,.node-card{transform-origin:50%;touch-action:manipulation;transition:transform .32s var(--ease-out-quint), filter .22s var(--ease-out-quint), box-shadow .22s var(--ease-out-quint)}button:active:not(:disabled),[role=button]:active:not([aria-disabled=true]),a.brand-cta:active,a.btn-primary:active,a.btn-ghost:active,.liquid-glass-chip:active,.plan-card:active{filter:brightness(.95);transition:transform 80ms cubic-bezier(.1,.9,.2,1),filter 80ms ease-out!important;transform:scale(.97)!important}@media (prefers-reduced-motion:reduce){button,[role=button],a.brand-cta,a.btn-primary,a.btn-ghost,.liquid-glass-chip,.plan-card,.article-card,.node-card{transition:none!important}button:active:not(:disabled),[role=button]:active:not([aria-disabled=true]),a.brand-cta:active,a.btn-primary:active,a.btn-ghost:active,.liquid-glass-chip:active,.plan-card:active{filter:brightness(.92);transform:none!important}}[data-motion=fade-up]{opacity:0;will-change:transform, opacity;transform:translateY(24px)}[data-motion=scale-in]{opacity:0;will-change:transform, opacity;transform:scale(.92)}@media (prefers-reduced-motion:reduce){[data-motion=fade-up],[data-motion=scale-in]{opacity:1!important;will-change:auto!important;transform:none!important}}html.theme-transition,html.theme-transition *,html.theme-transition :before,html.theme-transition :after{transition:background-color .3s cubic-bezier(.16,1,.3,1),border-color .3s cubic-bezier(.16,1,.3,1),color .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1)!important}@media (prefers-reduced-motion:reduce){html.theme-transition,html.theme-transition *,html.theme-transition :before,html.theme-transition :after{transition:none!important}}html[dir=rtl]{text-align:start}:root{--glass-radius:12px;--glass-radius-lg:20px;--glass-radius-full:9999px;--glass-duration:.18s;--glass-ease:cubic-bezier(.16, 1, .3, 1)}:root,html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--glass-tint-top:#ffffff0f;--glass-tint-bottom:#b3b3b30f;--glass-tint-top-hover:#ffffff1c;--glass-tint-bottom-hover:#b3b3b31c;--glass-rim-top:#ffffff8c;--glass-rim-hairline:#ffffff1f;--glass-rim-bottom:#ffffff0f;--glass-border:#1e212d1f;--glass-shadow:0 10px 30px #1e212d1a;--glass-menu-surface:#f6f7f9;--glass-menu-shadow:0 12px 32px #14161e24, 0 4px 10px #14161e12;--glass-modal-tint:#ffffff70;--glass-scrim:#14161e59;--glass-page-bg:#e8eaef;--glass-page-fg:#2b2f3a;--glass-mesh-violet:#8b5cf633;--glass-mesh-pink:#ec489929;--glass-mesh-cyan:#06b6d424;--glass-mesh-corner-top:#4f46e50d;--glass-mesh-corner-bottom:#4338ca0f}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--glass-tint-top:#ffffff0f;--glass-tint-bottom:#b3b3b30f;--glass-tint-top-hover:#ffffff1c;--glass-tint-bottom-hover:#b3b3b31c;--glass-rim-top:#ffffff80;--glass-rim-hairline:#ffffff1a;--glass-rim-bottom:#ffffff0f;--glass-border:#ffffff14;--glass-shadow:0 18px 40px #00000059;--glass-menu-surface:#16161b;--glass-menu-shadow:0 16px 40px #0000008c, 0 4px 12px #00000059;--glass-modal-tint:#0000004d;--glass-scrim:#0000008c;--glass-page-bg:#0a0a0c;--glass-page-fg:#ededf0;--glass-mesh-violet:#8b5cf642;--glass-mesh-pink:#ec489933;--glass-mesh-cyan:#06b6d42e;--glass-mesh-corner-top:#6366f124;--glass-mesh-corner-bottom:#4f46e54d}.liquid-glass-backdrop{isolation:isolate;position:relative}.liquid-glass{border:1px solid var(--glass-border);border-radius:var(--glass-radius);background:linear-gradient(180deg, var(--glass-tint-top), var(--glass-tint-bottom));box-shadow:var(--glass-shadow), inset 0 1px 0 var(--glass-rim-top), inset 0 0 0 1px var(--glass-rim-hairline), inset 0 -1px 0 var(--glass-rim-bottom);-webkit-backdrop-filter:blur(3px)saturate(125%);position:relative}.liquid-glass--hover{transition:transform var(--glass-duration) var(--glass-ease), box-shadow var(--glass-duration) var(--glass-ease), background var(--glass-duration) var(--glass-ease)}.liquid-glass--hover:hover{background:linear-gradient(180deg, var(--glass-tint-top-hover), var(--glass-tint-bottom-hover));transform:translateY(-2px)}.liquid-glass-chip{border:1px solid var(--glass-border);border-radius:var(--glass-radius-full);background:linear-gradient(180deg, var(--glass-tint-top), var(--glass-tint-bottom));box-shadow:inset 0 1px 0 var(--glass-rim-top);-webkit-backdrop-filter:blur(6px)saturate(125%);align-items:center;gap:.35rem;padding:.22rem .6rem;display:inline-flex}.liquid-glass-menu{background:color-mix(in srgb, var(--glass-menu-surface) 55%, transparent);border:1px solid var(--glass-border);border-radius:var(--glass-radius);box-shadow:var(--glass-menu-shadow), inset 0 1px 0 var(--glass-rim-top);-webkit-backdrop-filter:blur(22px)saturate(140%)}.liquid-glass--modal{border-radius:var(--glass-radius-lg);background:linear-gradient(180deg, var(--glass-modal-tint), var(--glass-modal-tint)), linear-gradient(180deg, var(--glass-tint-top), var(--glass-tint-bottom))}.liquid-glass-scrim{background:var(--glass-scrim);-webkit-backdrop-filter:blur(2px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.liquid-glass .liquid-glass-chip,.liquid-glass-menu .liquid-glass-chip,.liquid-glass--modal .liquid-glass-chip,.site-header .liquid-glass-chip{-webkit-backdrop-filter:none;background:color-mix(in srgb, currentColor 8%, transparent)}.liquid-glass,.liquid-glass-menu,.liquid-glass--modal{color:var(--text-primary,inherit);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}.liquid-glass h1,.liquid-glass h2,.liquid-glass h3,.liquid-glass h4,.liquid-glass-menu h1,.liquid-glass-menu h2,.liquid-glass-menu h3{letter-spacing:-.02em;font-weight:700}@keyframes glass-materialize{0%{opacity:0;-webkit-backdrop-filter:blur()saturate();transform:scale(.95)}to{opacity:1;-webkit-backdrop-filter:blur(22px)saturate(140%);transform:scale(1)}}.liquid-glass-materialize{animation:.32s cubic-bezier(.16,1,.3,1) forwards glass-materialize}@media (prefers-reduced-motion:reduce){.liquid-glass--hover{transition-duration:.01ms}.liquid-glass--hover:hover{transform:none}.liquid-glass-materialize{animation:none}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.liquid-glass-menu,.liquid-glass-menu.liquid-glass-chip,.liquid-glass--modal,.site-header,.mobile-drawer-panel{background:var(--glass-menu-surface)}}