@font-face{font-family:Noto Serif SC;src:url(/fonts/NotoSerifSC-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Serif SC;src:url(/fonts/NotoSerifSC-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans SC;src:url(/fonts/NotoSansSC-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans SC;src:url(/fonts/NotoSansSC-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--paper:#f3eee4;--paper-2:#fbf8f2;--ink:#1c1916;--muted:#6a645b;--rule:#d8d0c4;--rule-strong:#b9aea0;--seal:#c43a31;--seal-ink:#f7efe6;--pine:#2c5d4a;--pine-soft:#e6efe9;--warn:#8a5a12;--warn-soft:#f3e6cc;--night:#15110f;--night-2:#1e1916;--cream:#f3eee4;--gold:#e8b05a;--serif:"Noto Serif SC", "Songti SC", "Source Han Serif SC", serif;--sans:"Noto Sans SC", "PingFang SC", "Noto Sans CJK SC", sans-serif;--max:1120px;--header-h:4.25rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.7}a{color:inherit}img,svg{max-width:100%;display:block}h1,h2,h3,.serif{font-family:var(--serif);letter-spacing:.02em;font-weight:700}h1{margin:0;font-size:clamp(2.4rem,7vw,5.2rem);line-height:1.12}h2{margin:0 0 1rem;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.28}h3{margin:0 0 .4rem;font-size:1.15rem;line-height:1.4}p{margin:0 0 1rem}p:last-child{margin-bottom:0}.wrap{width:min(var(--max), calc(100% - 2.2rem));margin-inline:auto}.glass{-webkit-backdrop-filter:blur(16px)saturate(1.25);background:#fbf8f294;border:1px solid #ffffff8c;box-shadow:inset 0 1px #ffffff73,0 10px 28px #1c19160f}.glass-dark{-webkit-backdrop-filter:blur(18px)saturate(1.2);color:var(--cream);background:#fff8f014;border:1px solid #fff8f029;box-shadow:inset 0 1px #ffffff1a,0 16px 40px #00000038}@media (prefers-reduced-transparency:reduce){.glass{background:var(--paper-2);-webkit-backdrop-filter:none}.glass-dark{-webkit-backdrop-filter:none;background:#2a2420}}.site-header{z-index:40;background:color-mix(in srgb, var(--paper) 78%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.2);border-bottom:1px solid #0000;transition:background .35s,border-color .35s,color .35s;position:sticky;top:0}body.is-home .site-header{width:100%;position:fixed;left:0;right:0}.site-header.on-hero{color:var(--cream);background:#120e0c47;border-bottom-color:#fff8f014}.site-header.on-hero a{color:var(--cream)}.site-header:not(.on-hero){border-bottom-color:var(--rule)}.header-inner{min-height:var(--header-h);justify-content:space-between;align-items:center;gap:1rem;display:flex}.brand{align-items:center;gap:.7rem;text-decoration:none;display:flex}.brand-seal{background:var(--seal);width:2.05rem;height:2.05rem;color:var(--seal-ink);font-family:var(--serif);border-radius:5px;place-items:center;font-size:1.15rem;font-weight:700;display:grid;box-shadow:0 6px 16px #c43a3147}.brand-name{font-family:var(--serif);letter-spacing:.14em;font-size:1.2rem;font-weight:700}.brand-en{font-family:var(--sans);letter-spacing:.1em;opacity:.7;margin-top:-.05rem;font-size:.68rem;font-weight:400;display:block}nav.desktop{gap:1.35rem;display:flex}nav.desktop a{border-bottom:1px solid #0000;padding-bottom:.12rem;font-size:.92rem;text-decoration:none}nav.desktop a[aria-current=page],nav.desktop a:hover{border-bottom-color:var(--seal)}.mobile-nav{display:none}.hero-cinematic{isolation:isolate;background:radial-gradient(120% 80% at 80% 0%, #d4483c38, transparent 55%), radial-gradient(90% 70% at 10% 80%, #3e78622e, transparent 50%), var(--night);min-height:100svh;color:var(--cream);padding:calc(var(--header-h) + 2.2rem) 0 3.4rem;align-items:center;margin-top:0;display:flex;position:relative;overflow:hidden}#hero-aurora{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-cinematic .grain,.cta-band .grain{z-index:1;pointer-events:none;opacity:.18;mix-blend-mode:overlay;background-image: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='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.7'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-cinematic .scrim{z-index:1;pointer-events:none;background:linear-gradient(#0c0a0959 0%,#0c0a091f 38%,#0c0a098c 100%),linear-gradient(90deg,#0c0a0959 0%,#0000 55%);position:absolute;inset:0}.hero-inner{z-index:2;width:100%;position:relative}.hero-cinematic h1{color:#fffaf3;text-shadow:0 2px 28px #00000073}.hero-cinematic .lede{color:#fff8f0e6}.eyebrow{letter-spacing:.2em;color:var(--gold);margin-bottom:1rem;font-size:.78rem}.hero-cinematic h1{text-shadow:0 8px 40px #00000047;max-width:12em}.hero-cinematic .lede{max-width:38rem;color:color-mix(in srgb, var(--cream) 86%, transparent);margin:1.25rem 0 1.6rem;font-size:1.12rem}.note-row,.cta-row,.card-badges{flex-wrap:wrap;gap:.55rem;display:flex}.hero-cinematic .note-row{margin-top:1.5rem}.badge{letter-spacing:.04em;border:1px solid var(--rule-strong);background:var(--paper-2);white-space:nowrap;border-radius:999px;align-items:center;gap:.25rem;padding:.2rem .6rem;font-size:.75rem;display:inline-flex}.hero-cinematic .badge{color:var(--cream);-webkit-backdrop-filter:blur(10px);background:#fff8f014;border-color:#fff8f033}.badge-free{color:var(--pine);background:var(--pine-soft);border-color:#8bb39d}.badge-freemium{color:var(--ink)}.badge-paid{color:var(--seal);background:#f7ecea;border-color:#d4a19c}.badge-unverified{color:var(--warn);background:var(--warn-soft);border-color:#d9b56a}.badge-affiliate{color:var(--seal);border-color:var(--seal)}.hero-cinematic .badge-unverified{color:#f0d7a0;background:#8a5a1247;border-color:#e8b05a73}.badge-access-ok{color:var(--pine);background:var(--pine-soft);border-color:#8bb39d}.badge-access-unstable{color:var(--warn);background:var(--warn-soft);border-color:#d9b56a}.badge-access-blocked{color:var(--muted);border-color:var(--rule-strong);background:var(--paper-2)}.hero-cinematic .badge-access-ok{color:#c8e6d0;background:#24503452;border-color:#8bb39d73}.hero-cinematic .badge-access-unstable{color:#f0d7a0;background:#8a5a1247;border-color:#e8b05a73}.card-badges{flex-wrap:wrap;justify-content:flex-end;gap:.3rem;display:flex}.card-badges .badge{white-space:normal;text-align:center}.btn{border:1px solid var(--ink);background:var(--ink);color:var(--paper);border-radius:999px;justify-content:center;align-items:center;padding:.7rem 1.2rem;font-size:.95rem;text-decoration:none;transition:transform .25s,background .25s,color .25s,border-color .25s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-ghost{color:var(--ink);background:0 0}.btn-affiliate,.btn-accent{background:var(--seal);border-color:var(--seal);color:var(--seal-ink)}.hero-cinematic .btn-accent{box-shadow:0 10px 28px #c43a3159}.hero-cinematic .btn-ghost{color:var(--cream);-webkit-backdrop-filter:blur(12px);background:#fff8f00f;border-color:#fff8f059}.affiliate-note{color:var(--seal);margin:.2rem 0 1rem;font-size:.85rem}.section{padding:4rem 0}.section+.section{border-top:1px solid var(--rule)}.section-kicker{letter-spacing:.16em;color:var(--muted);margin-bottom:.45rem;font-size:.75rem}.scene-grid,.tool-grid,.info-grid{gap:1rem;display:grid}.scene-grid,.tool-grid{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:repeat(3,1fr)}.card,.scene-card,.tool-card{color:inherit;border-radius:16px;padding:1.2rem 1.2rem 1.25rem;text-decoration:none;transition:transform .35s,border-color .35s,box-shadow .35s;display:block}a.scene-card:hover,a.tool-card:hover{border-color:color-mix(in srgb, var(--ink) 28%, white);transform:translateY(-3px);box-shadow:0 16px 36px #1c191614}.scene-card{grid-template-columns:auto 1fr;align-items:start;gap:.95rem 1rem;min-height:8.5rem;display:grid}.scene-icon-wrap{width:3.4rem;height:3.4rem;color:var(--ink);background:linear-gradient(160deg,#ffffffb3,#e0c8b059);border:1px solid #ffffffb3;border-radius:12px;grid-row:1/span 3;place-items:center;display:grid}.scene-icon{width:2.1rem;height:2.1rem}.scene-count{color:var(--muted);margin-bottom:.15rem;font-size:.78rem}.scene-card p,.tool-card p{color:var(--muted);font-size:.92rem}.card-head{justify-content:space-between;align-items:flex-start;gap:.6rem;margin-bottom:.45rem;display:flex}.comment{border-top:1px solid color-mix(in srgb, var(--rule) 80%, transparent);margin-top:.75rem;padding-top:.75rem;font-size:.9rem}.comment strong{color:var(--muted);letter-spacing:.1em;margin-bottom:.2rem;font-size:.72rem;font-weight:700;display:block}.page-shell{padding:2.4rem 0 3.4rem}body.is-home .page-shell{padding-top:0}.crumbs{color:var(--muted);margin:.2rem 0 1.4rem;font-size:.85rem}.crumbs a{color:var(--muted)}.tool-hero h1{margin-bottom:.7rem;font-size:clamp(2rem,5vw,3.2rem)}.lede{max-width:38rem;margin:1.1rem 0 1.3rem;font-size:1.08rem}.meta-list{color:var(--muted);font-size:.9rem}.meta-list a{color:var(--ink)}.form-placeholder{border-radius:16px;max-width:28rem;padding:1.2rem}.form-placeholder label{margin-bottom:.3rem;font-size:.85rem;display:block}.form-placeholder input,.form-placeholder textarea{width:100%;font:inherit;border:1px solid var(--rule-strong);background:#fff;border-radius:10px;margin-bottom:.8rem;padding:.6rem .75rem}.form-placeholder .fake-submit{background:var(--rule);width:100%;color:var(--muted);text-align:center;cursor:not-allowed;border:0;border-radius:999px;padding:.65rem 1rem;display:block}.subscribe-form{border-radius:16px;max-width:28rem;padding:1.2rem;position:relative}.subscribe-form label{margin-bottom:.3rem;font-size:.85rem;display:block}.subscribe-form input[type=email]{width:100%;font:inherit;border:1px solid var(--rule-strong);background:#fff;border-radius:10px;margin-bottom:.8rem;padding:.6rem .75rem}.subscribe-form .btn{width:100%}.subscribe-form .hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.form-status{color:var(--muted);margin-top:.85rem;font-size:.9rem}.form-status.is-ok{color:var(--pine)}.form-status.is-error{color:var(--seal)}.warn-box,.plain-box{border-radius:16px;margin:1rem 0 1.5rem;padding:1.05rem 1.15rem}.warn-box{background:var(--warn-soft);border:1px solid #d9b56a}.plain-box{border:1px solid var(--rule)}.cta-band{isolation:isolate;color:var(--cream);background:radial-gradient(80% 120% at 0% 100%, #d4483c59, transparent 55%), radial-gradient(70% 100% at 100% 0%, #e8b05a33, transparent 50%), var(--night-2);padding:4.4rem 0;position:relative;overflow:hidden}.cta-band-inner{z-index:2;grid-template-columns:1.3fr .9fr;align-items:center;gap:2rem;display:grid;position:relative}.cta-band h2{color:var(--cream);margin-bottom:.7rem}.cta-band p{color:color-mix(in srgb, var(--cream) 82%, transparent)}.cta-panel{border-radius:18px;padding:1.4rem 1.5rem}.site-footer{background:var(--night);color:color-mix(in srgb, var(--cream) 78%, transparent);padding:3.2rem 0 2.2rem;font-size:.88rem}.site-footer a{color:var(--cream);border-bottom:1px solid #0000;text-decoration:none}.site-footer a:hover{border-bottom-color:var(--gold)}.footer-grid{grid-template-columns:1.4fr .8fr .8fr 1fr;gap:1.8rem 1.4rem;margin-bottom:2rem;display:grid}.footer-brand .brand{color:var(--cream);margin-bottom:.85rem}.footer-col h3{color:var(--gold);font-family:var(--sans);letter-spacing:.16em;margin-bottom:.7rem;font-size:.72rem;font-weight:700}.footer-col p,.footer-col li{margin:0 0 .45rem}.footer-col ul{margin:0;padding:0;list-style:none}.footer-bottom{color:color-mix(in srgb, var(--cream) 55%, transparent);border-top:1px solid #fff8f01a;flex-wrap:wrap;justify-content:space-between;gap:.6rem;padding-top:1.1rem;display:flex}html.js [data-reveal]{opacity:0;transition:opacity .8s,transform .8s;transition-delay:var(--delay,0s);transform:translateY(22px)}html.js [data-reveal].is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal]{opacity:1;transition:none;transform:none}.btn,a.scene-card,a.tool-card{transition:none}.btn:hover,a.scene-card:hover,a.tool-card:hover{transform:none}}@media (width<=900px){.scene-grid,.tool-grid,.info-grid,.footer-grid,.cta-band-inner{grid-template-columns:1fr}nav.desktop{display:none}.mobile-nav{display:block}.mobile-nav summary{cursor:pointer;border:1px solid color-mix(in srgb, currentColor 35%, transparent);border-radius:999px;padding:.28rem .7rem;font-size:.9rem;list-style:none}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav div{gap:.35rem;padding:.8rem 0 .2rem;display:grid}.mobile-nav a{padding:.3rem 0;text-decoration:none}.scene-card{grid-template-columns:auto 1fr;min-height:0}.section{padding:2.6rem 0}.hero-cinematic{padding-bottom:2.6rem}h1{font-size:clamp(2.3rem,12vw,3.4rem)}}@media (width>=901px){.mobile-nav{display:none!important}}
