/* Session-wide light/dark theme for server-rendered public product pages. */
.seo-display-controls{display:flex;align-items:center;gap:6px;padding:4px 5px 4px 9px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#8b869b;font-size:9px;font-weight:900;white-space:nowrap}
.seo-display-controls>a,.seo-display-controls>span{padding:3px 2px;color:#8b869b;text-decoration:none}
.seo-display-controls .active{color:#6546fa}
.seo-theme-toggle{width:30px;height:30px;display:grid;place-items:center;margin-left:2px;border:0;border-radius:50%;background:#292638;color:#d9ff43;font-size:15px;cursor:pointer}
.seo-language-link{display:none}
body.dark-mode{--ink:#f4f1ff;--paper:#11101b;--muted:#b8b2c4;--line:#474257;background:#11101b;color:#f4f1ff}
body.dark-mode .seo-nav{background:rgba(17,16,27,.94);border-color:#474257}
body.dark-mode .seo-display-controls{background:#201e2d;color:#777184;border-color:#474257}
body.dark-mode .seo-display-controls>a,body.dark-mode .seo-display-controls>span{color:#aaa5bb}
body.dark-mode .seo-display-controls .active{color:#d9ff43}
body.dark-mode .seo-theme-toggle{background:#302b4c;color:#d9ff43}
@media(max-width:980px){.seo-nav nav{gap:14px}.seo-display-controls{margin-left:auto}}

.mini-board i.marked{color:#17152d}
.english-home-demo{position:relative;min-height:470px;padding:26px;border:2px solid #e9e3ff;border-radius:24px;background:radial-gradient(circle at 78% 14%,rgba(115,83,255,.3),transparent 32%),linear-gradient(145deg,#0d0b1d,#17112e);color:#fff;box-shadow:12px 12px 0 #d9ff43;overflow:hidden}
.english-home-demo+.product-shot{display:none}
.demo-stage-head{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#d9ff43;font-size:10px;font-weight:950;letter-spacing:.12em}
.demo-stage-head small{color:#b9b1cc;font-size:8px}
.demo-bingo-card{position:relative;width:min(410px,92%);margin:30px auto 0;padding:10px;border:2px solid #8b72ff;border-radius:14px;background:#fff;box-shadow:0 0 32px rgba(115,83,255,.72),10px 10px 0 rgba(115,83,255,.38);transform:rotate(-1.2deg)}
.demo-bingo-card header{min-height:68px;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:8px 8px 2px 2px;background:linear-gradient(120deg,#5b3de0,#8b5cff);color:#fff}
.demo-bingo-card header div{display:grid;gap:4px}.demo-bingo-card header small{font-size:7px;letter-spacing:.15em}.demo-bingo-card header strong{font-size:19px;line-height:1}.demo-bingo-card header b{padding:6px 8px;background:#d9ff43;color:#17152d;font-size:8px;transform:rotate(3deg)}
.demo-bingo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:5px}
.demo-bingo-grid>span{position:relative;min-height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;overflow:hidden;border:1px solid #d9d2f3;border-radius:4px;background:#f1edff;color:#17152d;font-size:20px}
.demo-bingo-grid small{position:relative;z-index:2;color:#312d48;font-size:8px;font-weight:900;text-align:center}.demo-bingo-grid .demo-free{background:#d9ff43}
.demo-bingo-grid i{position:absolute;inset:0;z-index:1;display:grid;place-items:center;color:#6546fa;font:950 72px/1 Arial,sans-serif;font-style:normal;text-shadow:2px 2px #fff;opacity:0}
.demo-community-pulse{position:absolute;left:22px;right:22px;bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 13px;border:1px solid rgba(217,255,67,.45);border-radius:10px;background:rgba(23,21,45,.9);font-size:9px;animation:demoPulse 2.6s ease-in-out infinite}.demo-community-pulse span{color:#d9ff43;font-weight:950;letter-spacing:.08em}.demo-community-pulse b{color:#fff}
.demo-mark-one{animation:demoCellMark 8s infinite 1s}.demo-mark-two{animation:demoCellMark 8s infinite 2.6s}.demo-mark-three{animation:demoCellMark 8s infinite 4.2s}.demo-mark-one i{animation:demoCrossMark 8s infinite 1s}.demo-mark-two i{animation:demoCrossMark 8s infinite 2.6s}.demo-mark-three i{animation:demoCrossMark 8s infinite 4.2s}
@keyframes demoCellMark{0%,12%,100%{background:#f1edff}18%,78%{background:#e5dcff;border-color:#8b72ff}}@keyframes demoCrossMark{0%,12%,100%{opacity:0;transform:scale(1.7) rotate(12deg)}18%,78%{opacity:.82;transform:scale(1) rotate(0)}}@keyframes demoPulse{50%{transform:translateY(-2px);box-shadow:0 0 18px rgba(217,255,67,.18)}}
@media(max-width:800px){.english-home-demo{min-height:440px}.demo-bingo-card{width:min(390px,96%)}}@media(max-width:480px){.english-home-demo{min-height:405px;padding:16px}.demo-bingo-card{margin-top:22px}.demo-bingo-grid>span{min-height:68px}.demo-community-pulse b{display:none}}@media(prefers-reduced-motion:reduce){.demo-mark-one,.demo-mark-two,.demo-mark-three,.demo-mark-one i,.demo-mark-two i,.demo-mark-three i,.demo-community-pulse{animation:none}.demo-mark-one,.demo-mark-two{background:#e5dcff}.demo-mark-one i,.demo-mark-two i{opacity:.82}}
body.dark-mode .nav-cta,body.dark-mode .seo-button{background:#7353ff;color:#fff;border-color:#f4f1ff;box-shadow:4px 4px 0 #d9ff43}
body.dark-mode .benefit-grid article,body.dark-mode .guide-grid>a,body.dark-mode .idea-list article,body.dark-mode .home-stat,body.dark-mode .feature-list article,body.dark-mode .moment-grid article,body.dark-mode .home-faq details{background:#201e2d;border-color:#474257}
body.dark-mode .home-obs{background:#18152a}
body.dark-mode .article p{color:#c7c1d4}
body.dark-mode .article aside,body.dark-mode .seo-cta{background:#201e2d}
body.dark-mode footer{background:#11101b;border-color:#474257}
body.dark-mode .screen-crops figcaption{color:#f4f1ff}
/* Product mockups retain their deliberate application/card palette. */
body.dark-mode .real-editor,body.dark-mode .real-editor-head,body.dark-mode .real-editor-layout aside,body.dark-mode .real-detail{background:#fff;color:#17152d}
body.dark-mode .real-editor-head button{background:#fff;color:#17152d}
body.dark-mode .real-editor-head button.save{background:#17152d;color:#fff}
body.dark-mode .onboarding,body.dark-mode .real-card{color:#17152d}