@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}:root{--primary-gradient: linear-gradient(45deg, #f093fb, #f5576c);--primary-color: #f093fb;--secondary-color: #f5576c;--background-dark: #1a1a2e;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .8);--text-muted: rgba(255, 255, 255, .6);--nav-bg: rgba(26, 26, 46, .85);--nav-border: rgba(255, 255, 255, .08);--nav-dropdown-bg: rgba(26, 26, 46, .95);--nav-dropdown-border: rgba(255, 255, 255, .12);--nav-dropdown-hover: rgba(240, 147, 251, .1);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}.navbar{position:fixed;top:0;left:0;right:0;background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--nav-border);z-index:1000;padding:0 clamp(16px,5vw,80px)}.navbar-container{display:flex;align-items:center;justify-content:space-between;height:70px;gap:40px;width:100%;flex-direction:row}.navbar-logo{order:1}.navbar-menu{order:2}.navbar-right{order:3;display:flex;align-items:center;gap:20px}@media(min-width:1025px){.navbar-container{justify-content:space-between}.navbar-logo{flex-shrink:0;order:1}.navbar-menu{flex-shrink:0;order:2;display:flex;align-items:center}.navbar-right{flex-shrink:0;order:3;display:flex;align-items:center;gap:20px}.navbar-clock{flex-shrink:0}}.navbar-logo{display:flex;align-items:center;text-decoration:none;color:var(--text-primary);font-size:clamp(18px,3vw,22px);font-weight:700;font-family:var(--font-body);letter-spacing:.5px;padding:8px 0;transition:var(--transition-smooth);-webkit-user-select:none;user-select:none}.navbar-logo:hover{color:var(--primary-color)}.navbar-menu{display:flex;align-items:center;gap:clamp(8px,2vw,16px);list-style:none}.navbar-item{position:relative}.navbar-link{display:flex;align-items:center;gap:6px;padding:10px clamp(12px,2vw,18px);color:var(--text-secondary);text-decoration:none;font-size:clamp(14px,1.8vw,15px);font-weight:500;font-family:var(--font-body);cursor:pointer;transition:var(--transition-smooth);position:relative;letter-spacing:.3px;-webkit-user-select:none;user-select:none}.navbar-link:hover{color:var(--text-primary)}.navbar-link:after{content:"";position:absolute;bottom:6px;left:12px;right:12px;height:1px;background:var(--primary-gradient);width:0%;transition:width .3s ease}.navbar-link:hover:after,.navbar-item.active .navbar-link:after{width:calc(100% - 24px)}.dropdown-arrow{width:8px;height:5px;transition:transform .2s ease;opacity:.7}.dropdown-arrow svg{width:100%;height:100%;display:block}.navbar-item.active .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--nav-dropdown-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--nav-dropdown-border);border-radius:8px;box-shadow:0 20px 50px #00000080;padding:24px;min-width:450px;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;pointer-events:none;z-index:1200}.navbar-item.active .dropdown-menu{opacity:1;visibility:visible;pointer-events:all}.dropdown-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.dropdown-column{display:flex;flex-direction:column;gap:16px}.dropdown-label{font-size:10px;font-weight:600;font-family:var(--font-body);letter-spacing:1px;color:var(--text-muted);text-transform:uppercase;margin-bottom:4px;-webkit-user-select:none;user-select:none}.dropdown-link{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;color:var(--text-secondary);text-decoration:none;font-size:14px;font-family:var(--font-body);border-radius:6px;transition:var(--transition-smooth);-webkit-user-select:none;user-select:none}.dropdown-link:hover{background:var(--nav-dropdown-hover);color:var(--text-primary)}.dropdown-link-arrow{width:14px;height:14px;opacity:0;transform:translate(-4px);transition:all .2s ease}.dropdown-link:hover .dropdown-link-arrow{opacity:.7;transform:translate(0)}.navbar-clock{display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding:0;-webkit-user-select:none;user-select:none}.clock-ganzhi{font-size:clamp(11px,1.5vw,13px);color:var(--text-secondary);font-weight:500;font-family:var(--font-body);letter-spacing:2px;line-height:1.3}.clock-lunar{font-size:clamp(10px,1.3vw,11px);color:var(--text-muted);font-family:var(--font-body);letter-spacing:1px;line-height:1.3}@media(max-width:1024px){.navbar-clock{display:none}.navbar-menu{gap:4px}}.navbar-hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;padding:0;transition:color .15s ease,background .15s ease}.navbar-hamburger:hover{color:var(--primary-color);background:var(--nav-dropdown-hover)}.navbar-hamburger svg{width:20px;height:20px}.navbar-mobile-menu{display:none;position:fixed;top:70px;left:0;right:0;background:var(--nav-dropdown-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-bottom:1px solid var(--nav-dropdown-border);padding:12px 20px 16px;z-index:999;flex-direction:column;gap:4px;box-shadow:0 12px 32px #0000004d}.navbar-mobile-menu.is-open{display:flex}.navbar-mobile-link{display:flex;align-items:center;gap:10px;padding:12px 14px;font-size:15px;font-weight:500;color:var(--text-secondary);text-decoration:none;border-radius:8px;transition:background .12s ease,color .12s ease}.navbar-mobile-link:hover{background:var(--nav-dropdown-hover);color:var(--text-primary)}.navbar-mobile-link.active{color:var(--primary-color);font-weight:600}@media(max-width:768px){.navbar-menu{display:none}.navbar-hamburger{display:flex}}.navbar-icon{width:14px;height:14px;vertical-align:-2px;margin-right:4px;stroke:currentColor;flex-shrink:0}.navbar-link-hash{font-weight:700;opacity:.7}.navbar-item--wip .navbar-link{color:#ffffff4d}.navbar-item--wip .navbar-link:hover{color:#ffffff73}.navbar-item--wip .navbar-link:after{display:none}.navbar-mobile-link.navbar-mobile-link--wip{color:#ffffff4d}.navbar-mobile-link.navbar-mobile-link--wip:hover{color:#ffffff73}[data-theme=light] .navbar-item--wip .navbar-link{color:#0000004d}[data-theme=light] .navbar-item--wip .navbar-link:hover{color:#00000073}[data-theme=light] .navbar-mobile-link.navbar-mobile-link--wip{color:#0000004d}[data-theme=light] .navbar-mobile-link.navbar-mobile-link--wip:hover{color:#00000073}