@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600&family=IBM+Plex+Mono:wght@400;500&family=Noto+Serif+SC:wght@400;600;700&family=Public+Sans:wght@400;500;600&display=swap";:root{--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 72px;--font-body: "Public Sans", system-ui, sans-serif;--font-display: "Cormorant Garamond", "Times New Roman", serif;--font-serif: "Cormorant Garamond", Georgia, serif;--font-mono: "IBM Plex Mono", "SF Mono", "Fira Code", monospace;--font-cn-serif: "Noto Serif SC", "Source Han Serif SC", "STSong", serif;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 32px;--text-4xl: 40px;--text-xs-fluid: clamp(11px, .3vw + 10px, 12px);--text-sm-fluid: clamp(13px, .4vw + 11px, 14px);--text-base-fluid: clamp(15px, .5vw + 13px, 18px);--text-lg-fluid: clamp(18px, .6vw + 15px, 22px);--text-xl-fluid: clamp(22px, .8vw + 18px, 28px);--text-2xl-fluid: clamp(28px, 1vw + 22px, 36px);--reading-line-height: 1.6;--reading-max-width: 65ch;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 999px;--transition-fast: .1s ease;--transition-base: .15s ease;--transition-slow: .3s ease;--transition-entrance: .24s cubic-bezier(0, 0, .3, 1);--transition-exit: 95ms cubic-bezier(.2, 0, 1, .9);--duration-fast-01: 70ms;--duration-fast-02: .11s;--duration-moderate-01: .15s;--duration-moderate-02: .24s;--duration-slow-01: .4s;--duration-slow-02: .7s;--tracking-display: .03em;--tracking-body: -.01em;--tracking-caption: .06em;--container-sm: 480px;--container-md: 640px;--container-lg: 960px;--container-xl: 1200px;--z-nav: 100;--z-modal-backdrop: 1000;--z-modal: 1100;--z-toast: 10000;--pnav-height: 52px;--cr-toolbar-height: 35px}[data-theme=light]{--bg: #f7f6f3;--surface: #ffffff;--panel: #efede8;--text-primary: #1c1b1f;--text-secondary: #4a4750;--text-muted: #6a6670;--accent: #6d4cff;--accent-rgb: 109, 76, 255;--accent-strong: #5a3df0;--border: #e3dde9;--shadow: rgba(20, 16, 30, .08);--nav-bg: rgba(247, 246, 243, .9);--nav-border: rgba(28, 27, 31, .08);--nav-dropdown-bg: #ffffff;--nav-dropdown-border: #e3dde9;--nav-dropdown-hover: #efede8;--primary-color: #6d4cff;--primary-gradient: linear-gradient(45deg, #6d4cff, #8f7bff);--bg-primary: var(--bg);--bg-secondary: var(--surface);--bg-tertiary: var(--panel);--accent-hover: var(--accent-strong);--danger: #dc2626;--danger-rgb: 220, 38, 38;--success: #16a34a;--success-rgb: 22, 163, 74;--warning: #d97706;--warning-rgb: 217, 119, 6;--accent-tint: rgba(109, 76, 255, .06);--accent-tint-hover: rgba(109, 76, 255, .1)}[data-theme=dark]{--bg: #0f1014;--surface: #171a24;--panel: #1e2230;--text-primary: #f3f1ff;--text-secondary: #c6c0d6;--text-muted: #9b96b0;--accent: #9b7bff;--accent-rgb: 155, 123, 255;--accent-strong: #b39bff;--border: #2b2f43;--shadow: rgba(0, 0, 0, .4);--nav-bg: rgba(15, 16, 20, .88);--nav-border: rgba(255, 255, 255, .08);--nav-dropdown-bg: #171a24;--nav-dropdown-border: #2b2f43;--nav-dropdown-hover: #1e2230;--primary-color: #9b7bff;--primary-gradient: linear-gradient(45deg, #9b7bff, #c2b1ff);--bg-primary: var(--bg);--bg-secondary: var(--surface);--bg-tertiary: var(--panel);--accent-hover: var(--accent-strong);--danger: #ef4444;--danger-rgb: 239, 68, 68;--success: #22c55e;--success-rgb: 34, 197, 94;--warning: #fbbf24;--warning-rgb: 251, 191, 36;--accent-tint: rgba(109, 76, 255, .08);--accent-tint-hover: rgba(109, 76, 255, .12)}[data-theme=blue-dark]{--bg: #0a0f1f;--surface: #141c33;--panel: #1c2947;--text-primary: #eaf2ff;--text-secondary: #b8c7e0;--text-muted: #7a8ba8;--accent: #4a9eff;--accent-strong: #6db5ff;--border: #2a3a5f;--shadow: rgba(0, 0, 0, .4);--nav-bg: rgba(10, 15, 31, .88);--nav-border: rgba(255, 255, 255, .08);--nav-dropdown-bg: #141c33;--nav-dropdown-border: #2a3a5f;--nav-dropdown-hover: #1c2947;--primary-color: #4a9eff;--primary-gradient: linear-gradient(45deg, #4a9eff, #6db5ff);--bg-primary: var(--bg);--bg-secondary: var(--surface);--bg-tertiary: var(--panel);--accent-hover: var(--accent-strong);--danger: #ef4444;--danger-rgb: 239, 68, 68;--success: #22c55e;--success-rgb: 34, 197, 94;--warning: #fbbf24;--warning-rgb: 251, 191, 36;--accent-tint: rgba(74, 158, 255, .08);--accent-tint-hover: rgba(74, 158, 255, .12)}[data-theme=blue-light]{--bg: #f4f8fd;--surface: #ffffff;--panel: #e8f0fa;--text-primary: #0d1a2d;--text-secondary: #3a4a63;--text-muted: #566476;--accent: #2563eb;--accent-strong: #1d4ed8;--border: #d0dae8;--shadow: rgba(13, 26, 45, .08);--nav-bg: rgba(244, 248, 253, .9);--nav-border: rgba(13, 26, 45, .08);--nav-dropdown-bg: #ffffff;--nav-dropdown-border: #d0dae8;--nav-dropdown-hover: #e8f0fa;--primary-color: #2563eb;--primary-gradient: linear-gradient(45deg, #2563eb, #4a9eff);--bg-primary: var(--bg);--bg-secondary: var(--surface);--bg-tertiary: var(--panel);--accent-hover: var(--accent-strong);--danger: #dc2626;--danger-rgb: 220, 38, 38;--success: #16a34a;--success-rgb: 22, 163, 74;--warning: #d97706;--warning-rgb: 217, 119, 6;--accent-tint: rgba(37, 99, 235, .06);--accent-tint-hover: rgba(37, 99, 235, .1)}[data-theme=warm-cream-light]{--bg: #F5EFE6;--surface: #FBF7F0;--panel: #EFE6D8;--text-primary: #2A1F1A;--text-secondary: #5C4D44;--text-muted: #8A7B72;--accent: #7B3F8E;--accent-rgb: 123, 63, 142;--accent-strong: #65307A;--border: #E0D5C8;--shadow: rgba(80, 60, 40, .08);--nav-bg: rgba(245, 239, 230, .92);--nav-border: rgba(42, 31, 26, .08);--nav-dropdown-bg: #FBF7F0;--nav-dropdown-border: #E0D5C8;--nav-dropdown-hover: #EFE6D8;--primary-color: #7B3F8E;--primary-gradient: linear-gradient(45deg, #7B3F8E, #9A56AF);--bg-primary: var(--bg);--bg-secondary: var(--surface);--bg-tertiary: var(--panel);--accent-hover: var(--accent-strong);--danger: #B83A30;--danger-rgb: 184, 58, 48;--success: #4A8550;--success-rgb: 74, 133, 80;--warning: #C77B2F;--warning-rgb: 199, 123, 47;--accent-tint: rgba(123, 63, 142, .06);--accent-tint-hover: rgba(123, 63, 142, .1);--shadow-hover: rgba(80, 60, 40, .14)}[data-theme=warm-cream-dark]{--bg: #1A1410;--surface: #241D17;--panel: #2F261E;--text-primary: #F0E6D8;--text-secondary: #C7B8A6;--text-muted: #8E806F;--accent: #9A56AF;--accent-rgb: 154, 86, 175;--accent-strong: #B069C4;--border: #3D3024;--shadow: rgba(0, 0, 0, .5);--nav-bg: rgba(26, 20, 16, .92);--nav-border: rgba(240, 230, 216, .1);--nav-dropdown-bg: #241D17;--nav-dropdown-border: #3D3024;--nav-dropdown-hover: #2F261E;--primary-color: #9A56AF;--primary-gradient: linear-gradient(45deg, #9A56AF, #B069C4);--bg-primary: var(--bg);--bg-secondary: var(--surface);--bg-tertiary: var(--panel);--accent-hover: var(--accent-strong);--danger: #E15A4F;--danger-rgb: 225, 90, 79;--success: #6BAE71;--success-rgb: 107, 174, 113;--warning: #E09548;--warning-rgb: 224, 149, 72;--accent-tint: rgba(154, 86, 175, .08);--accent-tint-hover: rgba(154, 86, 175, .14);--shadow-hover: rgba(0, 0, 0, .55)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:active:not(:disabled),.btn:active:not(:disabled),[role=button]:active:not(:disabled){transform:scale(.97);opacity:.85;transition:transform 50ms ease-out,opacity 50ms ease-out}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms;scroll-behavior:auto}}.state-loading{opacity:.6;pointer-events:none;position:relative}.state-loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:state-spin .6s linear infinite}@keyframes state-spin{to{transform:rotate(360deg)}}.state-error{border-color:var(--danger);background-color:rgba(var(--danger-rgb),.05)}.state-success{border-color:var(--success);background-color:rgba(var(--success-rgb),.05)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-md);text-align:center;min-height:200px}.empty-state-icon{font-size:48px;opacity:.3;margin-bottom:var(--space-md)}.empty-state-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.empty-state-desc{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-lg);max-width:320px}.empty-state-cta{padding:10px 24px;border-radius:999px;background:var(--accent);color:#fff;font-weight:600;border:none;cursor:pointer;transition:opacity var(--transition-fast)}.empty-state-cta:hover{opacity:.85}.reaction-btn{transition:color var(--duration-fast-01, 70ms) ease,background-color var(--duration-fast-01, 70ms) ease}.reaction-btn.is-liked{color:var(--accent)}@keyframes like-bounce{0%{transform:scale(1)}30%{transform:scale(1.25)}to{transform:scale(1)}}.reaction-btn.just-liked{animation:like-bounce .3s ease-out}.input-error-text{font-size:12px;color:var(--danger);margin-top:4px;display:none}.input-error-text.visible{display:block}input.has-error,textarea.has-error{border-color:var(--danger)}input:hover:not(:focus):not(:disabled):not(.has-error),textarea:hover:not(:focus):not(:disabled):not(.has-error){border-color:var(--accent-tint-hover, rgba(109, 76, 255, .3))}.initially-hidden{display:none!important}:root{--cr-sidebar-w-pinned: 248px}[data-theme=light]{--shadow-hover: rgba(20, 16, 30, .14)}[data-theme=dark]{--shadow-hover: rgba(0, 0, 0, .55)}[data-theme=blue-light]{--shadow-hover: rgba(13, 26, 45, .14)}[data-theme=blue-dark]{--shadow-hover: rgba(0, 0, 0, .55)}[data-theme=light]{--accent: #7b5fc7;--accent-rgb: 123, 95, 199;--primary-color: #7b5fc7}[data-theme=blue-dark]{--accent: #9b7bff;--accent-rgb: 155, 123, 255;--primary-color: #9b7bff}[data-theme=blue-light]{--accent: #7b5fc7;--accent-rgb: 123, 95, 199;--primary-color: #7b5fc7}[data-theme=lychee]{--accent: #7fb3e6;--accent-rgb: 127, 179, 230;--primary-color: #7fb3e6}[data-theme=celadon]{--accent: #3d5c47;--accent-rgb: 61, 92, 71;--primary-color: #3d5c47}[data-theme=porcelain]{--accent: #4a6dc4;--accent-rgb: 74, 109, 196;--primary-color: #4a6dc4}[data-theme=brioche]{--accent: #5a6b6e;--accent-rgb: 90, 107, 110;--primary-color: #5a6b6e}[data-theme=lily-flame]{--accent: #3d8a6a;--accent-rgb: 61, 138, 106;--primary-color: #3d8a6a}[data-theme=voyage]{--accent: #5a8ed9;--accent-rgb: 90, 142, 217;--primary-color: #5a8ed9}[data-theme=dark]{--sw-track-bg: rgba(255, 255, 255, .08);--sw-track-border: rgba(255, 255, 255, .12);--sw-knob-bg: #ffffff;--sw-knob-shadow: rgba(0, 0, 0, .3);--sw-knob-highlight: rgba(255, 255, 255, .9);--sw-glow-color: rgba(240, 147, 251, .5);--sw-icon-inactive: rgba(255, 255, 255, .25);--sw-icon-active: rgba(255, 255, 255, .8)}[data-theme=light]{--sw-track-bg: rgba(0, 0, 0, .1);--sw-track-border: rgba(0, 0, 0, .18);--sw-knob-bg: #ffffff;--sw-knob-shadow: rgba(0, 0, 0, .15);--sw-knob-highlight: rgba(255, 255, 255, 1);--sw-glow-color: rgba(245, 87, 108, .4);--sw-icon-inactive: rgba(0, 0, 0, .35);--sw-icon-active: rgba(0, 0, 0, .8)}[data-theme=blue-dark]{--sw-track-bg: rgba(255, 255, 255, .08);--sw-track-border: rgba(255, 255, 255, .12);--sw-knob-bg: #ffffff;--sw-knob-shadow: rgba(0, 0, 0, .3);--sw-knob-highlight: rgba(255, 255, 255, .9);--sw-glow-color: rgba(74, 158, 255, .5);--sw-icon-inactive: rgba(255, 255, 255, .25);--sw-icon-active: rgba(255, 255, 255, .8)}[data-theme=blue-light]{--sw-track-bg: rgba(0, 0, 0, .1);--sw-track-border: rgba(0, 0, 0, .18);--sw-knob-bg: #ffffff;--sw-knob-shadow: rgba(0, 0, 0, .15);--sw-knob-highlight: rgba(255, 255, 255, 1);--sw-glow-color: rgba(46, 111, 224, .4);--sw-icon-inactive: rgba(0, 0, 0, .35);--sw-icon-active: rgba(0, 0, 0, .8)}.theme-switch{position:relative;display:inline-flex;align-items:center;justify-content:center;width:72px;height:36px;padding:0;border:none;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;overflow:hidden;flex-shrink:0}.theme-switch__track{position:relative;width:72px;height:36px;border-radius:999px;background:var(--sw-track-bg);border:1px solid var(--sw-track-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 2px 4px #00000026;transition:background .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center}.theme-switch:hover .theme-switch__track{border-color:#f093fb4d;box-shadow:inset 0 2px 4px #00000026,0 0 12px #f093fb26}[data-theme=blue-dark] .theme-switch:hover .theme-switch__track,[data-theme=blue-light] .theme-switch:hover .theme-switch__track{border-color:#4a9eff4d;box-shadow:inset 0 2px 4px #00000026,0 0 12px #4a9eff26}.theme-switch:focus-visible .theme-switch__track{outline:2px solid var(--primary-color, #f093fb);outline-offset:2px}.theme-switch__icons{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:0 10px;pointer-events:none;z-index:1}.theme-switch__icon{width:14px;height:14px;transition:opacity .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1)}.theme-switch__icon--sun{color:#0000008c}.theme-switch__icon--moon,[data-theme=light] .theme-switch__icon--sun,[data-theme=blue-light] .theme-switch__icon--sun{color:var(--sw-icon-active)}[data-theme=light] .theme-switch__icon--moon,[data-theme=blue-light] .theme-switch__icon--moon{color:#00000073}.theme-switch__knob{position:absolute;left:4px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:var(--sw-knob-bg);box-shadow:0 2px 8px var(--sw-knob-shadow),inset 0 1px 0 var(--sw-knob-highlight);transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}[data-theme=light] .theme-switch__knob,[data-theme=blue-light] .theme-switch__knob{transform:translate(36px) translateY(-50%)}.theme-switch:active .theme-switch__knob{width:32px;border-radius:14px;transform:translateY(-50%)}[data-theme=light] .theme-switch:active .theme-switch__knob,[data-theme=blue-light] .theme-switch:active .theme-switch__knob{transform:translate(36px) translateY(-50%)}.theme-switch__knob-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:8px;border-radius:50%;background:var(--sw-glow-color);filter:blur(6px);opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.theme-switch:hover .theme-switch__knob-glow{opacity:1}@media(prefers-reduced-motion:reduce){.theme-switch,.theme-switch__track,.theme-switch__icon,.theme-switch__knob,.theme-switch__knob-glow{transition-duration:.01ms!important}}@media(prefers-contrast:high){.theme-switch__track{border-width:2px}}:root{--pnav-bg: rgba(23, 23, 35, .95);--pnav-border: rgba(255, 255, 255, .06);--pnav-text: rgba(255, 255, 255, .7);--pnav-text-hover: #ffffff;--pnav-text-active: #ffffff;--pnav-accent: var(--primary-color, #f093fb);--pnav-badge-bg: var(--danger, #ef4444);--pnav-badge-text: #ffffff;--pnav-dropdown-bg: rgba(26, 26, 46, .97);--pnav-dropdown-border: rgba(255, 255, 255, .1);--pnav-dropdown-hover: rgba(255, 255, 255, .06);--pnav-height: 52px;--pnav-shadow: rgba(0, 0, 0, .35);--pnav-avatar-gradient: linear-gradient(135deg, #667eea, #764ba2);--pnav-logout-hover: #f87171;--pnav-login-hover-shadow: rgba(240, 147, 251, .25);--pnav-auth-overlay: rgba(0, 0, 0, .5);--pnav-strength-bar-bg: rgba(128, 128, 128, .2);--pnav-divider-color: rgba(255, 255, 255, .1);--pnav-hover-shadow: 0 1px 4px rgba(0, 0, 0, .08);--pnav-notif-surface: rgba(255, 255, 255, .04);--pnav-active-bg: rgba(240, 147, 251, .14);--pnav-active-border: rgba(240, 147, 251, .35)}[data-theme=light]{--pnav-bg: rgba(255, 255, 255, .95);--pnav-border: rgba(0, 0, 0, .08);--pnav-text: rgba(0, 0, 0, .65);--pnav-text-hover: rgba(0, 0, 0, .9);--pnav-text-active: rgba(0, 0, 0, .95);--pnav-accent: #d946ef;--pnav-dropdown-bg: rgba(255, 255, 255, .97);--pnav-dropdown-border: rgba(0, 0, 0, .1);--pnav-dropdown-hover: rgba(0, 0, 0, .06);--pnav-notif-bg: rgba(0, 0, 0, .05);--pnav-divider-color: rgba(0, 0, 0, .1);--pnav-notif-surface: rgba(0, 0, 0, .05);--pnav-active-bg: rgba(217, 70, 239, .14);--pnav-active-border: rgba(217, 70, 239, .35)}[data-theme=blue-dark]{--pnav-bg: rgba(10, 15, 31, .95);--pnav-border: rgba(255, 255, 255, .06);--pnav-text: rgba(255, 255, 255, .7);--pnav-text-hover: #ffffff;--pnav-text-active: #ffffff;--pnav-accent: #00d9ff;--pnav-dropdown-bg: rgba(20, 28, 51, .97);--pnav-dropdown-border: rgba(255, 255, 255, .1);--pnav-dropdown-hover: rgba(255, 255, 255, .06);--pnav-login-hover-shadow: rgba(0, 217, 255, .25);--pnav-shadow: rgba(0, 0, 0, .35);--pnav-divider-color: rgba(255, 255, 255, .12);--pnav-hover-shadow: 0 1px 4px rgba(0, 0, 0, .15);--pnav-notif-surface: rgba(255, 255, 255, .04);--pnav-active-bg: rgba(0, 217, 255, .14);--pnav-active-border: rgba(0, 217, 255, .35)}[data-theme=blue-light]{--pnav-bg: rgba(244, 248, 253, .95);--pnav-border: rgba(0, 0, 0, .08);--pnav-text: rgba(0, 0, 0, .65);--pnav-text-hover: rgba(0, 0, 0, .9);--pnav-text-active: rgba(0, 0, 0, .95);--pnav-accent: #5bc0eb;--pnav-dropdown-bg: rgba(255, 255, 255, .97);--pnav-dropdown-border: rgba(0, 0, 0, .1);--pnav-dropdown-hover: rgba(0, 0, 0, .06);--pnav-notif-bg: rgba(0, 0, 0, .05);--pnav-login-hover-shadow: rgba(91, 192, 235, .25);--pnav-divider-color: rgba(0, 0, 0, .1);--pnav-notif-surface: rgba(0, 0, 0, .05);--pnav-active-bg: rgba(91, 192, 235, .14);--pnav-active-border: rgba(91, 192, 235, .35)}[data-theme=lychee],[data-theme=celadon],[data-theme=porcelain],[data-theme=brioche]{--pnav-bg: rgba(255, 255, 255, .95);--pnav-border: rgba(0, 0, 0, .08);--pnav-text: rgba(0, 0, 0, .65);--pnav-text-hover: rgba(0, 0, 0, .9);--pnav-text-active: rgba(0, 0, 0, .95);--pnav-dropdown-bg: rgba(255, 255, 255, .97);--pnav-dropdown-border: rgba(0, 0, 0, .1);--pnav-dropdown-hover: rgba(0, 0, 0, .06);--pnav-notif-bg: rgba(0, 0, 0, .05);--pnav-divider-color: rgba(0, 0, 0, .1);--pnav-notif-surface: rgba(0, 0, 0, .05)}[data-theme=lychee]{--pnav-accent: #d6649a;--pnav-login-hover-shadow: rgba(214, 100, 154, .25);--pnav-active-bg: rgba(214, 100, 154, .14);--pnav-active-border: rgba(214, 100, 154, .35)}[data-theme=celadon]{--pnav-accent: #5a7a4f;--pnav-login-hover-shadow: rgba(90, 122, 79, .25);--pnav-active-bg: rgba(90, 122, 79, .14);--pnav-active-border: rgba(90, 122, 79, .35)}[data-theme=porcelain]{--pnav-accent: #1c3d8a;--pnav-login-hover-shadow: rgba(28, 61, 138, .25);--pnav-active-bg: rgba(28, 61, 138, .14);--pnav-active-border: rgba(28, 61, 138, .35)}[data-theme=brioche]{--pnav-accent: #b8703d;--pnav-login-hover-shadow: rgba(184, 112, 61, .25);--pnav-active-bg: rgba(184, 112, 61, .14);--pnav-active-border: rgba(184, 112, 61, .35)}[data-theme=warm-cream-light]{--pnav-bg: rgba(245, 239, 230, .95);--pnav-border: rgba(42, 31, 26, .1);--pnav-text: rgba(42, 31, 26, .65);--pnav-text-hover: rgba(42, 31, 26, .9);--pnav-text-active: rgba(42, 31, 26, .95);--pnav-accent: #7B3F8E;--pnav-dropdown-bg: rgba(251, 247, 240, .97);--pnav-dropdown-border: rgba(42, 31, 26, .1);--pnav-dropdown-hover: rgba(42, 31, 26, .06);--pnav-notif-bg: rgba(42, 31, 26, .05);--pnav-login-hover-shadow: rgba(123, 63, 142, .25);--pnav-divider-color: rgba(42, 31, 26, .1);--pnav-notif-surface: rgba(42, 31, 26, .05);--pnav-active-bg: rgba(123, 63, 142, .14);--pnav-active-border: rgba(123, 63, 142, .35)}[data-theme=warm-cream-dark]{--pnav-bg: rgba(26, 20, 16, .95);--pnav-border: rgba(240, 230, 216, .08);--pnav-text: rgba(240, 230, 216, .7);--pnav-text-hover: #F0E6D8;--pnav-text-active: #F0E6D8;--pnav-accent: #9A56AF;--pnav-dropdown-bg: rgba(36, 29, 23, .97);--pnav-dropdown-border: rgba(240, 230, 216, .1);--pnav-dropdown-hover: rgba(240, 230, 216, .06);--pnav-login-hover-shadow: rgba(154, 86, 175, .3);--pnav-shadow: rgba(0, 0, 0, .4);--pnav-divider-color: rgba(240, 230, 216, .12);--pnav-hover-shadow: 0 1px 4px rgba(0, 0, 0, .15);--pnav-notif-surface: rgba(240, 230, 216, .04);--pnav-active-bg: rgba(154, 86, 175, .16);--pnav-active-border: rgba(154, 86, 175, .4)}.pnav-notif,.pnav-user,.pnav-auth-buttons{display:none}[data-auth=logged-in] .pnav-notif,[data-auth=logged-in] .pnav-user{display:block!important}[data-auth=logged-out] .pnav-auth-buttons{display:flex!important}.pnav{position:fixed;top:0;left:0;right:0;height:var(--pnav-height);background:var(--pnav-bg);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-bottom:1px solid var(--pnav-border);z-index:500;padding:0 clamp(16px,4vw,48px)}.pnav-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.pnav-left{display:flex;align-items:center;height:100%;gap:0}.pnav-right{display:flex;align-items:center;gap:clamp(6px,.5vw,10px);margin-left:auto}.pnav-divider{width:1px;height:20px;background:var(--pnav-divider-color);flex-shrink:0;align-self:center}.lang-chooser__trigger:hover,.lang-chooser__trigger:focus-visible{transform:translateY(-1px);box-shadow:var(--pnav-hover-shadow);transition:transform .15s ease-out,box-shadow .15s ease-out}.theme-switch:hover{transform:translateY(-1px);box-shadow:var(--pnav-hover-shadow);transition:transform .15s ease-out,box-shadow .15s ease-out}.pnav-logo{display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:26px;font-weight:700;color:var(--pnav-text-active);padding:0 20px 0 0;height:100%;transition:color .15s ease;-webkit-user-select:none;user-select:none;cursor:pointer;text-decoration:none}.pnav-logo:hover,.pnav-logo.active{color:var(--pnav-accent)}.pnav-tabs{display:flex;align-items:center;height:100%;gap:0;list-style:none;margin-left:4px}.pnav-tab{display:flex;align-items:center;height:100%;padding:0 12px;font-size:14px;font-weight:500;letter-spacing:.3px;color:var(--pnav-text);text-decoration:none;border-bottom:2px solid transparent;transition:color .15s ease,border-color .25s ease;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.pnav-tab:hover{color:var(--pnav-text-hover)}.pnav-tab.active{color:var(--pnav-text-active);border-bottom-color:var(--pnav-accent)}.pnav-notif{position:relative}.pnav-notif-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;min-width:36px;padding:0;border-radius:999px;color:var(--pnav-text-hover);background:var(--pnav-notif-surface);border:none;cursor:pointer;transition:background .15s ease-out,color .15s ease-out,transform .15s ease-out,box-shadow .15s ease-out,min-width .2s ease-out,padding .2s ease-out}.pnav-notif-btn.has-unread{min-width:36px;padding:0 11px 0 9px;background:var(--pnav-notif-surface);background:color-mix(in srgb,var(--pnav-accent) 14%,var(--pnav-notif-surface))}.pnav-notif-btn:hover{background:var(--pnav-dropdown-hover);transform:translateY(-1px);box-shadow:var(--pnav-hover-shadow);color:var(--pnav-text-hover)}.pnav-notif.is-open .pnav-notif-btn,.pnav-notif-btn[aria-expanded=true]{background:var(--pnav-active-bg);border:1px solid var(--pnav-active-border);color:var(--pnav-accent);transform:none;box-shadow:none}.pnav-notif-btn:focus-visible{outline:2px solid var(--pnav-accent);outline-offset:2px}.pnav-notif-btn svg{width:18px;height:18px;flex-shrink:0}.pnav-bell-count{font-size:12px;font-weight:600;color:var(--pnav-accent);font-variant-numeric:tabular-nums;display:none;line-height:1}.pnav-notif-btn.has-unread .pnav-bell-count{display:inline}.pnav-badge{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;border-radius:999px;background:var(--pnav-badge-bg);color:var(--pnav-badge-text);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;pointer-events:none;box-shadow:0 0 0 2px var(--pnav-bg);font-variant-numeric:tabular-nums}.pnav-badge.hidden{display:none}@keyframes pnav-sp-pulse{0%{transform:scale(.9);opacity:.6}60%{transform:scale(1.4);opacity:0}to{transform:scale(1.4);opacity:0}}.pnav-bell-pulse-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:999px;border:2px solid var(--pnav-accent);pointer-events:none;animation:pnav-sp-pulse 1.6s ease-out infinite;display:none}.pnav-bell-pulse-ring:last-child{animation-delay:.3s}.pnav-notif.pnav-bell-arriving .pnav-bell-pulse-ring{display:block}@media(prefers-reduced-motion:reduce){.pnav-bell-pulse-ring{display:none!important}}.pnav-notif-dropdown{position:absolute;top:calc(100% + 10px);right:-60px;width:360px;max-height:420px;overflow-y:auto;background:var(--pnav-dropdown-bg);backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);border:1px solid var(--pnav-dropdown-border);border-radius:12px;box-shadow:0 16px 48px var(--pnav-shadow);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;pointer-events:none;z-index:600}.pnav-notif.is-open .pnav-notif-dropdown{opacity:1;visibility:visible;transform:translateY(0);pointer-events:all}.pnav-notif-header{padding:14px 16px 10px;font-size:13px;font-weight:600;color:var(--pnav-text-active);border-bottom:1px solid var(--pnav-dropdown-border)}.pnav-notif-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid var(--pnav-dropdown-border);transition:background .12s ease;cursor:pointer}.pnav-notif-item:last-child{border-bottom:none}.pnav-notif-item:hover{background:var(--pnav-dropdown-hover)}.pnav-notif-item.unread{border-left:3px solid var(--pnav-accent)}.pnav-notif-icon{flex-shrink:0;width:32px;height:32px;border-radius:999px;background:var(--pnav-dropdown-hover);display:flex;align-items:center;justify-content:center;font-size:14px}.pnav-notif-icon--avatar{background-size:cover}.pnav-notif-body{flex:1;min-width:0}.pnav-notif-text{font-size:13px;color:var(--pnav-text-hover);line-height:1.4}.pnav-notif-text strong{font-weight:600}.pnav-notif-time{font-size:11px;color:var(--pnav-text);margin-top:2px}.pnav-notif-footer{padding:10px 16px;text-align:center;font-size:12px;font-weight:500;color:var(--pnav-accent);border-top:1px solid var(--pnav-dropdown-border);cursor:pointer;transition:background .12s ease}.pnav-notif-footer:hover{background:var(--pnav-dropdown-hover)}.pnav-user{position:relative}.pnav-user-btn{display:flex;align-items:center;gap:8px;height:36px;padding:4px 12px 4px 4px;border-radius:999px;color:var(--pnav-text-hover);background:var(--pnav-notif-surface);border:none;cursor:pointer;transition:background .15s ease-out,color .15s ease-out,transform .15s ease-out,box-shadow .15s ease-out}.pnav-user-btn:hover{background:var(--pnav-dropdown-hover);transform:translateY(-1px);box-shadow:var(--pnav-hover-shadow);color:var(--pnav-text-hover)}.pnav-user.is-open .pnav-user-btn,.pnav-user-btn[aria-expanded=true]{background:var(--pnav-active-bg);border:1px solid var(--pnav-active-border);color:var(--pnav-accent);transform:none;box-shadow:none}.pnav-user-btn:focus-visible{outline:2px solid var(--pnav-accent);outline-offset:2px}.pnav-avatar{width:28px;height:28px;border-radius:50%;background:var(--pnav-avatar-gradient);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff;flex-shrink:0}.pnav-user-name-stack{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05;gap:1px;max-width:100px;min-width:0}.pnav-user-name{font-size:13px;font-weight:600;color:var(--pnav-text-active);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pnav-user-role{font-size:9px;font-weight:600;font-family:var(--font-mono, "JetBrains Mono", monospace);text-transform:uppercase;letter-spacing:.4px;opacity:.7;color:var(--pnav-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.pnav-user-arrow{flex-shrink:0;display:flex;align-items:center;opacity:.7;transition:transform .2s ease}.pnav-user-arrow svg{width:12px;height:12px}.pnav-user.is-open .pnav-user-arrow{transform:rotate(180deg)}.pnav-user-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:200px;background:var(--pnav-dropdown-bg);backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);border:1px solid var(--pnav-dropdown-border);border-radius:12px;box-shadow:0 16px 48px var(--pnav-shadow);padding:6px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;pointer-events:none;z-index:600}.pnav-user.is-open .pnav-user-dropdown{opacity:1;visibility:visible;transform:translateY(0);pointer-events:all}.pnav-user-link{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:13px;color:var(--pnav-text);text-decoration:none;border-radius:6px;transition:background .12s ease,color .12s ease}.pnav-user-link:hover{background:var(--pnav-dropdown-hover);color:var(--pnav-text-hover)}.pnav-user-link svg{width:16px;height:16px;opacity:.5;flex-shrink:0}.pnav-user-sep{height:1px;background:var(--pnav-dropdown-border);margin:4px 6px}.pnav-user-link.logout{color:var(--danger)}.pnav-user-link.logout:hover{background:rgba(var(--danger-rgb),.08);color:var(--pnav-logout-hover)}.pnav-auth-buttons{display:flex;align-items:center}.pnav-login-btn{padding:6px 14px;font-size:13px;font-weight:600;color:#fff;background:var(--pnav-accent);border:1px solid var(--pnav-accent);border-radius:999px;cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease;white-space:nowrap;box-shadow:0 1px 2px var(--pnav-login-hover-shadow)}.pnav-login-btn:hover{background:var(--pnav-accent-hover, var(--pnav-accent));border-color:var(--pnav-accent-hover, var(--pnav-accent));box-shadow:0 4px 16px var(--pnav-login-hover-shadow);transform:translateY(-1px)}.pnav-login-btn:active{transform:translateY(0)}.pnav-login-btn:focus-visible{outline:2px solid var(--pnav-accent);outline-offset:2px}.pnav-clock{display:flex;flex-direction:column;align-items:flex-end;gap:1px;-webkit-user-select:none;user-select:none}.pnav-clock-ganzhi{font-size:11px;color:var(--pnav-text);font-family:var(--font-body);letter-spacing:.5px;line-height:1.3;white-space:nowrap}.pnav-clock-lunar{font-size:10px;color:var(--pnav-text);opacity:.55;font-family:var(--font-body);letter-spacing:.5px;line-height:1.3;white-space:nowrap}.pnav-hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;min-height:36px;border-radius:8px;color:var(--pnav-text);transition:color .15s ease,background .15s ease}.pnav-hamburger:hover{color:var(--pnav-text-hover);background:var(--pnav-dropdown-hover)}.pnav-hamburger svg{width:20px;height:20px}.pnav-mobile-menu{display:none;position:fixed;top:var(--pnav-height);left:0;right:0;background:var(--pnav-dropdown-bg);backdrop-filter:blur(15px) saturate(180%);-webkit-backdrop-filter:blur(15px) saturate(180%);border-bottom:1px solid var(--pnav-dropdown-border);padding:12px 20px 16px;z-index:499;flex-direction:column;gap:4px;box-shadow:0 12px 32px #0000004d}.pnav-mobile-menu.is-open{display:flex}.pnav-mobile-link{display:flex;align-items:center;gap:10px;padding:12px 14px;font-size:15px;font-weight:500;color:var(--pnav-text);text-decoration:none;border-radius:8px;transition:background .12s ease,color .12s ease}.pnav-mobile-link:hover,.pnav-mobile-link.active{background:var(--pnav-dropdown-hover);color:var(--pnav-text-hover)}.pnav-mobile-link.active{color:var(--pnav-accent)}.pnav-mobile-sep{height:1px;background:var(--pnav-dropdown-border);margin:6px 0}.pnav-hamburger{background:none;border:none;cursor:pointer;padding:0}button.pnav-mobile-link{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;width:100%;text-align:left}@media(max-width:1024px){.pnav-user-name-stack,.pnav-user-name{display:none}.pnav-tab{padding:0 14px}}@media(max-width:768px){.pnav-tabs{display:none}.pnav-hamburger{display:flex}.pnav-clock,.pnav-user-name-stack{display:none}.pnav-user-btn{min-width:44px;padding:4px 8px 4px 4px}.pnav-divider{display:none}}@media(max-width:414px){.pnav-user-arrow{display:none}.pnav-user-btn{padding:4px}}@media(max-width:768px){.pnav-hamburger{position:relative}.pnav-hamburger:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;z-index:-1}.pnav-notif-btn{position:relative}.pnav-notif-btn:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;z-index:-1}.pnav-user-btn{min-height:44px;min-width:44px}.pnav-login-btn,.pnav-mobile-link{min-height:44px}}.platform-auth-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:800;background:var(--pnav-auth-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-items:center;justify-content:center}.platform-auth-overlay.show{display:flex}.platform-auth-modal{background:#1e1e2ebf;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px;width:100%;max-width:380px;margin:16px}[data-theme=light] .platform-auth-modal{background:#ffffffc7;border:1px solid rgba(0,0,0,.08)}.platform-auth-title{font-size:20px;font-weight:600;margin-bottom:20px;color:var(--text-primary, #ffffff);font-family:var(--font-body)}.platform-auth-tabs{display:flex;gap:0;margin-bottom:20px;border-bottom:1px solid var(--border, rgba(255, 255, 255, .12))}.platform-auth-tab{flex:1;padding:8px 0;border:none;background:none;color:var(--text-muted, rgba(255, 255, 255, .6));font-size:14px;font-family:var(--font-body);cursor:pointer;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease}.platform-auth-tab.active{color:var(--text-primary, #ffffff);border-bottom-color:var(--accent, var(--primary-color, #f093fb))}.platform-auth-field{margin-bottom:16px}.platform-auth-field label{display:block;font-size:12px;color:var(--text-muted, rgba(255, 255, 255, .6));margin-bottom:4px;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-body)}.platform-auth-field input{width:100%;padding:10px 12px;border:1px solid var(--border, rgba(255, 255, 255, .12));border-radius:8px;background:var(--panel, rgba(255, 255, 255, .05));color:var(--text-primary, #ffffff);font-size:14px;font-family:var(--font-body)}.platform-auth-field input:focus{outline:none;border-color:var(--accent, var(--primary-color, #f093fb))}.platform-auth-field input:focus-visible{outline:2px solid var(--accent, #9b8ec4);outline-offset:2px}.platform-auth-submit{width:100%;padding:10px;border:none;border-radius:999px;background:var(--accent, var(--primary-color, #f093fb));color:#fff;font-size:14px;font-weight:600;font-family:var(--font-body);cursor:pointer;margin-top:8px;transition:background .15s ease}.platform-auth-submit:hover{filter:brightness(1.1)}.platform-auth-message{font-size:13px;padding:8px;border-radius:8px;margin-bottom:12px;display:none;font-family:var(--font-body)}.platform-auth-message.show{display:block}.platform-auth-message.success{background:rgba(var(--success-rgb),.1);color:var(--success)}.platform-auth-message.error{background:rgba(var(--danger-rgb),.1);color:var(--danger)}.platform-auth-strength{margin-top:6px;display:flex;align-items:center;gap:8px}.platform-auth-strength-bar{flex:1;height:4px;background:var(--border, var(--pnav-strength-bar-bg));border-radius:2px;overflow:hidden}.platform-auth-strength-fill{height:100%;width:0;border-radius:2px;transition:width .2s ease,background .2s ease}.platform-auth-strength-fill.strength-weak{background:#e74c3c}.platform-auth-strength-fill.strength-fair{background:#f39c12}.platform-auth-strength-fill.strength-strong{background:#27ae60}.platform-auth-strength-text.strength-weak{color:#e74c3c}.platform-auth-strength-text.strength-fair{color:#f39c12}.platform-auth-strength-text.strength-strong{color:#27ae60}.platform-auth-strength-text{font-size:11px;font-weight:500;min-width:40px;text-align:right;font-family:var(--font-body)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1440px){.pnav-right{gap:clamp(8px,.5vw,12px);max-width:640px}}@media(min-width:1920px){.pnav-right{gap:clamp(10px,.5vw,14px);max-width:720px}}@media(min-width:2560px){.platform-navbar{max-width:2200px;margin:0 auto}}