@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@300;400;500;600;700;900&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,700&family=Cinzel:wght@400;500;600;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-bottom-2{bottom:-.5rem}.-left-8{left:-2rem}.-right-2{right:-.5rem}.bottom-0{bottom:0}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-1\/2{left:50%}.right-0{right:0}.right-3{right:.75rem}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:.5rem}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-4{margin-bottom:1rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.mt-1{margin-top:.25rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-2{height:.5rem}.h-4{height:1rem}.h-full{height:100%}.h-px{height:1px}.max-h-\[100vh\]{max-height:100vh}.min-h-screen{min-height:100vh}.w-2{width:.5rem}.w-full{width:100%}.w-px{width:1px}.max-w-\[100vw\]{max-width:100vw}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.bg-accent{background-color:var(--accent)}.bg-bg{background-color:var(--bg)}.bg-ink-faint{background-color:var(--ink-faint)}.bg-rule{background-color:var(--rule)}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pl-4{padding-left:1rem}.text-center{text-align:center}.text-right{text-align:right}.font-serif{font-family:Noto Serif SC,Playfair Display,serif}.italic{font-style:italic}.leading-none{line-height:1}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.theme-night-red,.theme-night-blue,.theme-night-violet{--bg-elevated: rgba(255, 255, 255, .04);--bg-deep: #050507;--bg-overlay: rgba(0, 0, 0, .3);--ink: #ECECEC;--ink-muted: #8B8B90;--ink-faint: #4A4A50;--rule: rgba(255, 255, 255, .08);--rule-strong: rgba(255, 255, 255, .18);--rule-soft: rgba(255, 255, 255, .04);--tile: rgba(255, 255, 255, .02);--tint-2: rgba(255, 255, 255, .025);--noise-opacity: .045;--noise-blend: overlay;--font-display: "Playfair Display", "Noto Serif SC", serif;--font-mark: "Cinzel", serif;--shadow-card: 0 24px 80px rgba(0, 0, 0, .85)}.theme-night-red{--bg: #0E0E10;--accent: #E63946;--accent-hover: #C92E3A;--accent-soft: rgba(230, 57, 70, .06);--accent-glow: rgba(230, 57, 70, .18);--tint-1: rgba(230, 57, 70, .06);--on-accent: #FFFFFF}.theme-night-blue{--bg: #0A0F1C;--bg-deep: #050810;--accent: #4A6BFF;--accent-hover: #3B5BFF;--accent-soft: rgba(74, 107, 255, .08);--accent-glow: rgba(74, 107, 255, .22);--tint-1: rgba(74, 107, 255, .07);--rule: rgba(180, 200, 255, .08);--rule-strong: rgba(180, 200, 255, .2);--on-accent: #FFFFFF}.theme-night-violet{--bg: #0F0A1A;--bg-deep: #07050E;--accent: #B176FF;--accent-hover: #A065F0;--accent-soft: rgba(177, 118, 255, .08);--accent-glow: rgba(177, 118, 255, .24);--tint-1: rgba(177, 118, 255, .07);--rule: rgba(220, 200, 255, .08);--rule-strong: rgba(220, 200, 255, .2);--font-mark: "JetBrains Mono", "Cinzel", monospace;--on-accent: #FFFFFF}.theme-paper-vermillion,.theme-paper-noir,.theme-paper-cobalt{--bg-elevated: #FFFFFF;--bg-deep: #EAEAE5;--bg-overlay: rgba(0, 0, 0, .03);--ink: #1A1A1A;--ink-muted: #5A5A5A;--ink-faint: #A8A8A8;--rule: rgba(0, 0, 0, .1);--rule-strong: rgba(0, 0, 0, .25);--rule-soft: rgba(0, 0, 0, .04);--tile: rgba(0, 0, 0, .015);--tint-2: rgba(0, 0, 0, .02);--noise-opacity: 0;--noise-blend: multiply;--font-display: "Playfair Display", "Noto Serif SC", serif;--font-mark: "Inter", sans-serif;--shadow-card: 0 8px 40px rgba(0, 0, 0, .08), 0 0 0 1px rgba(0, 0, 0, .04)}.theme-paper-vermillion{--bg: #FAFAF7;--accent: #C82828;--accent-hover: #A41E1E;--accent-soft: rgba(200, 40, 40, .05);--accent-glow: rgba(200, 40, 40, .12);--tint-1: rgba(200, 40, 40, .04);--on-accent: #FFFFFF}.theme-paper-noir{--bg: #FFFFFF;--bg-deep: #F4F4F2;--accent: #1A1A1A;--accent-hover: #000000;--accent-soft: rgba(0, 0, 0, .03);--accent-glow: rgba(0, 0, 0, .08);--tint-1: rgba(0, 0, 0, .02);--rule: rgba(0, 0, 0, .12);--rule-strong: rgba(0, 0, 0, .4);--font-mark: "JetBrains Mono", "Inter", monospace;--on-accent: #FFFFFF}.theme-paper-cobalt{--bg: #F8F9FC;--bg-deep: #ECEEF5;--accent: #1E40AF;--accent-hover: #1E3A8A;--accent-soft: rgba(30, 64, 175, .05);--accent-glow: rgba(30, 64, 175, .15);--tint-1: rgba(30, 64, 175, .04);--on-accent: #FFFFFF}.theme-emerald-champagne,.theme-emerald-prussian,.theme-emerald-bronze{--bg-elevated: rgba(255, 255, 255, .04);--bg-overlay: rgba(0, 0, 0, .25);--ink: #F0E8D6;--ink-muted: #A89F8A;--ink-faint: #5A5246;--rule-soft: rgba(212, 185, 120, .08);--tile: rgba(212, 185, 120, .04);--tint-2: rgba(255, 255, 255, .02);--noise-opacity: .035;--noise-blend: soft-light;--font-display: "Cormorant Garamond", "Noto Serif SC", serif;--font-mark: "Cinzel", serif}.theme-emerald-champagne{--bg: #142822;--bg-deep: #0B1A14;--accent: #D4B978;--accent-hover: #C9AB66;--accent-soft: rgba(212, 185, 120, .08);--accent-glow: rgba(212, 185, 120, .2);--tint-1: rgba(212, 185, 120, .06);--rule: rgba(212, 185, 120, .15);--rule-strong: rgba(212, 185, 120, .32);--shadow-card: 0 24px 80px rgba(0, 0, 0, .7), 0 0 0 1px rgba(212, 185, 120, .08);--on-accent: #142822}.theme-emerald-prussian{--bg: #0E1A2E;--bg-deep: #050E1B;--accent: #C7B377;--accent-hover: #B59F60;--accent-soft: rgba(199, 179, 119, .08);--accent-glow: rgba(199, 179, 119, .22);--tint-1: rgba(199, 179, 119, .07);--ink: #EFE5CD;--rule: rgba(199, 179, 119, .15);--rule-strong: rgba(199, 179, 119, .32);--rule-soft: rgba(199, 179, 119, .07);--tile: rgba(199, 179, 119, .04);--shadow-card: 0 24px 80px rgba(0, 0, 0, .75), 0 0 0 1px rgba(199, 179, 119, .08);--on-accent: #0E1A2E}.theme-emerald-bronze{--bg: #1F1B14;--bg-deep: #110E08;--accent: #DCC79A;--accent-hover: #C9B383;--accent-soft: rgba(220, 199, 154, .08);--accent-glow: rgba(220, 199, 154, .2);--tint-1: rgba(220, 199, 154, .07);--ink: #F2E8CF;--rule: rgba(220, 199, 154, .13);--rule-strong: rgba(220, 199, 154, .3);--rule-soft: rgba(220, 199, 154, .06);--tile: rgba(220, 199, 154, .035);--shadow-card: 0 24px 80px rgba(0, 0, 0, .7), 0 0 0 1px rgba(220, 199, 154, .08);--on-accent: #1F1B14}.theme-gold-bronze,.theme-gold-noir,.theme-gold-cream{--noise-opacity: .05;--noise-blend: overlay;--font-display: "Playfair Display", "Noto Serif SC", serif;--font-mark: "Cinzel", serif}.theme-gold-bronze{--bg: #14100C;--bg-elevated: rgba(255, 255, 255, .04);--bg-deep: #0A0805;--bg-overlay: rgba(0, 0, 0, .3);--ink: #ECDFCB;--ink-muted: #9A8E7A;--ink-faint: #4D4438;--accent: #C9A876;--accent-hover: #B59560;--accent-soft: rgba(201, 168, 118, .08);--accent-glow: rgba(201, 168, 118, .22);--rule: rgba(201, 168, 118, .18);--rule-strong: rgba(201, 168, 118, .35);--rule-soft: rgba(201, 168, 118, .08);--tile: rgba(201, 168, 118, .04);--tint-1: rgba(201, 168, 118, .06);--tint-2: rgba(255, 245, 220, .02);--shadow-card: 0 30px 100px rgba(0, 0, 0, .9), 0 0 0 1px rgba(201, 168, 118, .12);--on-accent: #14100C}.theme-gold-noir{--bg: #000000;--bg-elevated: rgba(255, 215, 130, .04);--bg-deep: #000000;--bg-overlay: rgba(255, 215, 130, .04);--ink: #F5E5C0;--ink-muted: #A89370;--ink-faint: #5A4E36;--accent: #FFD27A;--accent-hover: #FFC865;--accent-soft: rgba(255, 210, 122, .06);--accent-glow: rgba(255, 210, 122, .25);--rule: rgba(255, 210, 122, .15);--rule-strong: rgba(255, 210, 122, .32);--rule-soft: rgba(255, 210, 122, .06);--tile: rgba(255, 210, 122, .025);--tint-1: rgba(255, 210, 122, .05);--tint-2: rgba(255, 245, 220, .015);--shadow-card: 0 30px 100px rgba(0, 0, 0, 1), 0 0 0 1px rgba(255, 210, 122, .15);--on-accent: #000000}.theme-gold-cream{--bg: #F4ECDA;--bg-elevated: #FBF6E9;--bg-deep: #E5DBC0;--bg-overlay: rgba(46, 28, 12, .04);--ink: #2A1F0F;--ink-muted: #6E5A3A;--ink-faint: #B0A179;--accent: #B68A60;--accent-hover: #9A7350;--accent-soft: rgba(182, 138, 96, .06);--accent-glow: rgba(182, 138, 96, .18);--rule: rgba(46, 28, 12, .12);--rule-strong: rgba(46, 28, 12, .3);--rule-soft: rgba(46, 28, 12, .04);--tile: rgba(182, 138, 96, .05);--tint-1: rgba(182, 138, 96, .06);--tint-2: rgba(46, 28, 12, .02);--noise-opacity: 0;--shadow-card: 0 12px 60px rgba(46, 28, 12, .12), 0 0 0 1px rgba(46, 28, 12, .06);--on-accent: #FFFFFF}.theme-vermillion-rice,.theme-vermillion-ink,.theme-vermillion-sand{--noise-opacity: .04;--noise-blend: multiply;--font-display: "Cormorant Garamond", "Noto Serif SC", serif;--font-mark: "Cinzel", serif}.theme-vermillion-rice{--bg: #F5EFE3;--bg-elevated: #FBF6E9;--bg-deep: #E8DFCC;--bg-overlay: rgba(43, 24, 16, .04);--ink: #2B1810;--ink-muted: #6E5440;--ink-faint: #B8A488;--accent: #B5251E;--accent-hover: #951F1A;--accent-soft: rgba(181, 37, 30, .06);--accent-glow: rgba(181, 37, 30, .18);--rule: rgba(43, 24, 16, .12);--rule-strong: rgba(43, 24, 16, .3);--rule-soft: rgba(43, 24, 16, .04);--tile: rgba(181, 37, 30, .04);--tint-1: rgba(181, 37, 30, .05);--tint-2: rgba(43, 24, 16, .02);--shadow-card: 0 12px 50px rgba(43, 24, 16, .14), 0 0 0 1px rgba(43, 24, 16, .06);--on-accent: #FAFAF7}.theme-vermillion-ink{--bg: #1F1815;--bg-elevated: #2A2220;--bg-deep: #100B09;--bg-overlay: rgba(0, 0, 0, .3);--ink: #ECDFCC;--ink-muted: #9A8470;--ink-faint: #4D4035;--accent: #9C1A1F;--accent-hover: #7E1418;--accent-soft: rgba(156, 26, 31, .1);--accent-glow: rgba(156, 26, 31, .25);--rule: rgba(236, 223, 204, .12);--rule-strong: rgba(236, 223, 204, .28);--rule-soft: rgba(236, 223, 204, .05);--tile: rgba(236, 223, 204, .03);--tint-1: rgba(156, 26, 31, .06);--tint-2: rgba(236, 223, 204, .02);--shadow-card: 0 24px 80px rgba(0, 0, 0, .85), 0 0 0 1px rgba(236, 223, 204, .08);--on-accent: #ECDFCC}.theme-vermillion-sand{--bg: #EDE3D2;--bg-elevated: #F5EDDF;--bg-deep: #DCD0B8;--bg-overlay: rgba(60, 40, 30, .04);--ink: #3C2820;--ink-muted: #7E6650;--ink-faint: #B8A488;--accent: #A33A2C;--accent-hover: #82301E;--accent-soft: rgba(163, 58, 44, .06);--accent-glow: rgba(163, 58, 44, .2);--rule: rgba(60, 40, 32, .13);--rule-strong: rgba(60, 40, 32, .3);--rule-soft: rgba(60, 40, 32, .04);--tile: rgba(163, 58, 44, .04);--tint-1: rgba(163, 58, 44, .05);--tint-2: rgba(60, 40, 32, .02);--shadow-card: 0 14px 60px rgba(60, 40, 32, .16), 0 0 0 1px rgba(60, 40, 32, .06);--on-accent: #FAFAF7}.theme-kraft-tan,.theme-kraft-olive,.theme-kraft-rust{--noise-opacity: .08;--noise-blend: multiply;--font-display: "Playfair Display", "Noto Serif SC", serif;--font-mark: "JetBrains Mono", "Cinzel", monospace}.theme-kraft-tan{--bg: #C9B89A;--bg-elevated: #D5C5A7;--bg-deep: #B5A485;--bg-overlay: rgba(31, 26, 20, .05);--ink: #1F1A14;--ink-muted: #5A4F3C;--ink-faint: #8C7E62;--accent: #1F1A14;--accent-hover: #000000;--accent-soft: rgba(31, 26, 20, .06);--accent-glow: rgba(31, 26, 20, .2);--rule: rgba(31, 26, 20, .18);--rule-strong: rgba(31, 26, 20, .4);--rule-soft: rgba(31, 26, 20, .06);--tile: rgba(31, 26, 20, .04);--tint-1: rgba(31, 26, 20, .04);--tint-2: rgba(31, 26, 20, .025);--shadow-card: 0 8px 30px rgba(31, 26, 20, .18), 0 0 0 1px rgba(31, 26, 20, .12);--on-accent: #C9B89A}.theme-kraft-olive{--bg: #C2B690;--bg-elevated: #CFC4A2;--bg-deep: #ADA178;--bg-overlay: rgba(40, 50, 28, .05);--ink: #28321C;--ink-muted: #5A6342;--ink-faint: #8A8E68;--accent: #3E4A2A;--accent-hover: #2A331C;--accent-soft: rgba(62, 74, 42, .06);--accent-glow: rgba(62, 74, 42, .22);--rule: rgba(40, 50, 28, .18);--rule-strong: rgba(40, 50, 28, .38);--rule-soft: rgba(40, 50, 28, .06);--tile: rgba(62, 74, 42, .05);--tint-1: rgba(62, 74, 42, .05);--tint-2: rgba(40, 50, 28, .025);--shadow-card: 0 8px 30px rgba(40, 50, 28, .18), 0 0 0 1px rgba(40, 50, 28, .12);--on-accent: #C2B690}.theme-kraft-rust{--bg: #D4BC93;--bg-elevated: #DFC9A4;--bg-deep: #BFA77E;--bg-overlay: rgba(60, 30, 18, .05);--ink: #3C1E12;--ink-muted: #6E4632;--ink-faint: #9C7E62;--accent: #8C3A1F;--accent-hover: #6E2C18;--accent-soft: rgba(140, 58, 31, .06);--accent-glow: rgba(140, 58, 31, .22);--rule: rgba(60, 30, 18, .18);--rule-strong: rgba(60, 30, 18, .38);--rule-soft: rgba(60, 30, 18, .06);--tile: rgba(140, 58, 31, .05);--tint-1: rgba(140, 58, 31, .06);--tint-2: rgba(60, 30, 18, .025);--shadow-card: 0 8px 30px rgba(60, 30, 18, .2), 0 0 0 1px rgba(60, 30, 18, .14);--on-accent: #D4BC93}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;min-height:100vh;transition:background-color .45s ease,color .45s ease}body{margin:0}.noise-layer{position:relative}.noise-layer:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");mix-blend-mode:var(--noise-blend);opacity:var(--noise-opacity);z-index:1}.slide-stage{aspect-ratio:16 / 9;width:100%;position:relative;background:var(--bg);overflow:hidden;isolation:isolate;transition:background-color .45s ease}.slide-stage.is-thumb{pointer-events:none}.slide-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 80% 20%,var(--tint-1),transparent 60%),radial-gradient(ellipse 80% 60% at 20% 90%,var(--tint-2),transparent 70%);z-index:0}.theme-paper-vermillion .slide-stage:before,.theme-paper-noir .slide-stage:before,.theme-paper-cobalt .slide-stage:before{background:linear-gradient(var(--rule-soft) 1px,transparent 1px) 0 0 / 24px 24px,linear-gradient(90deg,var(--rule-soft) 1px,transparent 1px) 0 0 / 24px 24px,radial-gradient(ellipse 80% 60% at 20% 90%,var(--tint-1),transparent 70%)}.theme-paper-noir .slide-stage:before{background:linear-gradient(var(--rule-soft) 1px,transparent 1px) 0 0 / 48px 48px,linear-gradient(90deg,var(--rule-soft) 1px,transparent 1px) 0 0 / 48px 48px}.theme-gold-bronze .slide-stage:before,.theme-gold-noir .slide-stage:before{background:radial-gradient(ellipse 60% 50% at 80% 20%,var(--tint-1),transparent 60%),radial-gradient(ellipse 80% 60% at 20% 90%,var(--tint-2),transparent 70%),radial-gradient(ellipse 40% 30% at 50% 50%,var(--accent-soft),transparent 60%)}.theme-gold-cream .slide-stage:before{background:linear-gradient(var(--rule-soft) 1px,transparent 1px) 0 0 / 32px 32px,linear-gradient(90deg,var(--rule-soft) 1px,transparent 1px) 0 0 / 32px 32px,radial-gradient(ellipse 60% 40% at 80% 30%,var(--tint-1),transparent 70%)}.theme-night-violet .slide-stage:before{background:radial-gradient(ellipse 60% 50% at 80% 20%,var(--tint-1),transparent 60%),radial-gradient(ellipse 80% 60% at 20% 90%,var(--tint-2),transparent 70%),linear-gradient(115deg,transparent 30%,var(--accent-soft) 50%,transparent 70%)}.theme-vermillion-rice .slide-stage:before,.theme-vermillion-sand .slide-stage:before{background:linear-gradient(var(--rule-soft) 1px,transparent 1px) 0 0 / 32px 32px,linear-gradient(90deg,var(--rule-soft) 1px,transparent 1px) 0 0 / 32px 32px,radial-gradient(ellipse 60% 40% at 80% 20%,var(--tint-1),transparent 70%)}.theme-kraft-tan .slide-stage:before,.theme-kraft-olive .slide-stage:before,.theme-kraft-rust .slide-stage:before{background:linear-gradient(var(--rule-soft) 1px,transparent 1px) 0 0 / 56px 56px,linear-gradient(90deg,var(--rule-soft) 1px,transparent 1px) 0 0 / 56px 56px,radial-gradient(ellipse 70% 50% at 50% 30%,var(--tint-1),transparent 70%)}[contenteditable=true]:focus{outline:1px dashed var(--accent);outline-offset:4px}[contenteditable=true]:hover:not(:focus){outline:1px dashed var(--rule-strong);outline-offset:4px;cursor:text}@keyframes line-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.chapter-line{transform-origin:left;animation:line-grow .8s cubic-bezier(.2,.8,.2,1) forwards}@keyframes slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slide-in .5s cubic-bezier(.2,.8,.2,1) both}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.pop-in{animation:pop-in .18s cubic-bezier(.2,.8,.2,1) both}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--rule);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--rule-strong)}.landing-stage{position:fixed;inset:0;z-index:1000;background:#050507;color:#ececec;font-family:"Noto Serif SC",Playfair Display,serif;overflow:hidden;display:flex;flex-direction:column}.landing-noise{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");opacity:.06;mix-blend-mode:overlay;pointer-events:none;z-index:1}.landing-glow{position:absolute;inset:0;background:radial-gradient(ellipse 60% 40% at 50% 30%,rgba(230,57,70,.07),transparent 70%),radial-gradient(ellipse 50% 30% at 50% 80%,rgba(212,185,120,.04),transparent 70%);pointer-events:none;z-index:1}.landing-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px) 0 0 / 80px 80px,linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px) 0 0 / 80px 80px;pointer-events:none;z-index:1}.landing-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6rem 4vw 6rem;position:relative;z-index:2;min-height:0}.landing-mark{display:flex;align-items:center;gap:1rem;font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.42em;color:#fff6;margin-bottom:1.4rem;opacity:0;transform:translateY(-12px);transition:opacity 1.1s cubic-bezier(.2,.8,.2,1),transform 1.1s cubic-bezier(.2,.8,.2,1)}.landing-mark.in{opacity:1;transform:translateY(0)}.landing-mark-line{width:32px;height:1px;background:#e63946;box-shadow:0 0 12px #e6394680}.landing-title{font-family:"Noto Serif SC",Playfair Display,serif;font-size:clamp(2rem,5vw,4.5rem);letter-spacing:.06em;line-height:1.32;font-weight:600;text-align:center;color:#f0f0f0;opacity:0;transform:translateY(28px);transition:opacity 1.3s cubic-bezier(.2,.8,.2,1),transform 1.3s cubic-bezier(.2,.8,.2,1),font-size .9s cubic-bezier(.2,.8,.2,1),margin .9s cubic-bezier(.2,.8,.2,1),letter-spacing .9s ease,color .9s ease,font-weight .9s ease;margin:0}.landing-title.in{opacity:1;transform:translateY(0)}.landing-title.shrunk{font-size:clamp(.9rem,1.25vw,1.2rem);margin-bottom:.8rem;letter-spacing:.18em;font-weight:400;color:#ffffff8c}.landing-title.shrunk br{display:none}.landing-title.shrunk .landing-accent{color:#e63946d9}.landing-accent{color:#e63946;transition:color .6s ease}.landing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;max-width:1280px;width:92vw;margin-top:.4rem}@media(max-width:1100px){.landing-cards{grid-template-columns:repeat(2,1fr);max-width:720px}}@media(max-width:600px){.landing-cards{grid-template-columns:1fr;max-width:360px}}.landing-card{position:relative;background:var(--bg);color:var(--ink);border:1px solid var(--rule);cursor:pointer;text-align:left;padding:0;overflow:hidden;opacity:0;transform:translateY(28px);animation:card-rise .85s cubic-bezier(.2,.8,.2,1) forwards;transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .4s ease;font-family:inherit}.landing-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 80% 20%,var(--tint-1),transparent 60%),radial-gradient(ellipse 80% 60% at 20% 90%,var(--tint-2),transparent 70%);z-index:0}.landing-card:hover,.landing-card.is-hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 30px 60px #000000b3,0 0 40px var(--accent-glow)}@keyframes card-rise{to{opacity:1;transform:translateY(0)}}.mini-cover{position:relative;z-index:1;aspect-ratio:16 / 9;padding:4.2%;display:flex;flex-direction:column;background:var(--bg)}.mini-cover-top,.mini-cover-bot{display:flex;justify-content:space-between;align-items:flex-start;font-family:var(--font-mark);font-size:.5rem;letter-spacing:.32em;color:var(--ink-faint)}.mini-cover-bot{align-items:flex-end}.mini-cover-main{flex:1;display:flex;flex-direction:column;justify-content:center;position:relative;margin:.6rem 0 .6rem 1rem}.mini-cover-bar{position:absolute;left:-.7rem;top:22%;width:1.5px;height:56%;background:var(--accent)}.mini-cover-title{font-family:"Noto Serif SC",serif;font-size:clamp(1.4rem,2.6vw,2.8rem);font-weight:700;color:var(--ink);line-height:1;letter-spacing:.02em}.mini-cover-sub{font-family:var(--font-display);font-size:clamp(.5rem,.7vw,.75rem);font-style:italic;letter-spacing:.15em;color:var(--ink-muted);margin-top:.35rem}.mini-cover-tag{font-family:var(--font-mark);font-size:.42rem;letter-spacing:.32em;color:var(--ink-faint)}.mini-cover-team{font-family:"Noto Serif SC",serif;font-size:.65rem;font-weight:500;color:var(--ink);margin-top:.18rem;letter-spacing:.06em}.landing-card-meta{position:relative;z-index:1;padding:.65rem .85rem .7rem;border-top:1px solid var(--rule);background:color-mix(in srgb,var(--bg) 78%,var(--ink) 22%)}.landing-card-row{display:flex;align-items:baseline;justify-content:space-between}.landing-card-name{font-family:"Noto Serif SC",serif;font-size:.95rem;font-weight:700;color:var(--ink);letter-spacing:.12em}.landing-card-num{font-family:var(--font-mark);font-size:.55rem;font-weight:700;letter-spacing:.3em;color:var(--accent)}.landing-card-sub{font-family:var(--font-mark);font-size:.5rem;letter-spacing:.32em;color:var(--accent);margin-top:.35rem}.landing-card-desc{font-family:Inter,sans-serif;font-size:.68rem;color:var(--ink-muted);margin-top:.32rem;letter-spacing:.04em;line-height:1.45}.landing-card-arrow{position:absolute;top:.7rem;right:.7rem;z-index:2;color:var(--ink-faint);background:color-mix(in srgb,var(--bg) 70%,transparent);width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:0;transform:translate(-6px);transition:opacity .3s ease,transform .3s ease,color .3s ease}.landing-card:hover .landing-card-arrow,.landing-card.is-hover .landing-card-arrow{opacity:1;transform:translate(0);color:var(--accent)}.landing-hint{margin-top:0;margin-bottom:1.4rem;font-family:Cinzel,serif;font-size:.62rem;letter-spacing:.32em;color:#ffffff73;opacity:0;transition:opacity 1.1s ease;text-align:center}.landing-hint.in{opacity:1}.landing-brand{position:absolute;top:2rem;left:2rem;z-index:3;display:flex;align-items:center;gap:.85rem;opacity:0;transition:opacity 1s ease .2s}.landing-brand.in{opacity:1}.landing-brand-mark{width:2px;height:30px;background:#e63946;box-shadow:0 0 12px #e6394666}.landing-brand-zh{font-family:"Noto Serif SC",serif;font-size:1.1rem;font-weight:700;letter-spacing:.13em;color:#ffffffe0}.landing-brand-en{font-family:Cinzel,serif;font-size:.55rem;letter-spacing:.32em;color:#fff6;margin-top:3px}.landing-version{position:absolute;top:2rem;right:2rem;z-index:3;display:flex;align-items:center;gap:.4rem;font-family:Cinzel,serif;font-size:.55rem;letter-spacing:.32em;color:#fff6;opacity:0;transition:opacity 1s ease .4s}.landing-version.in{opacity:1}.landing-version svg{color:#e63946}.landing-skip{position:absolute;bottom:1.2rem;right:1.5rem;z-index:4;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);color:#ffffff8c;font-family:Cinzel,serif;font-size:.62rem;letter-spacing:.32em;padding:.5rem 1rem;cursor:pointer;opacity:0;transition:opacity .7s ease,all .3s ease}.landing-skip.in{opacity:1}.landing-skip:hover{border-color:#e63946;color:#e63946;box-shadow:0 0 18px #e6394640}.landing-foot{position:absolute;bottom:1.4rem;left:2rem;z-index:4;font-family:Cinzel,serif;font-size:.55rem;letter-spacing:.36em;color:#ffffff52;opacity:0;transition:opacity .8s ease}.landing-foot.in{opacity:1}.form-stage{min-height:100vh;background:var(--bg);color:var(--ink);display:flex;flex-direction:column}.form-toolbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.9rem 1.5rem;background:color-mix(in srgb,var(--bg) 86%,var(--ink) 14%);border-bottom:1px solid var(--rule-strong);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--rule-soft)}.form-toolbar-brand{display:flex;align-items:center;gap:.85rem;flex-shrink:0}.form-toolbar-mark{width:2px;height:30px;background:var(--accent)}.form-toolbar-zh{font-family:"Noto Serif SC",var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:.13em;color:var(--ink)}.form-toolbar-en{font-family:var(--font-mark);font-size:.55rem;letter-spacing:.32em;color:var(--ink-faint);margin-top:2px}.form-toolbar-center{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;min-width:0}.form-toolbar-hint{font-family:"Noto Serif SC",var(--font-display);font-size:.85rem;letter-spacing:.08em;color:var(--ink-muted)}.form-toolbar-actions{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.form-btn-ghost{display:flex;align-items:center;gap:.4rem;padding:.45rem .85rem;background:transparent;border:1px solid var(--rule-strong);color:var(--ink-muted);font-family:var(--font-mark);font-size:.6rem;letter-spacing:.3em;cursor:pointer;transition:all .2s ease}.form-btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.form-btn-primary{display:flex;align-items:center;gap:.5rem;padding:.55rem 1.1rem;background:var(--accent);border:none;color:var(--on-accent);font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.3em;font-weight:700;cursor:pointer;transition:all .2s ease}.form-btn-primary:hover{background:var(--accent-hover)}.form-grid{flex:1;display:grid;grid-template-columns:minmax(360px,5fr) minmax(0,7fr);gap:2rem;max-width:1500px;margin:0 auto;padding:2rem 1.5rem 4rem;width:100%;box-sizing:border-box}@media(max-width:1100px){.form-grid{grid-template-columns:1fr}}.form-input{min-width:0}.form-preview-col{position:relative;min-width:0}.form-preview-sticky{position:sticky;top:calc(60px + 1.5rem)}.form-hero{margin-bottom:3rem}.form-hero-mark{display:flex;align-items:center;gap:.85rem;font-family:var(--font-mark);font-size:.6rem;letter-spacing:.36em;color:var(--accent);font-weight:700;margin-bottom:1.2rem}.form-hero-line{width:28px;height:1px;background:var(--accent)}.form-hero-title{font-family:"Noto Serif SC",var(--font-display);font-size:clamp(1.8rem,3.4vw,3rem);font-weight:700;letter-spacing:.05em;line-height:1.25;color:var(--ink);margin:0}.form-hero-accent{color:var(--accent)}.form-hero-sub{font-family:"Noto Serif SC",var(--font-display);font-size:.95rem;letter-spacing:.1em;color:var(--ink-muted);margin-top:1rem;font-weight:300;line-height:1.6}.form-section{margin-bottom:3.5rem;padding:1.6rem 1.6rem 1.8rem 1.8rem;background:var(--tile);border:1px solid var(--rule-strong);border-left:2px solid var(--rule-strong);transition:border-left-color .4s ease,background .4s ease,border-color .4s ease;scroll-margin-top:80px}.form-section.is-active{border-color:var(--accent);border-left-color:var(--accent);background:color-mix(in srgb,var(--bg) 90%,var(--accent) 10%);box-shadow:0 0 0 1px var(--accent-soft),0 8px 24px var(--accent-glow)}.form-section-head{display:flex;align-items:baseline;gap:.85rem;margin-bottom:.4rem}.form-section-num{font-family:var(--font-mark);font-size:.75rem;letter-spacing:.32em;color:var(--accent);font-weight:700}.form-section-line{width:22px;height:1px;background:var(--accent)}.form-section-mark{font-family:var(--font-mark);font-size:.6rem;letter-spacing:.32em;color:var(--ink-muted)}.form-section-title{margin-left:auto;font-family:"Noto Serif SC",var(--font-display);font-size:1.15rem;font-weight:600;letter-spacing:.12em;color:var(--ink)}.form-section-desc{font-family:"Noto Serif SC",var(--font-display);font-size:.78rem;letter-spacing:.06em;color:var(--ink-muted);margin-bottom:1.2rem;font-style:italic;font-weight:300}.form-section-body{display:flex;flex-direction:column;gap:1rem}.form-field{display:block}.form-label{font-family:var(--font-mark);font-size:.6rem;letter-spacing:.32em;color:var(--ink-muted);margin-bottom:.5rem}.form-field-input{width:100%;padding:.7rem .9rem;background:var(--bg-elevated);border:1px solid var(--rule-strong);font-size:.92rem;letter-spacing:.04em;line-height:1.6;font-family:Inter,system-ui,sans-serif;color:var(--ink);transition:all .2s ease;resize:vertical;box-sizing:border-box;outline:none}.form-field-input::-moz-placeholder{color:var(--ink-faint);opacity:1}.form-field-input::placeholder{color:var(--ink-faint);opacity:1}.form-field-input:focus{border-color:var(--accent);background:var(--bg-deep);box-shadow:0 0 0 3px var(--accent-soft)}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-image-block{margin-top:.5rem}.form-tip{font-family:Inter,sans-serif;font-size:.7rem;color:var(--ink-faint);margin-top:.6rem;letter-spacing:.05em;line-height:1.5}.form-members{display:flex;flex-direction:column;gap:.8rem}.form-member-row{display:grid;grid-template-columns:56px 1fr 24px;gap:.7rem;align-items:start}.form-member-avatar{width:56px}.form-member-fields{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.form-member-remove{background:transparent;border:none;color:var(--ink-faint);cursor:pointer;padding:.5rem;align-self:end;transition:color .2s ease}.form-member-remove:hover{color:var(--accent)}.form-add-member{display:flex;align-items:center;gap:.5rem;background:transparent;border:1px dashed var(--rule-strong);color:var(--ink-muted);padding:.6rem 1rem;font-family:var(--font-mark);font-size:.6rem;letter-spacing:.32em;cursor:pointer;transition:all .2s ease;margin-top:.4rem}.form-add-member:hover{border-color:var(--accent);color:var(--accent)}.form-final{margin-top:4rem;padding:2.5rem 2rem;border-top:1px solid var(--rule);text-align:center}.form-final-mark{font-family:var(--font-mark);font-size:.6rem;letter-spacing:.4em;color:var(--accent);font-weight:700}.form-final-text{font-family:"Noto Serif SC",var(--font-display);font-size:.95rem;letter-spacing:.08em;color:var(--ink-muted);margin-top:1rem;line-height:1.8;font-weight:300}.form-final-accent{color:var(--accent);font-weight:600}.form-final-btn{display:inline-flex;align-items:center;gap:.6rem;margin-top:2rem;padding:.9rem 2.2rem;background:var(--accent);color:var(--on-accent);border:none;font-family:Cinzel,serif;font-size:.85rem;letter-spacing:.3em;font-weight:700;cursor:pointer;transition:all .2s ease}.form-final-btn:hover{background:var(--accent-hover);transform:translate(2px)}.live-preview-pane{display:flex;flex-direction:column;gap:.85rem}.live-preview-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0}.live-preview-mark{font-family:var(--font-mark);font-size:.55rem;letter-spacing:.36em;color:var(--accent);font-weight:700}.live-preview-dots{display:flex;align-items:center;gap:.3rem}.live-preview-dot{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.35rem .55rem;background:transparent;border:1px solid var(--rule);cursor:pointer;transition:all .2s ease;min-width:44px}.live-preview-dot.is-active{border-color:var(--accent);background:var(--accent-soft)}.live-preview-dot-num{font-family:var(--font-mark);font-size:.5rem;letter-spacing:.25em;color:var(--ink-faint);font-weight:600}.live-preview-dot.is-active .live-preview-dot-num{color:var(--accent)}.live-preview-dot-label{font-family:"Noto Serif SC",var(--font-display);font-size:.65rem;font-weight:500;color:var(--ink-muted);letter-spacing:.06em}.live-preview-dot.is-active .live-preview-dot-label{color:var(--ink);font-weight:600}.live-preview-stage{width:100%;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.live-preview-hint{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mark);font-size:.55rem;letter-spacing:.32em;color:var(--ink-faint);padding:.3rem 0}.theme-picker-trigger{display:flex;align-items:center;gap:.45rem;border:1px solid;cursor:pointer;color:var(--ink);transition:all .2s ease;font-family:inherit}.theme-picker-trigger:hover{border-color:var(--accent)}.theme-picker-trigger-fam{font-family:var(--font-mark);font-size:.6rem;letter-spacing:.3em;font-weight:700;color:var(--ink)}.theme-picker-trigger-var{font-family:"Noto Serif SC",var(--font-display);font-size:.7rem;letter-spacing:.1em;color:var(--ink-muted)}.theme-picker-popover{background:color-mix(in srgb,var(--bg) 80%,var(--ink) 20%);border:1px solid var(--rule-strong);box-shadow:0 30px 80px #000000a6,0 4px 24px #00000059,0 0 0 1px var(--accent-glow);padding:1.3rem 1.5rem 1.4rem;width:min(820px,calc(100vw - 32px));max-height:calc(100vh - 80px);overflow-y:auto}.theme-picker-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.1rem;padding-bottom:.9rem;border-bottom:1px solid var(--rule-strong)}.theme-picker-head-left{display:flex;align-items:center;gap:.85rem}.theme-picker-mark{font-family:var(--font-mark);font-size:.7rem;letter-spacing:.36em;color:var(--accent);font-weight:700}.theme-picker-mark-line{width:28px;height:1px;background:var(--accent)}.theme-picker-title{font-family:"Noto Serif SC",var(--font-display);font-size:1rem;font-weight:700;letter-spacing:.13em;color:var(--ink);line-height:1}.theme-picker-meta{font-family:var(--font-mark);font-size:.55rem;letter-spacing:.32em;color:var(--ink-muted);margin-top:.3rem}.theme-picker-head-right{display:flex;align-items:center;gap:.8rem}.theme-picker-esc{font-family:var(--font-mark);font-size:.55rem;letter-spacing:.32em;color:var(--ink-faint);padding:.3rem .55rem;border:1px solid var(--rule)}.theme-picker-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--rule-strong);color:var(--ink-muted);cursor:pointer;transition:all .2s ease;padding:0}.theme-picker-close:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.theme-picker-rows{display:flex;flex-direction:column}.theme-picker-row{display:grid;grid-template-columns:158px 1fr;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--rule)}.theme-picker-row:last-child{border-bottom:none}.theme-picker-row-head{display:flex;align-items:flex-start;gap:.6rem;padding-top:.4rem}.theme-picker-fam-row{display:flex;align-items:baseline;gap:.6rem}.theme-picker-fam-zh{font-family:"Noto Serif SC",var(--font-display);font-size:1rem;font-weight:700;letter-spacing:.13em;color:var(--ink)}.theme-picker-fam-en{font-family:var(--font-mark);font-size:.55rem;letter-spacing:.32em;color:var(--ink-faint)}.theme-picker-fam-desc{font-family:"Noto Serif SC",var(--font-display);font-size:.7rem;letter-spacing:.05em;color:var(--ink-muted);margin-top:.25rem;font-style:italic;font-weight:300}.theme-picker-variants{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.theme-variant-card{display:flex;align-items:center;gap:.55rem;padding:.6rem .7rem;background:var(--tile);border:1px solid var(--rule);cursor:pointer;text-align:left;transition:all .2s ease;font-family:inherit;min-width:0}.theme-variant-card:hover{border-color:var(--rule-strong);background:color-mix(in srgb,var(--tile) 50%,var(--accent-soft) 50%)}.theme-variant-card.is-active{border-color:var(--accent);background:var(--accent-soft)}.theme-variant-swatch{width:42px;height:28px;border:1px solid var(--rule-strong);box-shadow:inset 0 0 0 1px #00000014;position:relative;flex-shrink:0}.theme-variant-swatch span{position:absolute;bottom:3px;right:3px;width:10px;height:10px;border-radius:50%;display:block;box-shadow:0 0 0 1px #0000002e}.theme-variant-text{flex:1;min-width:0}.theme-variant-name{font-family:"Noto Serif SC",var(--font-display);font-size:.78rem;font-weight:600;letter-spacing:.06em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-variant-en{font-family:var(--font-mark);font-size:.5rem;letter-spacing:.3em;color:var(--ink-faint);margin-top:1px}.theme-picker-foot{display:flex;align-items:center;justify-content:space-between;margin-top:1.1rem;padding-top:.85rem;border-top:1px solid var(--rule);font-family:var(--font-mark);font-size:.55rem;letter-spacing:.32em;color:var(--ink-faint)}.onboarding-toggle{position:fixed;bottom:1.5rem;right:1.5rem;z-index:200;width:38px;height:38px;border-radius:50%;background:color-mix(in srgb,var(--bg) 85%,var(--ink) 15%);border:1px solid var(--rule-strong);color:var(--ink-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.onboarding-toggle:hover{border-color:var(--accent);color:var(--accent);transform:scale(1.05)}.onboarding-toggle-pulse{position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 var(--accent);animation:onboarding-pulse 1.6s infinite}@keyframes onboarding-pulse{0%{box-shadow:0 0 0 0 var(--accent-glow)}70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}.onboarding-panel{position:fixed;bottom:1.5rem;right:1.5rem;z-index:200;width:340px;background:color-mix(in srgb,var(--bg) 82%,var(--ink) 18%);border:1px solid var(--rule-strong);box-shadow:0 20px 60px #0009,0 0 0 1px var(--accent-glow);padding:1.2rem 1.3rem 1.3rem;font-family:Inter,sans-serif}.onboarding-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.onboarding-title{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mark);font-size:.62rem;letter-spacing:.32em;color:var(--accent);font-weight:700}.onboarding-close{background:transparent;border:none;color:var(--ink-faint);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.onboarding-close:hover{color:var(--accent)}.onboarding-body{display:flex;flex-direction:column;gap:.85rem;margin-bottom:1.2rem}.onboarding-step{display:flex;gap:.7rem;align-items:flex-start}.onboarding-step-num{font-family:var(--font-mark);font-size:.6rem;letter-spacing:.3em;color:var(--accent);font-weight:700;flex-shrink:0;margin-top:.18rem}.onboarding-step-text{flex:1;min-width:0}.onboarding-step-title{font-family:"Noto Serif SC",var(--font-display);font-size:.85rem;font-weight:600;letter-spacing:.06em;color:var(--ink)}.onboarding-step-desc{font-family:Inter,sans-serif;font-size:.72rem;color:var(--ink-muted);margin-top:.25rem;line-height:1.55;letter-spacing:.02em}.onboarding-cta{width:100%;padding:.7rem;background:var(--accent);color:var(--on-accent);border:none;cursor:pointer;font-family:Cinzel,serif;font-size:.65rem;letter-spacing:.3em;font-weight:700;transition:background .2s ease}.onboarding-cta:hover{background:var(--accent-hover)}@keyframes qishi-spin{to{transform:rotate(360deg)}}.spin{animation:qishi-spin 1s linear infinite}.export-rig .noise-layer:after{display:none!important}.export-rig .slide-stage:before{display:none!important}.export-overlay{position:fixed;inset:0;z-index:1000;background:#000000c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif}.export-card{width:min(420px,90vw);background:color-mix(in srgb,var(--bg) 80%,var(--ink) 20%);border:1px solid var(--rule-strong);box-shadow:0 30px 80px #000000b3,0 0 0 1px var(--accent-glow);padding:1.6rem 1.8rem;text-align:center}.export-mark{display:flex;align-items:center;justify-content:center;gap:.6rem;font-family:var(--font-mark);font-size:.65rem;letter-spacing:.36em;color:var(--accent);font-weight:700;margin-bottom:1.2rem}.export-label{font-family:"Noto Serif SC",var(--font-display);font-size:1rem;font-weight:500;letter-spacing:.08em;color:var(--ink);margin-bottom:1.2rem;min-height:1.5em}.export-progress{width:100%;height:4px;background:var(--rule);position:relative;overflow:hidden}.export-progress-bar{position:absolute;inset:0 auto 0 0;background:var(--accent);transition:width .3s ease;box-shadow:0 0 12px var(--accent-glow)}.export-percent{font-family:var(--font-mark);font-size:.65rem;letter-spacing:.32em;color:var(--ink-muted);margin-top:.85rem;font-weight:600}.text-ink{color:var(--ink)}.text-ink-muted{color:var(--ink-muted)}.text-ink-faint{color:var(--ink-faint)}.text-accent{color:var(--accent)}.bg-bg{background:var(--bg)}.bg-bg-elevated{background:var(--bg-elevated)}.bg-bg-deep{background:var(--bg-deep)}.bg-accent{background:var(--accent)}.font-serif{font-family:"Noto Serif SC",var(--font-display)}.font-display{font-family:var(--font-display)}.font-mark{font-family:var(--font-mark)}.font-body{font-family:Inter,system-ui,sans-serif}.border-rule{border-color:var(--rule)}.hover\:text-accent:hover{color:var(--accent)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-20:disabled{opacity:.2}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-60:disabled{opacity:.6}@media(min-width:768px){.md\:flex{display:flex}}