:root{--night-1:#0b1030;--night-2:#0a0c22;--night-3:#06070f;--washi:#f3ecdd;--washi-dim:#b9b3a4;--ink:#11142e;--ink-soft:#11142e9e;--gold:#d9b65c;--gold-soft:#e8d49a;--vermilion:#e2553a;--line:#d8c69638;--panel-bg:#0c0e22b8;--panel-blur:blur(18px) saturate(1.1);--r:14px;--serif:"Shippori Mincho B1", "Hiragino Mincho ProN", serif;--sans:"Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", sans-serif}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--sans);color:var(--washi);background:var(--night-3);-webkit-text-size-adjust:100%;overflow-x:hidden}.hanabi-root{word-break:auto-phrase}.hanabi-root:lang(zh) :is(.modal-head h2,.qa-q,.btn,.nav button,#quest-text){word-break:keep-all;overflow-wrap:anywhere}.app-shell{background:var(--night-3);width:100%;height:100dvh;position:relative;overflow:hidden}.sky{z-index:0;background:radial-gradient(120% 90% at 78% 8%, #3c468c59, transparent 55%), radial-gradient(100% 80% at 12% 0%, #281e504d, transparent 50%), linear-gradient(180deg, var(--night-1) 0%, var(--night-2) 48%, var(--night-3) 100%);position:absolute;inset:0;overflow:hidden}.stars{background-image:radial-gradient(1.4px 1.4px at 20% 24%,#ffffffe6,#0000),radial-gradient(1.2px 1.2px at 64% 12%,#fffc,#0000),radial-gradient(1px 1px at 38% 42%,#ffffffb3,#0000),radial-gradient(1.6px 1.6px at 82% 30%,#ffffffd9,#0000),radial-gradient(1px 1px at 50% 18%,#fff9,#0000),radial-gradient(1.3px 1.3px at 12% 52%,#ffffffb3,#0000),radial-gradient(1px 1px at 90%,#ffffffa6,#0000),radial-gradient(1.1px 1.1px at 72% 46%,#ffffffb3,#0000),radial-gradient(1.5px 1.5px at 28% 10%,#fffc,#0000),radial-gradient(1px 1px at 46% 60%,#ffffff80,#0000);animation:6s ease-in-out infinite alternate twinkle;position:absolute;inset:0}@keyframes twinkle{0%{opacity:.5}to{opacity:1}}@media (prefers-reduced-motion:reduce){.stars{animation:none}}.moon{background:radial-gradient(circle at 38% 36%,#fdf6e3,#e7dcc0 60%,#cdbf99);border-radius:50%;width:84px;height:84px;position:absolute;top:7%;right:11%;box-shadow:0 0 60px 12px #f7f0d647,inset -10px -8px 20px #786e5040}.skyline{background:var(--night-3);height:22vh;min-height:130px;-webkit-mask:var(--skyline-mask) bottom/cover no-repeat;-webkit-mask:var(--skyline-mask) bottom/cover no-repeat;mask:var(--skyline-mask) bottom/cover no-repeat;opacity:.96;position:absolute;bottom:0;left:0;right:0}.skyline:after{content:"";-webkit-mask:inherit;-webkit-mask:inherit;mask:inherit;background:linear-gradient(#141836e6,#06070f);position:absolute;inset:0}#fw-canvas{z-index:1;touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}.topbar{z-index:5;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex;position:absolute;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.brand{align-items:center;gap:12px;margin:0;display:flex}.brand-logo{border-radius:13px;flex-shrink:0;width:46px;height:46px;display:block;box-shadow:0 0 0 1px #ffffff1a,0 6px 18px #00000073}.brand-latin{font-family:var(--sans);letter-spacing:.28em;color:var(--gold-soft);text-transform:uppercase;font-size:11px;font-weight:500}.nav{background:var(--panel-bg);-webkit-backdrop-filter:var(--panel-blur);border:1px solid var(--line);border-radius:999px;gap:6px;padding:5px;display:flex}.nav button{font-family:var(--sans);color:var(--washi);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:8px 14px;font-size:13px;transition:background .18s,color .18s}.nav button:hover{background:#d8c69624}.quest-banner{z-index:5;background:var(--panel-bg);width:min(560px,100% - 32px);-webkit-backdrop-filter:var(--panel-blur);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:var(--r);padding:14px 16px 14px 18px;position:absolute;top:76px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #00000080}.quest-banner-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}#quest-from{font-family:var(--serif);color:var(--gold-soft);letter-spacing:.05em;font-size:13px}#quest-text{margin:2px 0 6px;font-size:16px;font-weight:500}#quest-hint{color:var(--washi-dim);font-size:12px}.quest-status{color:var(--washi-dim);margin-top:8px;font-size:12.5px}.quest-status.ready{color:var(--gold-soft)}.quest-status.done{color:#8ff0a8;font-weight:700;font-family:var(--serif);letter-spacing:.08em}.icon-x{color:var(--washi-dim);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;min-width:32px;min-height:32px;margin:-6px -8px -6px 0;padding:0;font-size:18px;line-height:1;display:grid}.icon-x:hover{color:var(--washi)}.panel{z-index:6;background:var(--panel-bg);width:340px;max-width:calc(100% - 32px);max-height:calc(100dvh - 110px);-webkit-backdrop-filter:var(--panel-blur);border:1px solid var(--line);border-radius:18px;flex-direction:column;transition:transform .32s cubic-bezier(.4,0,.2,1),opacity .32s;display:flex;position:absolute;bottom:16px;left:16px;overflow:hidden;box-shadow:0 24px 64px #0000008c}[dir=rtl] .panel{left:auto;right:16px}.panel-head{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.panel-head h2{font-family:var(--serif);letter-spacing:.08em;margin:0;font-size:15px}#panel-toggle{border:1px solid var(--line);color:var(--washi);cursor:pointer;background:0 0;border-radius:8px;place-items:center;width:30px;height:30px;font-size:14px;line-height:1;transition:background .18s;display:grid}#panel-toggle:hover{background:#d8c69624}.panel-body{scrollbar-width:thin;scrollbar-color:#d8c6964d transparent;padding:16px;overflow-y:auto}.panel-body::-webkit-scrollbar{width:7px}.panel-body::-webkit-scrollbar-thumb{background:#d8c6964d;border-radius:4px}body.panel-collapsed .panel-body{display:none}body.panel-collapsed .panel-head{border-bottom-color:#0000}body.panel-collapsed #panel-toggle{transform:rotate(180deg)}.section{margin-bottom:20px}.section:last-child{margin-bottom:4px}.section-label{letter-spacing:.18em;color:var(--gold-soft);text-transform:uppercase;align-items:baseline;gap:8px;margin-bottom:10px;font-size:11px;display:flex}.section-label .jp{font-family:var(--serif);letter-spacing:.1em;color:var(--washi);text-transform:none;font-size:13px}.metal-list{flex-direction:column;gap:7px;display:flex}.metal-chip{border-radius:11px;overflow:hidden}.metal-btn{border:1px solid var(--line);cursor:pointer;width:100%;color:var(--washi);font-family:var(--sans);text-align:left;background:#ffffff08;border-radius:11px;align-items:center;gap:11px;padding:9px 12px;transition:background .16s,border-color .16s;display:flex}.metal-btn:hover{background:#ffffff0f}.metal-chip.on .metal-btn{background:#d8c6961f;border-color:#d8c69680}.metal-dot{background:var(--c);width:16px;height:16px;box-shadow:0 0 10px 1px var(--c);border-radius:50%;flex-shrink:0}.metal-sym{font-family:var(--serif);flex-shrink:0;width:26px;font-size:15px;font-weight:700}.metal-name{flex-direction:column;font-size:13px;line-height:1.25;display:flex}.metal-name em{color:var(--washi-dim);font-size:11px;font-style:normal}.metal-chip.on .metal-name em{color:var(--gold-soft)}.metal-ratio{align-items:center;gap:10px;padding:8px 12px 10px;display:flex}.metal-ratio[hidden]{display:none}.metal-ratio input{flex:1}.ratio-val{color:var(--gold-soft);text-align:right;font-variant-numeric:tabular-nums;width:40px;font-size:12px}.shape-list{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.shape-btn{border:1px solid var(--line);cursor:pointer;color:var(--washi);font-family:var(--sans);background:#ffffff08;border-radius:11px;flex-direction:column;align-items:center;gap:6px;padding:10px 4px 8px;transition:background .16s,border-color .16s,transform .16s;display:flex}.shape-btn:hover{background:#ffffff0f;transform:translateY(-1px)}.shape-btn.on{background:#d8c69624;border-color:#d8c6968c}.shape-name{font-size:11px}.shape-ico{border-radius:50%;width:30px;height:30px;display:block;position:relative}.shape-ico[data-shape=chrysanthemum]{background:repeating-conic-gradient(from 0deg, var(--gold-soft) 0deg 6deg, transparent 6deg 18deg);-webkit-mask:radial-gradient(circle,#000 64%,#0000 66%);mask:radial-gradient(circle,#000 64%,#0000 66%)}.shape-ico[data-shape=peony]{background:radial-gradient(2px 2px at 50% 8%, var(--gold-soft) 99%, transparent), radial-gradient(2px 2px at 50% 92%, var(--gold-soft) 99%, transparent), radial-gradient(2px 2px at 8% 50%, var(--gold-soft) 99%, transparent), radial-gradient(2px 2px at 92% 50%, var(--gold-soft) 99%, transparent), radial-gradient(2px 2px at 22% 22%, var(--gold-soft) 99%, transparent), radial-gradient(2px 2px at 78% 22%, var(--gold-soft) 99%, transparent), radial-gradient(2px 2px at 22% 78%, var(--gold-soft) 99%, transparent), radial-gradient(2px 2px at 78% 78%, var(--gold-soft) 99%, transparent), radial-gradient(2.5px 2.5px at 50% 50%, var(--gold-soft) 99%, transparent)}.shape-ico[data-shape=willow]{background:linear-gradient(var(--gold-soft), transparent) 50% 0/2px 70% no-repeat, linear-gradient(var(--gold-soft), transparent) 28% 6%/2px 60% no-repeat, linear-gradient(var(--gold-soft), transparent) 72% 6%/2px 60% no-repeat, linear-gradient(var(--gold-soft), transparent) 14% 18%/2px 46% no-repeat, linear-gradient(var(--gold-soft), transparent) 86% 18%/2px 46% no-repeat}.shape-ico[data-shape=star]{background:var(--gold-soft);clip-path:polygon(50% 2%,61% 38%,98% 38%,68% 60%,79% 96%,50% 73%,21% 96%,32% 60%,2% 38%,39% 38%)}.shape-ico[data-shape=heart]{background:var(--gold-soft);clip-path:path("M15 27 C 4 18, 2 9, 9 5 C 13 3, 15 7, 15 9 C 15 7, 17 3, 21 5 C 28 9, 26 18, 15 27 Z")}.seg-group{gap:6px;display:flex}.seg{border:1px solid var(--line);cursor:pointer;color:var(--washi);font-family:var(--sans);background:#ffffff08;border-radius:9px;flex:1;padding:9px 4px;font-size:13px;transition:background .16s,border-color .16s}.seg:hover{background:#ffffff0f}.seg.on{color:var(--gold-soft);background:#d8c69629;border-color:#d8c6968c}.seg em{color:var(--washi-dim);margin-top:2px;font-size:10px;font-style:normal;display:block}.seg.on em{color:var(--gold-soft)}.toggle-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.toggle-row .label-main{font-size:13.5px}.toggle-row .label-sub{color:var(--washi-dim);margin-top:2px;font-size:11px}.switch{flex-shrink:0;width:46px;height:26px;position:relative}.switch input{opacity:0;width:0;height:0}.switch .track{cursor:pointer;background:#ffffff1f;border-radius:999px;transition:background .2s;position:absolute;inset:0}.switch .track:before{content:"";background:var(--washi);border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px}.switch input:checked+.track{background:var(--gold)}.switch input:checked+.track:before{transform:translate(20px)}input[type=range]{appearance:none;background:#ffffff29;border-radius:4px;outline:none;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--gold-soft);cursor:pointer;border-radius:50%;width:16px;height:16px;box-shadow:0 0 8px #d8c69699}input[type=range]::-moz-range-thumb{background:var(--gold-soft);cursor:pointer;border:0;border-radius:50%;width:16px;height:16px}.range-row{align-items:center;gap:10px;display:flex}.range-row input[type=range]{flex:1}.range-row .val{color:var(--gold-soft);text-align:right;font-variant-numeric:tabular-nums;width:34px;font-size:12px}.summary{border:1px solid var(--line);background:#ffffff0a;border-radius:12px;align-items:center;gap:12px;margin-bottom:14px;padding:11px 13px;display:flex}#summary-swatch{border-radius:50%;flex-shrink:0;width:38px;height:38px;transition:background .25s,box-shadow .25s}.summary-info{min-width:0;font-size:12px;line-height:1.45}.summary-info b{color:var(--washi);font-weight:600}.summary-info span{color:var(--washi-dim)}.btn-row{gap:8px;display:flex}.btn{font-family:var(--sans);cursor:pointer;border:1px solid var(--line);color:var(--washi);background:#ffffff0d;border-radius:11px;padding:12px 16px;font-size:14px;transition:background .16s,transform .1s,border-color .16s}.btn:hover{background:#ffffff1a}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--vermilion), #c23d28);color:#fff;font-weight:600;font-family:var(--serif);letter-spacing:.08em;border-color:#0000;flex:1;font-size:15px;box-shadow:0 8px 22px #e2553a5c}.btn-primary:hover{background:linear-gradient(135deg,#ef6249,#cf432c)}.btn.on{color:var(--gold-soft);background:#d8c6962e;border-color:#d8c6968c}.btn-ghost{background:0 0}.overlay{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;visibility:hidden;background:#04050ca8;transition:opacity .25s,visibility 0s .25s;position:fixed;inset:0}.overlay.open{opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s}.modal{z-index:21;border:1px solid var(--line);opacity:0;pointer-events:none;visibility:hidden;background:linear-gradient(#12152f,#0c0e22);border-radius:18px;flex-direction:column;width:min(680px,100% - 32px);max-height:86vh;transition:opacity .28s,transform .28s,visibility 0s .28s;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-46%)scale(.98);box-shadow:0 40px 100px #000000b3}.modal.open{opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s;transform:translate(-50%,-50%)scale(1)}.modal:focus{outline:none}.modal-head{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-head h2{font-family:var(--serif);letter-spacing:.06em;margin:0;font-size:21px}.modal-head .sub{letter-spacing:.24em;color:var(--gold-soft);text-transform:uppercase;margin-top:4px;font-size:11px}.modal-body{scrollbar-width:thin;scrollbar-color:#d8c6964d transparent;padding:22px 24px 26px;overflow-y:auto}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-thumb{background:#d8c69647;border-radius:4px}.modal-close{border:1px solid var(--line);color:var(--washi);cursor:pointer;background:0 0;border-radius:9px;place-items:center;width:34px;height:34px;font-size:18px;line-height:1;transition:background .16s;display:grid}.modal-close:hover{background:#d8c69624}.steps{flex-direction:column;gap:16px;display:flex}.step{gap:14px;display:flex}.step-num{width:34px;height:34px;font-family:var(--serif);color:var(--ink);background:var(--gold-soft);border-radius:50%;flex-shrink:0;place-items:center;font-size:16px;font-weight:700;display:grid}.step-body h3{font-size:15.5px;font-family:var(--serif);letter-spacing:.04em;margin:4px 0 5px}.step-body p{color:var(--washi-dim);margin:0;font-size:13.5px;line-height:1.7}.step-body p b{color:var(--washi);font-weight:600}.note{border:1px solid var(--line);border-left:3px solid var(--gold);color:var(--washi-dim);background:#d8c69614;border-radius:10px;margin-top:22px;padding:14px 16px;font-size:13px;line-height:1.7}.flame-table{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;display:grid}.flame-cell{border:1px solid var(--line);background:#ffffff08;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;display:flex}.flame-cell .dot{border-radius:50%;flex-shrink:0;width:18px;height:18px}.flame-cell .t2{font-size:12px}.flame-cell .t3{color:var(--washi-dim);margin-left:auto;font-size:11px}[dir=rtl] .flame-cell .t3{margin-left:0;margin-right:auto}.qa-item{border-bottom:1px solid var(--line)}.qa-q{text-align:left;width:100%;color:var(--washi);font-family:var(--sans);cursor:pointer;background:0 0;border:0;padding:16px 36px 16px 30px;font-size:15px;line-height:1.5;position:relative}.qa-q:before{content:"Q";font-family:var(--serif);color:var(--gold-soft);font-weight:700;position:absolute;top:16px;left:4px}.qa-q:after{content:"＋";color:var(--washi-dim);transition:transform .2s;position:absolute;top:16px;right:8px}.qa-item.open .qa-q:after{content:"－"}.qa-a{visibility:hidden;max-height:0;padding:0 30px;transition:max-height .3s,visibility 0s .3s;overflow:hidden}.qa-item.open .qa-a{visibility:visible;max-height:360px;transition-delay:0s}.qa-a p{color:var(--washi-dim);margin:0 0 16px;padding-top:2px;font-size:13.5px;line-height:1.75}.share-url-row{gap:8px;margin:6px 0 16px;display:flex}#share-url{border:1px solid var(--line);color:var(--washi);font-size:13px;font-family:var(--sans);background:#0000004d;border-radius:10px;flex:1;padding:11px 13px}.share-x{color:#fff;border:1px solid var(--line);background:#111;border-radius:10px;align-items:center;gap:8px;padding:11px 18px;font-size:14px;text-decoration:none;transition:background .16s;display:inline-flex}.share-x:hover{background:#222}.quest-meta{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}#quest-progress{color:var(--gold-soft);font-size:13px;font-family:var(--serif)}.quest-list{flex-direction:column;gap:8px;display:flex}.quest-item{text-align:left;border:1px solid var(--line);cursor:pointer;color:var(--washi);font-family:var(--sans);background:#ffffff08;border-radius:12px;align-items:center;gap:13px;padding:12px 14px;transition:background .16s,border-color .16s;display:flex}.quest-seal{min-width:34px;height:34px;font-family:var(--serif);background:var(--vermilion);color:#fff;border:1px solid #fff3;border-radius:8px;flex-shrink:0;place-items:center;padding:0 6px;font-size:14px;display:grid}.quest-item.done .quest-seal{background:#2f7a45}.quest-body{flex-direction:column;gap:2px;min-width:0;display:flex}.quest-body strong{font-family:var(--serif);color:var(--gold-soft);font-size:13px}.quest-body span{font-size:13px;line-height:1.4}.foot-links{border-top:1px solid var(--line);flex-wrap:wrap;gap:16px;margin-top:24px;padding-top:18px;font-size:12.5px;display:flex}.foot-links a{color:var(--gold-soft);border-bottom:1px solid #0000;text-decoration:none;transition:border-color .16s}.foot-links .sep{color:var(--washi-dim);opacity:.4}.welcome-toast{z-index:7;background:var(--panel-bg);-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);border:1px solid var(--line);font-size:13.5px;font-family:var(--serif);letter-spacing:.04em;border-radius:12px;padding:12px 20px;position:absolute;top:76px;left:50%;transform:translate(-50%);box-shadow:0 18px 50px #00000080}.welcome-toast b{color:var(--gold-soft)}.seo{z-index:8;background:linear-gradient(180deg, var(--night-3), #05060c);border-top:1px solid var(--line);padding:56px 20px 80px;position:relative}.seo-inner{max-width:900px;margin:0 auto}.seo-title{font-family:var(--serif);letter-spacing:.05em;color:var(--washi);margin:40px 0 18px;font-size:20px}.seo-title:first-child{margin-top:0}.seo-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.seo-card{border:1px solid var(--line);background:#ffffff08;border-radius:12px;padding:16px 18px}.seo-card h3{font-size:14.5px;font-family:var(--serif);color:var(--gold-soft);letter-spacing:.03em;margin:0 0 6px}.seo-card p{color:var(--washi-dim);margin:0;font-size:13.5px;line-height:1.75}.seo-faq{flex-direction:column;gap:8px;display:flex}.seo-faq-item{border:1px solid var(--line);background:#ffffff08;border-radius:12px;padding:4px 18px}.seo-faq-item summary{cursor:pointer;color:var(--washi);padding:14px 0;font-size:14.5px;list-style:none;position:relative}.seo-faq-item summary::-webkit-details-marker{display:none}.seo-faq-item summary:after{content:"＋";color:var(--washi-dim);position:absolute;right:0}[dir=rtl] .seo-faq-item summary:after{left:0;right:auto}.seo-faq-item[open] summary:after{content:"－"}.seo-faq-item p{color:var(--washi-dim);margin:0 0 16px;font-size:13.5px;line-height:1.75}.seo-links{border-top:1px solid var(--line);flex-wrap:wrap;gap:16px;margin-top:40px;padding-top:22px;font-size:13px;display:flex}.seo-links a{color:var(--gold-soft);text-decoration:none}.seo-links a:hover{text-decoration:underline}@media (width<=560px){.brand-latin{display:none}.nav button{padding:8px 11px;font-size:12.5px}.panel{width:auto;max-height:50vh;bottom:8px;left:8px;right:8px}[dir=rtl] .panel{left:8px;right:8px}.panel-body{flex-direction:column;display:flex}.panel-body>.summary{order:0}.panel-body>.section{order:2}.panel-body>.section:last-child{order:1;margin:0 0 18px}.quest-banner{top:70px}.moon{width:60px;height:60px}.seo-grid{grid-template-columns:1fr}}@media (width<=380px){.shape-name{font-size:10px}.flame-table{grid-template-columns:1fr}.topbar{gap:8px;padding:12px}.brand-logo{width:40px;height:40px}.nav{gap:2px;padding:4px}.nav button{padding:8px 9px;font-size:12px}}.modal,.seo{--washi:#15181d;--washi-dim:#565b66;--gold:#2f53c8;--gold-soft:#213d99;--line:#15181d1a;--vermilion:#c0402a;--lt-surface:#fff;--lt-surface-2:#faf9f6;--lt-accent-soft:#eef1fb;--lt-accent-line:#c9d3f3;--lt-display:"IBM Plex Sans JP", system-ui, -apple-system, "Hiragino Sans", "Noto Sans JP", sans-serif;color:var(--washi)}body{background:#f4f3f0}.app-shell{color:var(--washi);height:calc(100dvh - 57px);min-height:420px}.panel{max-height:calc(100% - 110px)}.seo{border-top:1px solid var(--line);background:#f4f3f0}.seo-title{font-family:var(--lt-display);letter-spacing:.005em;color:var(--washi);font-size:19px;font-weight:600}.seo-card,.seo-faq-item{background:var(--lt-surface);border-color:var(--line);border-radius:14px}.seo-card h3{font-family:var(--lt-display);color:var(--washi);font-weight:600}.seo-card p,.seo-faq-item p{color:var(--washi-dim)}.seo-faq-item summary{color:var(--washi)}.seo-faq-item summary:after{color:var(--washi-dim)}.seo-links{border-top-color:var(--line)}.seo-links a{color:var(--gold-soft)}.overlay{background:#15181d73}.modal{background:var(--lt-surface);border-color:var(--line);box-shadow:0 24px 60px -30px #15181d73}.modal-head{border-bottom-color:var(--line)}.modal-head h2{font-family:var(--lt-display);letter-spacing:.01em;color:var(--washi);font-weight:600}.modal-head .sub{color:var(--gold-soft)}.modal-close{color:var(--washi-dim);border-color:#15181d38}.modal-close:hover{color:var(--washi);background:#f1f0ec}.modal-body{scrollbar-color:#15181d47 transparent}.modal-body::-webkit-scrollbar-thumb{background:#15181d47}.step-num{background:var(--lt-accent-soft);color:var(--gold-soft);font-family:var(--lt-display)}.step-body h3{font-family:var(--lt-display);color:var(--washi);font-weight:600}.step-body p b{color:var(--washi)}.note{background:var(--lt-accent-soft);border-color:var(--lt-accent-line);border-left-color:var(--gold);color:var(--washi-dim)}.note b{color:var(--gold-soft)}.flame-cell{background:var(--lt-surface-2);border-color:var(--line)}.flame-cell .t1{font-family:var(--lt-display);font-weight:600}.qa-q{color:var(--washi)}.qa-q:before{font-family:var(--lt-display);color:var(--gold)}.qa-a a{color:var(--gold-soft)}#share-url{background:var(--lt-surface);color:var(--washi);border-color:#80858f}.modal .btn{background:var(--lt-surface);color:var(--washi);border-color:#15181d38}.modal .btn:hover{background:var(--lt-surface-2);border-color:#15181d57}#quest-progress{font-family:var(--lt-display);color:var(--gold-soft);font-weight:600}.quest-item{background:var(--lt-surface-2);border-color:var(--line);color:var(--washi)}.quest-item:hover{background:#f1efe9}.quest-item.done{border-color:#a9d9b8}.quest-body strong{font-family:var(--lt-display);color:var(--gold-soft);font-weight:600}.foot-links{border-top-color:var(--line)}.foot-links a{color:var(--gold-soft)}.foot-links a:hover{border-bottom-color:var(--gold-soft)}.foot-links .sep{color:var(--washi-dim)}@media (width<=560px){.app-shell{height:calc(100dvh - 57px)}}