:root{--brand-gold:#c9b46d;--brand-gold-bright:#e8d48a;--ease-lux:cubic-bezier(0.625,0.05,0,1)}[data-theme|=water]{--t-bg:#f2f5f4;--t-bg-raise:#e7edeb;--t-text:#262019;--t-accent:#3d7a80;--t-accent-2:#2f6165;--t-glow:rgba(61,122,128,.14);--t-particle:rgba(61,122,128,.5);--t-seal:#3d7a80;--t-select:#bcd6d3}[data-theme|=fire]{--t-bg:#f8f1e9;--t-bg-raise:#f1e5d8;--t-text:#262019;--t-accent:#a62b1f;--t-accent-2:#7e2118;--t-glow:rgba(166,43,31,.13);--t-particle:rgba(179,35,26,.45);--t-seal:#b3231a;--t-select:#ecc9b8}[data-theme|=wood]{--t-bg:#f3f5ee;--t-bg-raise:#e8ecdf;--t-text:#262019;--t-accent:#3f6b3c;--t-accent-2:#32552f;--t-glow:rgba(63,107,60,.13);--t-particle:rgba(63,107,60,.5);--t-seal:#3f6b3c;--t-select:#c6d7b4}[data-theme|=metal]{--t-bg:#f4f4f3;--t-bg-raise:#e9eaec;--t-text:#262019;--t-accent:#5c6675;--t-accent-2:#49505c;--t-glow:rgba(92,102,117,.13);--t-particle:rgba(92,102,117,.5);--t-seal:#5c6675;--t-select:#ccd2dc}[data-theme|=earth]{--t-bg:#f6f1e6;--t-bg-raise:#ece3d0;--t-text:#262019;--t-accent:#7a5c2e;--t-accent-2:#624824;--t-glow:rgba(122,92,46,.14);--t-particle:rgba(122,92,46,.5);--t-seal:#7a5c2e;--t-select:#dcc9a3}[data-theme]{--ink:color-mix(in srgb,var(--t-text) 60%,transparent)}html[data-theme] body{background:var(--t-bg);color:var(--t-text);transition:background 1.2s var(--ease-lux),color 1.2s var(--ease-lux)}html[data-theme] ::-moz-selection{background:var(--t-select);color:var(--t-text)}html[data-theme] ::selection{background:var(--t-select);color:var(--t-text)}.serif,html[data-theme] .font-serif{font-family:var(--font-display),"Songti SC","Noto Serif SC",var(--font-cjk),serif}.brush{font-family:var(--font-brush),"Songti SC","Noto Serif SC",serif}.ember-canvas,.particle-canvas{position:fixed;inset:0;z-index:0;pointer-events:none}.ember-canvas{opacity:0;transition:opacity 2s var(--ease-lux)}body.year-on .ember-canvas{opacity:1}.aurora{position:fixed;inset:-20%;z-index:0;pointer-events:none;background:radial-gradient(ellipse 42% 34% at 22% 28%,var(--t-glow),transparent 70%),radial-gradient(ellipse 38% 30% at 78% 68%,var(--t-glow),transparent 70%);animation:aurora-drift 26s ease-in-out infinite alternate}@keyframes aurora-drift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(2.5%,-2%,0) scale(1.06)}to{transform:translate3d(-2%,2.5%,0) scale(1.03)}}.vignette{z-index:1;background:radial-gradient(ellipse 90% 80% at 50% 40%,transparent 55%,rgba(38,32,25,.22) 100%)}.grain,.vignette{position:fixed;inset:0;pointer-events:none}.grain{z-index:2;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E")}.watermark{position:fixed;right:-4vw;top:12vh;font-family:var(--font-brush),"Songti SC","Noto Serif SC",serif;font-size:60vh;line-height:1;color:var(--t-accent);opacity:.05;pointer-events:none;z-index:0}.reveal-line{display:block;overflow:hidden}.reveal-line>span{display:block;transform:translateY(110%);animation:line-up 1s var(--ease-lux) forwards}@keyframes line-up{to{transform:translateY(0)}}.btn-bubble{position:relative;display:inline-flex;align-items:center;gap:.8rem;padding:1rem 1.9rem;border:1px solid rgba(38,32,25,.28);border-radius:999px;background:transparent;color:var(--t-text,#262019);font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;cursor:pointer;overflow:hidden;transition:border-color .5s var(--ease-lux)}.btn-bubble .bubble-bg{position:absolute;inset:0;background:var(--t-accent,#c9b46d);border-radius:999px;transform:translateY(101%) rotate(.001deg);transition:transform .5s var(--ease-lux)}.btn-bubble span,.btn-bubble svg{position:relative;z-index:1;transition:color .735s var(--ease-lux),transform .735s var(--ease-lux)}.btn-bubble:hover .bubble-bg{transform:translateY(0) rotate(.001deg)}.btn-bubble:hover span,.btn-bubble:hover svg{color:#060606}.btn-bubble:hover{border-color:var(--t-accent,#c9b46d)}.eyebrow{color:var(--brand-gold);letter-spacing:.42em;font-size:.68rem;margin-bottom:1.6rem}.eyebrow,.section-label{text-transform:uppercase}.section-label{font-size:.64rem;letter-spacing:.34em;color:var(--ink,rgba(38,32,25,.6));margin:2.6rem 0 1.1rem}.identity-tag{display:inline-flex;align-items:center;gap:.6rem;margin-top:1.4rem;padding:.5rem 1.1rem;border:1px solid rgba(38,32,25,.18);border-radius:999px;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--t-accent)}.identity-tag .dot{width:6px;height:6px;border-radius:50%;background:var(--t-accent);box-shadow:0 0 12px var(--t-accent)}.writer-stage{position:relative;width:320px;height:320px;max-width:100%}.writer-stage .frame-ring{position:absolute;inset:0;border:1px solid rgba(38,32,25,.15);border-radius:50%}.writer-stage .frame-ring:before{content:"";position:absolute;inset:10px;border:1px solid rgba(38,32,25,.1);border-radius:50%}.char-seal{position:absolute;right:-2%;bottom:4%;width:56px;height:56px;background:linear-gradient(140deg,#c8321e,#a8230f);border-radius:10%;display:flex;align-items:center;justify-content:center;font-family:var(--font-brush),"Ma Shan Zheng",serif;font-size:1.5rem;color:#e8e4da;box-shadow:0 6px 26px rgba(200,50,30,.3);transform:rotate(-6deg);opacity:0}.char-seal.stamped{animation:stamp .55s cubic-bezier(.2,1.4,.4,1) forwards}@keyframes stamp{0%{transform:scale(1.6) rotate(-14deg);opacity:0}60%{transform:scale(.94) rotate(-5deg);opacity:1}to{transform:scale(1) rotate(-6deg);opacity:1}}.writer-meta{margin-top:1.2rem;display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap}.writer-meta .pinyin{font-family:var(--font-display),"Songti SC",serif;font-size:1.6rem;color:var(--t-text,#262019)}.writer-meta .meaning{font-size:.78rem;color:var(--ink,rgba(38,32,25,.6));letter-spacing:.1em}.writer-actions{display:flex;gap:.7rem;margin-top:1rem;flex-wrap:wrap}.w-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.7rem 1.2rem;font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;transition:all .4s var(--ease-lux);background:transparent}.w-btn.primary{border:1px solid var(--t-accent);color:var(--t-accent)}.w-btn.primary:hover{background:var(--t-accent);color:#04181c}.w-btn.ghost{border:1px solid rgba(38,32,25,.25);color:var(--ink,rgba(38,32,25,.6))}.w-btn.ghost:hover{border-color:#c8321e;color:#a8230f}.quiz-hint{margin-top:.8rem;font-size:.72rem;color:var(--ink,rgba(38,32,25,.6));min-height:1.2em;letter-spacing:.04em}.steps-zone{max-height:0;overflow:hidden;opacity:0;transition:max-height .9s var(--ease-lux),opacity .8s var(--ease-lux)}.steps-zone.revealed{max-height:240px;opacity:1}.steps-strip{display:flex;gap:.6rem;overflow-x:auto;padding:.4rem 0 .8rem;scrollbar-width:none}.steps-strip::-webkit-scrollbar{display:none}.step-card{flex:0 0 auto;width:86px;background:var(--t-bg-raise,rgba(38,32,25,.05));border:1px solid rgba(38,32,25,.12);display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0 6px}.step-card svg{width:64px;height:64px}.step-card .n{font-size:.58rem;letter-spacing:.2em;color:var(--ink,rgba(38,32,25,.6))}.wheel-section{display:grid;grid-template-columns:340px 1fr;gap:clamp(1.5rem,4vw,4rem);align-items:center;margin:3rem 0;padding:clamp(1.6rem,3vw,2.6rem);border:1px solid rgba(38,32,25,.14);background:linear-gradient(135deg,var(--t-bg-raise,rgba(38,32,25,.05)),color-mix(in srgb,var(--t-bg-raise,#e9e4d8) 88%,#a8230f 12%));position:relative;overflow:hidden}.wheel-wrap{width:340px;height:340px;max-width:100%;margin:0 auto}.rel-title{font-family:var(--font-display),"Songti SC","Noto Serif SC",serif;font-size:clamp(1.5rem,2.8vw,2.1rem);line-height:1.3}.rel-title .year-el{color:#e8973d}.rel-title .you{color:var(--t-accent)}.rel-tag{display:inline-block;margin-bottom:1rem;padding:.4rem .95rem;border:1px solid rgba(200,50,30,.55);color:#e8973d;font-size:.66rem;letter-spacing:.24em;text-transform:uppercase}.rel-body{margin-top:1rem;color:var(--ink,rgba(38,32,25,.6));line-height:1.85;font-size:.92rem;max-width:56ch}.rel-body strong{color:var(--t-text,#262019);font-weight:500}.year-wash{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity 2s var(--ease-lux);background:radial-gradient(ellipse 50% 38% at 82% 18%,rgba(166,43,31,.16),transparent 70%),radial-gradient(ellipse 44% 34% at 12% 86%,rgba(232,151,61,.12),transparent 70%)}body.year-on .year-wash{opacity:1}.steam-seam{position:fixed;left:0;right:0;top:38%;height:30vh;z-index:1;pointer-events:none;opacity:0;transition:opacity 2.4s var(--ease-lux);background:linear-gradient(105deg,transparent,rgba(111,179,172,.1) 30%,hsla(30,18%,78%,.14) 50%,rgba(232,151,61,.1) 70%,transparent);filter:blur(2px);animation:seam-drift 18s ease-in-out infinite alternate}body.year-on .steam-seam{opacity:1}@keyframes seam-drift{0%{transform:translateY(0) skewY(-1.5deg)}to{transform:translateY(-4vh) skewY(1.5deg)}}.toggle-row{display:flex;align-items:center;gap:1.2rem;margin:2.2rem 0 0}.year-toggle{position:relative;width:74px;height:38px;border-radius:999px;border:1px solid rgba(38,32,25,.3);background:var(--t-bg-raise,rgba(38,32,25,.05));cursor:pointer;transition:background .735s var(--ease-lux),border-color .735s var(--ease-lux)}.year-toggle .knob{position:absolute;top:3px;left:4px;width:30px;height:30px;border-radius:50%;background:var(--t-accent,#c9b46d);transition:transform .735s var(--ease-lux),background .735s var(--ease-lux);display:flex;align-items:center;justify-content:center;font-family:"Songti SC","Noto Serif SC",var(--font-cjk),serif;font-size:.95rem;color:#04181c}body.year-on .year-toggle{background:rgba(166,43,31,.1);border-color:rgba(232,151,61,.5)}body.year-on .year-toggle .knob{transform:translateX(35px);background:#e8973d;color:#2a0d06}.toggle-label{font-size:.82rem;color:var(--ink,rgba(38,32,25,.6));letter-spacing:.08em}.toggle-label strong{color:var(--t-text,#262019);font-weight:500;display:block;font-size:.95rem;margin-bottom:.2rem}.year-reading{max-height:0;overflow:hidden;opacity:0;transition:max-height 1.4s var(--ease-lux),opacity 1.2s var(--ease-lux),margin 1s var(--ease-lux);margin-top:0}body.year-on .year-reading{max-height:1400px;opacity:1;margin-top:1rem}.clash-meter{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.4rem;margin:2.6rem 0 .5rem}.clash-meter .side{text-align:center}.side .glyph-big{font-family:"Songti SC","Noto Serif SC",var(--font-cjk),serif;font-size:4rem;line-height:1}.side.natal .glyph-big{color:var(--t-accent);text-shadow:0 0 34px var(--t-glow)}.side.year .glyph-big{color:#e8973d;text-shadow:0 0 34px rgba(232,151,61,.45)}.side .side-label{font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ink,rgba(38,32,25,.6));margin-top:.7rem}.versus{width:96px;height:96px;border-radius:50%;border:1px solid rgba(38,32,25,.22);display:flex;align-items:center;justify-content:center;font-family:var(--font-display),serif;font-size:1.5rem;color:var(--brand-gold);position:relative;animation:halo-breathe 5s ease-in-out infinite}.versus:before{content:"";position:absolute;inset:-1px;border-radius:50%;background:conic-gradient(from 0deg,var(--t-accent,#6fb3ac),#e8973d,var(--t-accent,#6fb3ac));z-index:-1;opacity:.5;filter:blur(6px);animation:spin 14s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes halo-breathe{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.12);opacity:1}}.reading-block{border:1px solid rgba(38,32,25,.14);background:linear-gradient(135deg,var(--t-bg-raise,rgba(38,32,25,.05)),rgba(122,92,46,.12));padding:clamp(1.8rem,3.5vw,2.8rem);margin-top:2rem;position:relative;overflow:hidden}.reading-block .r-title{font-family:var(--font-display),"Songti SC","Noto Serif SC",serif;font-size:clamp(1.5rem,2.8vw,2.2rem);line-height:1.3;max-width:32ch}.reading-block .r-title .year-el{color:#e8973d}.reading-block .r-title .natal-el{color:var(--t-accent)}.reading-block .r-body{margin-top:1.2rem;color:var(--ink,rgba(38,32,25,.6));line-height:1.85;max-width:62ch;font-size:.95rem}.reading-block .r-body strong{color:var(--t-text,#262019);font-weight:500}.note-strip{margin:2rem 0 3rem;padding:1.2rem 1.5rem;border-left:2px solid var(--brand-gold);background:hsla(46,46%,61%,.06);color:var(--ink,rgba(38,32,25,.6));font-size:.85rem;line-height:1.75}.note-strip strong{color:var(--brand-gold);font-weight:500}.char-stage{position:relative;width:220px;height:220px;max-width:100%;margin:0 auto}.char-stage .enso-bg{position:absolute;inset:0}.char-stage .enso-bg path{fill:none;stroke:var(--t-seal,#9aa0a6);stroke-width:2;stroke-linecap:round;opacity:.45}.pillar-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:1.3rem}.pillar-cell{border:1px solid rgba(38,32,25,.18);padding:.8rem .4rem;text-align:center;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(38,32,25,.45);position:relative}.pillar-cell .g{display:block;font-family:var(--font-brush),"Ma Shan Zheng",serif;font-size:1.5rem;margin-bottom:.4rem;color:var(--t-text,#262019)}.pillar-cell.open{border-color:rgba(200,50,30,.5);color:var(--t-text,#262019)}.pillar-cell.locked .g{filter:blur(7px);opacity:.5}.pillar-cell.locked:after{content:"";position:absolute;top:6px;right:8px;width:8px;height:10px;border:1.5px solid rgba(38,32,25,.4);border-radius:2px;opacity:.6}.boundary-flag{margin-top:.9rem;padding:.75rem .95rem;border-left:2px solid var(--brand-gold);background:hsla(46,46%,61%,.07);font-size:.75rem;color:rgba(38,32,25,.6);line-height:1.65}.panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;background:rgba(38,32,25,.12);border:1px solid rgba(38,32,25,.12);margin:2rem 0}.panel{background:var(--t-bg-raise,rgba(38,32,25,.05));padding:1.8rem;transition:background .6s var(--ease-lux);position:relative}.panel:hover{background:color-mix(in srgb,var(--t-bg-raise,#e9e4d8) 80%,var(--t-accent,#c9b46d) 20%)}.panel .p-label{font-size:.62rem;letter-spacing:.32em;text-transform:uppercase;color:var(--ink,rgba(38,32,25,.6));margin-bottom:1rem}.panel .p-value{font-family:var(--font-display),"Songti SC","Noto Serif SC",serif;font-size:1.7rem;color:var(--t-text,#262019)}.panel .p-value .cn{color:var(--t-accent,#c9b46d);margin-right:.4em}.panel .p-note{margin-top:.6rem;font-size:.8rem;color:var(--ink,rgba(38,32,25,.6));line-height:1.6}.element-row{display:flex;align-items:center;gap:1rem;margin:.55rem 0;font-size:.78rem}.element-row .e-name{width:4.5em;color:var(--ink,rgba(38,32,25,.6));letter-spacing:.12em}.element-row .e-track{flex:1;height:3px;background:rgba(38,32,25,.12);position:relative;overflow:hidden}.element-row .e-fill{position:absolute;inset:0;transform-origin:left;transform:scaleX(0);animation:e-grow 1.6s var(--ease-lux) forwards}@keyframes e-grow{to{transform:scaleX(var(--w))}}.element-row .e-pct{width:3em;text-align:right;color:var(--t-text,#262019)}.brush-divider{display:block;width:100%;height:24px;color:var(--t-accent,#c9b46d)}@media (max-width:760px){.wheel-section{grid-template-columns:1fr}.writer-stage{margin:0 auto}}@media (prefers-reduced-motion:reduce){.aurora,.ember-canvas,.steam-seam,.versus,.versus:before{animation:none!important}.reveal-line>span{transform:none;animation:none}.element-row .e-fill{transform:scaleX(var(--w));animation:none}.char-seal.stamped{animation:none;opacity:1}.steam-seam,.steps-zone,.year-reading,.year-wash{transition:none!important}}