:root{--bg: #fbf8f2;--surface: #ffffff;--surface-alt: #f4f1e8;--border: #ede6da;--border-control: #918876;--text: #2b2a26;--text-muted: #6b665b;--placeholder: #7c766a;--primary: #287a50;--primary-hover: #1f6b43;--primary-soft: #e8f3eb;--on-primary: #ffffff;--accent: #f4a36c;--accent-soft: #fdebdd;--accent-text: #a8561f;--danger: #b3402f;--warning-bg: #fff3d6;--warning-text: #8a5a00;--focus-halo: rgba(40, 122, 80, .25);--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-full: 999px;--e1: 0 1px 2px rgba(80, 60, 30, .06);--e2: 0 4px 16px rgba(80, 60, 30, .08);--e3: 0 12px 32px rgba(80, 60, 30, .12);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--dur-fast: .15s;--dur-base: .24s;--dur-slow: .4s;--dur-hero: .7s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-pop: cubic-bezier(.34, 1.56, .64, 1);--font-ui: "Nunito", "Nunito Fallback", "PingFang SC", "HarmonyOS Sans SC", "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;--font-display: "LXGW WenKai Sub", "Songti SC", "Noto Serif SC", serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .27 0 0 0 0 .15 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.05'/%3E%3C/svg%3E");--scrollbar-thumb: #cfc7b6;color-scheme:light}.dark{--bg: #1f1e1b;--surface: #2a2825;--surface-alt: #242320;--border: #3d3a35;--border-control: #8a8478;--text: #f3efe6;--text-muted: #a9a296;--placeholder: #a39d90;--primary: #5bbf8a;--primary-hover: #7dd3a6;--primary-soft: #25382d;--on-primary: #10261a;--accent: #f4a36c;--accent-soft: #4a3526;--accent-text: #f4a36c;--danger: #f2897a;--warning-bg: #4a3a12;--warning-text: #ffd98a;--focus-halo: rgba(91, 191, 138, .35);--e1: 0 1px 2px rgba(0, 0, 0, .4);--e2: 0 4px 16px rgba(0, 0, 0, .45);--e3: 0 12px 32px rgba(0, 0, 0, .55);--noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .95 0 0 0 0 .92 0 0 0 0 .85 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.03'/%3E%3C/svg%3E");--scrollbar-thumb: #4a4640;color-scheme:dark}:root,.dark{--page-bg: var(--bg);--text-color: var(--text);--card-bg: var(--surface);--card-border: var(--border);--input-bg: var(--surface);--input-border: var(--border-control);--button-bg: var(--surface);--button-text: var(--text);--button-border: var(--border-control);--button-hover-bg: var(--primary-soft);--header-bg: var(--bg);--link-color: var(--primary);--link-hover-color: var(--primary-hover);--info-bg: var(--primary-soft);--color-error: var(--danger);--color-success: var(--primary);--color-muted: var(--text-muted);--bg-highlight: var(--warning-bg);--accent-color: var(--accent-text);--primary-color: var(--primary);--primary-color-light: var(--primary-soft);--primary-color-dark: var(--primary-hover);--subscription-card-bg: var(--surface);--subscription-card-border: var(--border);--subscription-card-gradient: linear-gradient(135deg, var(--surface) 0%, var(--surface-alt) 100%);--subscription-card-shadow: var(--e2);font-family:var(--font-ui);font-size:14px;line-height:1.7;font-weight:400;letter-spacing:.01em;line-break:strict;color:var(--text-color);background-color:var(--page-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/nunito-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:500 600;font-display:swap;src:url(/fonts/nunito-latin-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Fallback;src:local("Arial");size-adjust:103.3%;ascent-override:97.8%;descent-override:34.2%;line-gap-override:0%;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122}@font-face{font-family:LXGW WenKai Sub;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/lxgw-wenkai-sub.woff2) format("woff2")}.t-hero{font-family:var(--font-display);font-weight:500;font-size:clamp(32px,4vw,44px);line-height:1.25;letter-spacing:.02em;text-wrap:balance}.t-h1{font-size:28px;line-height:1.3;font-weight:600;letter-spacing:.02em;text-wrap:balance}.t-h2{font-size:20px;line-height:1.35;font-weight:600;letter-spacing:.02em;text-wrap:balance}.t-h3{font-size:16px;line-height:1.4;font-weight:600;letter-spacing:.02em}.t-body{font-size:14px;line-height:1.7;font-weight:400}.t-read{font-size:15px;line-height:1.75;font-weight:400;max-width:34em;text-wrap:pretty}.t-label{font-size:14px;line-height:1.2;font-weight:500}.t-aux{font-size:13px;line-height:1.5;font-weight:400;color:var(--text-muted)}.display{font-family:var(--font-display);font-weight:500}.num{font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono);overflow-wrap:anywhere}@media (max-width: 640px){.t-hero{font-size:30px}.t-h1{font-size:24px}.t-h2{font-size:18px}.t-body,.t-read{font-size:15px}.t-aux{font-size:12px}}::selection{background:var(--primary-soft);color:var(--text)}a{font-weight:500;color:var(--link-color);text-decoration:inherit;transition:color var(--dur-fast) var(--ease-out)}a:hover{color:var(--link-hover-color);text-decoration:underline}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}html,body,#root{height:100%;margin:0;padding:0}body{min-width:320px;background-color:var(--bg);background-image:var(--noise)}#root{display:flex;flex-direction:column}h1{font-size:28px;line-height:1.3;font-weight:600;letter-spacing:.02em;text-wrap:balance}h2{font-size:20px;line-height:1.35;font-weight:600;letter-spacing:.02em;text-wrap:balance}h3{font-size:16px;line-height:1.4;font-weight:600;letter-spacing:.02em}p{text-wrap:pretty}@media (max-width: 640px){:root{font-size:15px}h1{font-size:24px}h2{font-size:18px}}input,textarea,select{border-radius:var(--r-sm);border:1px solid var(--input-border);padding:.6em 1em;font-size:1em;font-weight:400;font-family:inherit;background-color:var(--input-bg);color:var(--text-color);box-shadow:var(--e1);transition:border-color var(--dur-fast),box-shadow var(--dur-base) var(--ease-out)}input::placeholder,textarea::placeholder{color:var(--placeholder)}input:focus,textarea:focus,select:focus{outline:2px solid transparent;border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-halo)}input[type=checkbox],input[type=radio]{accent-color:var(--primary);box-shadow:none}button{border-radius:var(--r-sm);border:1px solid var(--button-border);padding:.6em 1.2em;font-size:1em;font-weight:500;line-height:1.2;font-family:inherit;background-color:var(--button-bg);color:var(--button-text);cursor:pointer;box-shadow:var(--e1);transition:background-color var(--dur-fast),border-color var(--dur-fast),transform var(--dur-fast) var(--ease-out)}button:hover{border-color:var(--primary);background-color:var(--button-hover-bg)}button:active{transform:scale(.98)}button:disabled{background-color:var(--surface-alt);color:var(--text-muted);cursor:not-allowed;border-color:var(--card-border);box-shadow:none;transform:none}.btn-primary,.btn-secondary,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:40px;border-radius:var(--r-sm);font-weight:600;text-decoration:none}.btn-primary,.btn-primary:hover{background-color:var(--primary);color:var(--on-primary);border-color:var(--primary)}.btn-primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}.btn-primary:disabled{background-color:var(--surface-alt);color:var(--text-muted);border-color:var(--card-border)}.btn-secondary{background-color:var(--surface);color:var(--text);border-color:var(--border-control)}.btn-ghost{background-color:transparent;color:var(--text);border-color:transparent;box-shadow:none}.btn-ghost:hover{background-color:var(--primary-soft);border-color:transparent}.card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--e2);padding:var(--sp-4)}.pill{display:inline-flex;align-items:center;gap:var(--sp-1);padding:2px var(--sp-3);border-radius:var(--r-full);background-color:var(--accent-soft);color:var(--accent-text);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}@media (hover: hover){*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}*:hover{scrollbar-color:var(--primary) transparent}}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.text-muted{color:var(--color-muted)}.bg-highlight{background-color:var(--bg-highlight)}.text-center{text-align:center}#root>*{animation:route-in var(--dur-base) var(--ease-out) backwards}@keyframes route-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}button:active{transform:none}}.admin-table th,.admin-table td{height:44px;box-sizing:border-box}.admin-table tbody tr:nth-child(2n){background-color:var(--surface-alt)}