:root{--ink:#080508;--ink-light:#130a10;--parchment:#f5f0e8;--gold:#c9a84c;--gold-light:#e8d48b;--gold-dark:#8b6914;--burgundy:#6b1a2a;--cream:#fdf8f0;--text-dim:#b8a890;--navy:#0d1b2a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--parchment);min-height:100vh;font-family:EB Garamond,serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}.page{z-index:2;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:5rem 1.5rem 3rem;display:flex;position:relative}.page-top{justify-content:flex-start;padding-top:5.5rem}.display{color:var(--gold-light);letter-spacing:.04em;font-family:Playfair Display,serif;font-size:clamp(2.2rem,5.5vw,4.5rem);font-weight:900;line-height:1.05;animation:4s ease-in-out infinite titleGlow}.display-sm{color:var(--gold-light);letter-spacing:.03em;font-family:Playfair Display,serif;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:700}.display-xs{color:var(--gold-light);font-family:Playfair Display,serif;font-size:clamp(1.1rem,2.5vw,1.6rem)}.italic-sub{color:var(--text-dim);font-size:1.05rem;font-style:italic}.eyebrow{letter-spacing:.45em;text-transform:uppercase;color:var(--gold);opacity:.8;font-size:.78rem}.frame{border:1px solid #c9a84c33;width:100%;max-width:720px;padding:3rem 2.5rem;position:relative}.frame-sm{max-width:480px;padding:2rem 1.8rem}.corner{border-color:#c9a84c61;width:26px;height:26px;position:absolute}.corner-tl{border-top:2px solid;border-left:2px solid;top:-1px;left:-1px}.corner-tr{border-top:2px solid;border-right:2px solid;top:-1px;right:-1px}.corner-bl{border-bottom:2px solid;border-left:2px solid;bottom:-1px;left:-1px}.corner-br{border-bottom:2px solid;border-right:2px solid;bottom:-1px;right:-1px}.divider{align-items:center;gap:1rem;width:100%;max-width:440px;margin:1.4rem auto;display:flex}.divider:before,.divider:after{content:"";background:linear-gradient(90deg,#0000,#c9a84c4d,#0000);flex:1;height:1px}.ornament{color:var(--gold);opacity:.5;letter-spacing:.4em;-webkit-user-select:none;user-select:none;font-size:.9rem}.btn{letter-spacing:.18em;border:1px solid var(--gold);color:var(--gold-light);cursor:pointer;background:0 0;padding:.85rem 2.4rem;font-family:EB Garamond,serif;font-size:1rem;transition:all .3s}.btn:hover{background:#c9a84c1a;transform:translateY(-1px);box-shadow:0 0 25px #c9a84c26}.btn-primary{background:linear-gradient(135deg, var(--gold-dark), var(--gold));color:var(--ink);border:none;font-weight:600}.btn-primary:hover{background:linear-gradient(135deg, var(--gold), var(--gold-light));color:var(--ink);box-shadow:0 0 35px #c9a84c66}.btn-sm{padding:.6rem 1.5rem;font-size:.9rem}.btn-ghost{color:var(--text-dim);border-color:#c9a84c59}.btn-ghost:hover{border-color:var(--gold);color:var(--gold-light)}.card-wrap{perspective:1000px}.card-inner{transform-style:preserve-3d;width:100%;height:100%;transition:transform .65s cubic-bezier(.4,0,.2,1);position:relative}.card-inner.flipped{transform:rotateY(180deg)}.card-face,.card-back{backface-visibility:hidden;border-radius:3px;position:absolute;inset:0;overflow:hidden}.card-back{background:var(--navy);border:2px solid var(--gold-dark)}.card-face{background:var(--cream);border:2px solid var(--gold-dark);flex-direction:column;align-items:center;padding:.45rem .4rem;display:flex;transform:rotateY(180deg)}.card-num{color:var(--gold-dark);letter-spacing:.05em;align-self:flex-start;font-size:.6rem}.card-svg{flex:1;justify-content:center;align-items:center;width:100%;display:flex}.card-svg svg{width:100%;height:100%;max-height:68px}.card-fr{color:var(--gold-dark);text-align:center;font-family:Playfair Display,serif;font-size:.57rem;font-style:italic}.card-zh{color:var(--ink);letter-spacing:.1em;text-align:center;font-size:.76rem;font-weight:600}.back-svg{width:100%;height:100%}@keyframes titleGlow{0%,to{text-shadow:0 0 30px #c9a84c40}50%{text-shadow:0 0 60px #c9a84c80,0 0 100px #c9a84c26}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%,to{opacity:.6}50%{opacity:1}}.fade-up{animation:.85s both fadeUp}.fade-up-2{animation:.85s .15s both fadeUp}.fade-up-3{animation:.85s .3s both fadeUp}.fade-up-4{animation:.85s .45s both fadeUp}.fade-in{animation:.6s both fadeIn}.meaning-pop{min-width:160px;max-width:220px;color:var(--parchment);z-index:999;pointer-events:none;opacity:0;background:#060407f7;border:1px solid #c9a84c59;padding:.9rem 1.1rem;font-size:.88rem;line-height:1.6;transition:opacity .2s;position:fixed}.meaning-pop.show{opacity:1}.meaning-pop .tip-name{color:var(--gold);margin-bottom:.3rem;font-family:Playfair Display,serif;font-style:italic}.loading-dots span{opacity:0;animation:1.5s infinite blink}.loading-dots span:nth-child(2){animation-delay:.25s}.loading-dots span:nth-child(3){animation-delay:.5s}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}.ai-panel{background:#f5f0e808;border:1px solid #c9a84c38;width:100%;max-width:680px;margin-top:1rem;padding:2rem;position:relative}.ai-header{text-align:center;color:var(--gold);margin-bottom:1.2rem;font-family:Playfair Display,serif;font-size:1.1rem;font-style:italic}.manuscript{color:var(--parchment);opacity:.88;font-family:EB Garamond,serif;font-size:1rem;line-height:1.95}.manuscript strong{color:var(--gold-light)}@media (width<=600px){.frame{padding:2rem 1.2rem}.page{padding:4.5rem 1rem 2rem}}