.lnav{position:sticky;top:4.25rem;z-index:15;background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.lnav ul{list-style:none;margin:0;padding:.6rem 0;display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none}.lnav ul::-webkit-scrollbar{display:none}.lnav a{display:inline-flex;align-items:center;gap:.45rem;white-space:nowrap;text-decoration:none;font-weight:700;font-size:.9rem;padding:.35rem .85rem .35rem .4rem;border-radius:999px;border:2px solid var(--line);transition:border-color .2s,background-color .2s}.lnav a:hover{border-color:var(--ink)}.lnav a[aria-current]{background:var(--ink);border-color:var(--ink);color:#fff}.lnav .g{display:grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--mist);font-family:var(--font);font-weight:700;color:var(--ink);font-size:.95rem}.lnav a[aria-current] .g{background:var(--kin)}.lnav .done .g{background:var(--matcha);color:#fff}.lstats{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.lstat{display:flex;align-items:center;gap:.6rem;background:#ffffffd9;border:2px solid var(--ink);border-radius:14px;padding:.55rem 1rem;font-weight:900}.lstat .ic{font-size:1.4rem}.lstat small{display:block;font-weight:700;font-size:.75rem;color:var(--ink-soft);line-height:1}.lstat b{display:block;font-size:1.25rem;line-height:1.1;font-variant-numeric:tabular-nums}.path{list-style:none;margin:0 auto;padding:0;max-width:640px;position:relative}.path li{display:flex;align-items:center;gap:1.25rem;padding:.9rem 0;position:relative}.path li:nth-child(4n+2){padding-left:18%}.path li:nth-child(4n+3){padding-left:32%}.path li:nth-child(4n+4){padding-left:18%}.node{flex:none;position:relative;width:5.5rem;height:5.5rem;border-radius:50%;display:grid;place-items:center;text-decoration:none;background:#fff;border:3px solid var(--ink);box-shadow:0 6px 0 var(--ink);font-family:var(--font);font-weight:700;font-size:2.4rem;color:var(--ink);transition:transform .15s var(--ease-out),box-shadow .15s var(--ease-out)}.node:hover{transform:translateY(-2px);box-shadow:0 8px 0 var(--ink)}.node:active{transform:translateY(4px);box-shadow:0 2px 0 var(--ink)}.node.done{background:var(--kin)}.node.next{background:var(--shu);color:#fff;border-color:var(--shu-deep);box-shadow:0 6px 0 var(--shu-deep)}.node.next:after{content:"";position:absolute;inset:-10px;border-radius:50%;border:3px solid var(--shu);opacity:.5}@media(prefers-reduced-motion:no-preference){.node.next:after{animation:ring 1.8s ease-out infinite}}@keyframes ring{0%{transform:scale(.85);opacity:.7}to{transform:scale(1.25);opacity:0}}.node .check{position:absolute;right:-4px;bottom:-4px;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--matcha);color:#fff;font-family:var(--font);font-size:1rem;font-weight:900;display:grid;place-items:center;border:3px solid #fff}.path-label h3{margin:0;font-size:1.15rem}.path-label h3 a{text-decoration:none}.path-label h3 a:hover{text-decoration:underline}.path-label p{margin:.1rem 0 0;color:var(--ink-soft);font-size:.92rem;line-height:1.5;max-width:34ch}.path-label .best{display:inline-block;margin-top:.3rem;font-size:.8rem;font-weight:700;color:var(--matcha)}.path-label .si{font-size:.85rem;color:var(--ink-soft)}@media(max-width:560px){.path li:nth-child(n){padding-left:0}.path li:nth-child(2n){padding-left:2.5rem}.node{width:4.4rem;height:4.4rem;font-size:1.9rem}}.test-cta{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;justify-content:space-between;background:var(--ink);color:#fff;border-radius:var(--radius-m);padding:2rem;margin-top:3rem}.test-cta h2{margin:0 0 .25rem;color:#fff}.test-cta p{margin:0;color:#fffc}.test-cta .btn{background:var(--kin);border-color:var(--kin);color:var(--ink)}.kana-wrap{display:grid;grid-template-columns:1fr 320px;gap:2rem;align-items:start}.kana-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.25rem}.kana-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem}.kana-grid.cols3{grid-template-columns:repeat(3,minmax(0,1fr))}.ktile{font:inherit;color:var(--ink);border:2px solid var(--line);background:#fff;border-radius:12px;padding:.55rem .25rem .45rem;cursor:pointer;display:grid;justify-items:center;gap:.1rem;transition:border-color .15s,transform .15s var(--ease-out),background-color .15s}.ktile:hover{border-color:var(--ink);transform:translateY(-2px)}.ktile:active{transform:scale(.96)}.ktile[aria-pressed=true]{border-color:var(--shu);background:#fff4f1}.ktile .g{font-family:var(--font);font-weight:700;font-size:clamp(1.6rem,4vw,2.2rem);line-height:1.15}.ktile .r{font-size:.8rem;font-weight:700;color:var(--ink-soft)}.kempty{border-radius:12px;background:repeating-linear-gradient(45deg,transparent 0 6px,var(--mist) 6px 8px)}.kdetail{position:sticky;top:9.5rem;background:#fff;border:2px solid var(--ink);border-radius:var(--radius-m);padding:1.25rem;box-shadow:6px 6px 0 var(--ink)}.kdetail .stroke-box{width:100%}.kdetail-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-top:1rem}.kdetail-head .big{font-family:var(--font);font-weight:700;font-size:2.6rem;line-height:1}.kdetail-head .rom{font-size:1.6rem;font-weight:900;color:var(--shu)}.kdetail .meta{color:var(--ink-soft);font-size:.92rem;margin:.5rem 0 .9rem}.kdetail-actions{display:flex;gap:.5rem;flex-wrap:wrap}.kdetail-actions .btn{padding:.55rem 1rem;font-size:.92rem}@media(max-width:860px){.kana-wrap{grid-template-columns:1fr;gap:1.25rem}.kdetail{position:sticky;top:7.65rem;z-index:5;order:-1;display:grid;grid-template-columns:104px 1fr;gap:.15rem .9rem;align-items:center;padding:.7rem .8rem;box-shadow:0 10px 20px -12px #1e2b4a73}.kdetail .stroke-box{grid-row:1 / span 4;width:104px;border-width:2px}.kdetail-head{margin-top:0;justify-content:flex-start;gap:.8rem;align-items:center}.kdetail-head .big{font-size:2rem}.kdetail-head .rom{font-size:1.15rem}.kdetail .meta{margin:0;font-size:.8rem;line-height:1.4}.kdetail .readings{margin:0;font-size:.8rem;grid-template-columns:auto 1fr auto 1fr;gap:0 .5rem}.kdetail .ex{font-size:.8rem;padding:.3rem .55rem;line-height:1.4}.kdetail .ex b{font-size:.95rem}.kdetail-actions{margin-top:.3rem!important;gap:.4rem}.kdetail-actions .btn{padding:.35rem .8rem;font-size:.82rem}}.say{font:inherit;font-weight:700;font-size:.85rem;display:inline-flex;align-items:center;gap:.3rem;border:2px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:.25rem .7rem;cursor:pointer;transition:border-color .15s}.say:hover{border-color:var(--ink)}.say.saying{animation:pop .35s var(--ease-out)}@keyframes pop{50%{transform:scale(1.12)}}.say-ic{font:inherit;border:0;background:none;cursor:pointer;font-size:1.05rem;padding:.2rem .35rem;border-radius:8px}.say-ic:hover{background:var(--mist)}.words{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.75rem}.word{border:2px solid var(--line);border-radius:12px;padding:.8rem 1rem;display:grid;gap:.1rem;background:#fff}.word .w{font-size:1.5rem;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.word .r{color:var(--shu);font-weight:700;font-size:.9rem}.word .en{color:var(--ink-soft);font-size:.9rem}.note{border-left:4px solid var(--kin);background:#fffaf0;padding:1rem 1.25rem;border-radius:0 var(--radius-s) var(--radius-s) 0;margin:1.5rem 0;max-width:75ch}.note p{margin:0 0 .4rem}.note p:last-child{margin:0}.ltable{width:100%;border-collapse:collapse;font-size:.98rem}.ltable th,.ltable td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--line);vertical-align:middle}.ltable th{font-size:.85rem;color:var(--ink-soft);font-weight:700;border-bottom:2px solid var(--ink)}.ltable td.k{font-family:var(--font);font-weight:700;font-size:1.5rem;white-space:nowrap}.ltable td.h{font-weight:700}.ltable tr.trap td{background:#fff4f1}.ltable tr.trap td.h{color:var(--shu)}.tables{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem}.tables h3{margin-bottom:.75rem}.trap-key{display:inline-block;background:#fff4f1;border:1px solid var(--shu);color:var(--shu);font-weight:700;font-size:.8rem;padding:.05rem .5rem;border-radius:6px}.converter{background:var(--ink);color:#fff;border-radius:var(--radius-m);padding:clamp(1.25rem,4vw,2.25rem);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:2rem;align-items:center}.converter label{font-weight:700;display:block;margin-bottom:.5rem}.converter input{font:inherit;font-size:2rem;font-weight:900;width:100%;padding:.5rem .9rem;border-radius:12px;border:3px solid var(--kin);background:#fff;color:var(--ink);font-variant-numeric:tabular-nums}.converter .hint{font-size:.85rem;color:#ffffffb3;margin-top:.5rem}.conv-out{display:grid;gap:.6rem}.conv-out .ck{font-family:var(--font);font-weight:700;font-size:clamp(2rem,6vw,3.2rem);line-height:1.15;color:var(--kin);word-break:break-all}.conv-out .ch{font-size:1.35rem;font-weight:700;word-break:break-all}.conv-out .cr{color:#ffffffbf;word-break:break-all}.converter .say{background:transparent;color:#fff;border-color:#fff6;justify-self:start}.conv-dice{margin-top:.75rem}.converter .btn.alt{color:#fff;border-color:#fff}@media(max-width:760px){.converter{grid-template-columns:1fr}}.kj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:.5rem}.kj-grid .ktile .g{font-size:2rem}.kj-group{margin-bottom:1.75rem}.kj-group h3{font-size:1rem;color:var(--ink-soft);margin-bottom:.6rem}.kdetail .readings{display:grid;grid-template-columns:auto 1fr;gap:.2rem .8rem;font-size:.95rem;margin:.5rem 0 .8rem}.kdetail .readings dt{color:var(--ink-soft);font-weight:700}.kdetail .readings dd{margin:0;font-weight:700}.kdetail .ex{background:var(--mist);border-radius:10px;padding:.6rem .8rem;font-size:.95rem}.kdetail .ex b{font-size:1.15rem}.phr-group{margin-bottom:2.5rem}.phr{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}.phr li{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:.25rem 1.5rem;align-items:center;padding:.85rem 0;border-bottom:1px solid var(--line)}.phr .jp-t{font-size:1.25rem;font-weight:700}.phr .r{display:block;color:var(--shu);font-size:.88rem;font-weight:700}.phr .en{color:var(--ink-soft)}@media(max-width:640px){.phr li{grid-template-columns:1fr auto}.phr .en{grid-column:1}.phr li>:last-child{grid-row:1 / span 2;grid-column:2}}.intro-builder{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:2rem;align-items:start}.ib-form{display:grid;gap:1rem}.ib-form label{font-weight:700;display:grid;gap:.35rem}.ib-form input,.ib-form select{font:inherit;padding:.65rem .85rem;border-radius:10px;border:2px solid var(--ink);background:#fff;color:var(--ink)}.ib-form small{font-weight:500;color:var(--ink-soft)}.ib-out{background:#fff;border:2px solid var(--ink);border-radius:var(--radius-m);padding:1.5rem;box-shadow:6px 6px 0 var(--ink)}.ib-out ol{margin:0 0 1rem;padding-left:1.4rem;display:grid;gap:.6rem}.ib-out li::marker{color:var(--shu);font-weight:900}.ib-out .jp-t{font-size:1.2rem;font-weight:700;display:block}.ib-out .en{font-size:.88rem;color:var(--ink-soft)}@media(max-width:820px){.intro-builder{grid-template-columns:1fr}}.pcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.pcard{border:2px solid var(--ink);border-radius:var(--radius-m);padding:1.25rem;background:#fff;display:grid;grid-template-columns:auto 1fr;gap:.25rem 1rem;align-items:start}.pcard .pp{grid-row:span 3;width:3.6rem;height:3.6rem;display:grid;place-items:center;background:var(--shu);color:#fff;border-radius:12px;font-size:2rem;font-weight:900}.pcard .read{font-weight:900}.pcard .read small{font-weight:700;color:var(--ink-soft)}.pcard p{margin:0;font-size:.95rem;color:var(--ink-soft);line-height:1.55}.pcard .ex{grid-column:1 / -1;margin-top:.6rem;padding-top:.6rem;border-top:1px dashed var(--line);display:flex;justify-content:space-between;gap:.5rem;align-items:center}.pcard .ex .jp-t{font-weight:700;font-size:1.05rem}.pcard .ex .en{display:block;font-size:.85rem;color:var(--ink-soft)}.pcard mark{background:var(--kin);color:var(--ink);padding:0 .15em;border-radius:3px}.lquiz{background:#fff;border:2px solid var(--ink);border-radius:var(--radius-m);padding:clamp(1.25rem,4vw,2rem);box-shadow:8px 8px 0 var(--ink);max-width:760px}.lq-intro{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;justify-content:space-between}.lq-intro-title{font-size:var(--step-1);font-weight:900;margin:0 0 .2rem}.lq-intro .muted{margin:0;font-size:.95rem}.lq-top{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.lq-bar{flex:1;height:14px;border-radius:999px;background:var(--mist);overflow:hidden}.lq-bar i{display:block;height:100%;background:var(--matcha);border-radius:inherit;transition:width .4s var(--ease-out);box-shadow:inset 0 -4px #0000001f}.lq-combo{font-weight:900;color:var(--shu);font-size:.9rem;min-width:7.5rem;text-align:right}.lq-mute{font:inherit;border:0;background:none;cursor:pointer;font-size:1.1rem;padding:.2rem;border-radius:8px}.lq-mute:hover{background:var(--mist)}.lq-card{text-align:center;padding:.5rem 0 1.25rem}.lq-ask{font-weight:700;color:var(--ink-soft);margin:0 auto .4rem}.lq-prompt{font-size:clamp(2.2rem,7vw,3.6rem);font-weight:900;line-height:1.2;word-break:break-word}.lq-prompt:lang(ja){font-family:var(--font);font-weight:700}.lq-prompt:not(:lang(ja)){font-size:clamp(1.5rem,4.5vw,2.2rem)}.lq-sub{color:var(--ink-soft);margin:.4rem auto 0}.lq-card .say{margin-top:.75rem}.lq-opts{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.lq-opt{font:inherit;font-weight:700;font-size:1.1rem;display:flex;align-items:center;gap:.75rem;text-align:left;padding:.9rem 1rem;border:2px solid var(--line);border-bottom-width:5px;border-radius:14px;background:#fff;color:var(--ink);cursor:pointer;transition:border-color .15s,background-color .15s,transform .1s}.lq-opt:hover:not(:disabled){border-color:var(--ink)}.lq-opt:active:not(:disabled){transform:translateY(2px);border-bottom-width:3px}.lq-opt kbd{flex:none;font:inherit;font-size:.78rem;width:1.6rem;height:1.6rem;display:grid;place-items:center;border:2px solid var(--line);border-radius:6px;color:var(--ink-soft)}.lq-opt:lang(si){font-family:var(--font-si)}.lq-opt.right{border-color:var(--matcha);background:#e8f3e2}.lq-opt.right kbd{border-color:var(--matcha);background:var(--matcha);color:#fff}.lq-opt.wrong{border-color:var(--shu);background:#fde8e3}.lq-opt.wrong kbd{border-color:var(--shu);background:var(--shu);color:#fff}.lq-opt:disabled{cursor:default}@media(prefers-reduced-motion:no-preference){.lq-opt.right{animation:bounceOk .45s var(--ease-out)}.lq-opt.wrong{animation:shake .4s}}@keyframes bounceOk{40%{transform:scale(1.04)}}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.lq-feedback{display:none;margin-top:1.25rem;padding:1rem 1.25rem;border-radius:14px;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.lq-feedback.show{display:flex}.lq-feedback.ok{background:#e8f3e2;color:#2f5a22}.lq-feedback.no{background:#fde8e3;color:#8e2a16}.lq-feedback b{font-size:1.15rem;display:block}.lq-feedback span{display:block;font-weight:700}.lq-feedback .lq-x{font-weight:500;font-size:.92rem;opacity:.9}.lq-feedback .btn{background:var(--matcha);border-color:var(--matcha)}.lq-feedback.no .btn{background:var(--shu);border-color:var(--shu)}@media(prefers-reduced-motion:no-preference){.lq-feedback.show{animation:slideUp .3s var(--ease-out)}}@keyframes slideUp{0%{transform:translateY(12px);opacity:0}}@media(max-width:520px){.lq-opts{grid-template-columns:1fr}.lq-combo{min-width:0}}.test-topics{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.test-topics label{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .9rem;border:2px solid var(--ink);border-radius:999px;font-weight:700;cursor:pointer;background:#fff;user-select:none}.test-topics input{accent-color:var(--shu);width:1.05rem;height:1.05rem}.test-topics label:has(input:checked){background:var(--ink);color:#fff}.test-len{display:flex;gap:.5rem;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;font-weight:700}.no-scroll{overflow:hidden}.result{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:1rem;background:#17213a8c;backdrop-filter:blur(3px);opacity:0;transition:opacity .25s}.result.in{opacity:1}.result-card{position:relative;width:min(440px,100%);background:#fff;border-radius:22px;padding:1.5rem 1.5rem 1.25rem;text-align:center;box-shadow:0 30px 60px -20px #00000073;transform:translateY(24px) scale(.96);transition:transform .45s cubic-bezier(.3,1.4,.5,1)}.result.in .result-card{transform:none}.result.pass .result-card{border-top:8px solid var(--kin)}.result.fail .result-card{border-top:8px solid var(--accent)}.result-hero{position:relative;height:130px;display:grid;place-items:center;margin-top:-.25rem}.musubi{width:120px;height:120px}@media(prefers-reduced-motion:no-preference){.result.pass .musubi{animation:hop .7s cubic-bezier(.3,1.6,.5,1) .15s 3 both;transform-origin:50% 100%}.result.fail .musubi{animation:wobble 1.2s ease-in-out .2s 2;transform-origin:50% 100%}.result-stamp{animation:stampIn .55s cubic-bezier(.3,1.6,.5,1) .7s both}}@keyframes hop{0%{transform:translateY(0) scale(1)}30%{transform:translateY(0) scale(1.12,.86)}60%{transform:translateY(-26px) scale(.94,1.08)}to{transform:translateY(0) scale(1)}}@keyframes wobble{25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}.result-stamp{position:absolute;right:calc(50% - 125px);top:6px;width:4.6rem;height:4.6rem;border:4px double var(--shu);color:var(--shu);border-radius:50%;display:grid;place-items:center;font-family:var(--brush);font-size:1.5rem;line-height:1;writing-mode:vertical-rl;transform:rotate(-14deg);background:#ffffffd9}.result-jp{font-family:var(--brush);font-size:2rem;color:var(--shu);margin:.5rem auto 0;line-height:1.2}.result.fail .result-jp{color:var(--accent)}.result-card h2{font-size:var(--step-2);margin:.1rem 0 .4rem}.result-score{font-weight:900;font-size:1.2rem;margin:0 auto .75rem}.result-score span{color:var(--ink-soft);font-weight:700}.result-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.9rem}.result-chips span{font-weight:900;font-size:.92rem;padding:.3rem .8rem;border-radius:999px}.chip-xp{background:#fff4c7;color:#7a5a00}.chip-streak{background:#ffe3d6;color:var(--shu-deep)}.chip-best{background:#e3f0dc;color:#2f5a22}.result-msg{color:var(--ink-soft);font-size:.95rem;margin:0 auto 1.25rem;max-width:34ch}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.result-link{flex-basis:100%;font-weight:700;font-size:.9rem;color:var(--ink-soft);margin-top:.4rem}.confetti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:101}.learn-teaser{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.learn-teaser a{text-decoration:none;border:2px solid var(--ink);border-radius:14px;padding:1rem;background:#fff;display:grid;gap:.2rem;box-shadow:0 4px 0 var(--ink);transition:transform .15s var(--ease-out),box-shadow .15s var(--ease-out)}.learn-teaser a:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--ink)}.learn-teaser .g{font-family:var(--font);font-weight:700;font-size:2.2rem;line-height:1.1;color:var(--shu)}.learn-teaser b{font-size:1rem}.lq-opt:lang(ja) span{font-size:1.45rem;font-weight:500}.lnav .wrap:has(>.vp-li:not([hidden])){display:flex;align-items:center;gap:.6rem}.lnav .wrap>ul{flex:1;min-width:0}.lnav .wrap:has(>.vp-li:not([hidden]))>ul{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 1.5rem),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 1.5rem),transparent);padding-right:1rem}.vp-li{flex:none;padding-left:.6rem;border-left:1px solid var(--line)}.vp-btn{font:inherit;font-weight:700;font-size:.88rem;white-space:nowrap;display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .8rem .35rem .55rem;border-radius:999px;border:2px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;transition:border-color .2s}.vp-btn svg{width:1.15rem;height:1.15rem;transition:transform .4s var(--ease-out)}.vp-btn:hover{border-color:var(--ink)}.vp-btn:hover svg{transform:rotate(60deg)}@media(max-width:720px){.vp-txt{display:none}.vp-btn{padding:.4rem}.vp-li{padding-left:.4rem}}.vp{border:2px solid var(--ink);border-radius:var(--radius-m);box-shadow:6px 6px 0 var(--ink);padding:1.4rem;width:min(440px,calc(100vw - 2rem));max-height:calc(100dvh - 3rem);color:var(--ink)}.vp::backdrop{background:#14141e73}.vp h2{margin:0 0 .4rem;font-size:1.2rem}.vp-note,.vp-none{margin:0 0 1rem;color:var(--ink-soft);font-size:.92rem;line-height:1.55}.vp-list{display:grid;gap:.45rem;max-height:50dvh;overflow-y:auto}.vp-opt{display:grid;grid-template-columns:auto 1fr;gap:.7rem;align-items:center;padding:.6rem .8rem;border:2px solid var(--line);border-radius:12px;cursor:pointer}.vp-opt:has(input:checked){border-color:var(--shu);background:#fff4f1}.vp-opt input{accent-color:var(--shu);width:1.1rem;height:1.1rem;margin:0}.vp-opt b{display:block;font-size:.95rem}.vp-opt small{color:var(--ink-soft);font-size:.8rem}.vp-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.1rem}.vp-li{position:relative}.vp-tip{position:absolute;top:calc(100% + .55rem);right:0;z-index:5;margin:0;width:max-content;max-width:min(15rem,calc(100vw - 2rem));display:flex;align-items:center;gap:.5rem;background:var(--ink);color:#fff;font-size:.85rem;font-weight:700;line-height:1.35;padding:.55rem .5rem .55rem .85rem;border-radius:12px;box-shadow:0 8px 20px -8px #0006}.vp-tip:before{content:"";position:absolute;top:-6px;right:1.1rem;width:12px;height:12px;background:var(--ink);transform:rotate(45deg);border-radius:2px}.vp-tip button{font:inherit;flex:none;width:1.6rem;height:1.6rem;border:0;border-radius:50%;background:#ffffff26;color:#fff;cursor:pointer}.vp-tip button:hover{background:#ffffff4d}@media(prefers-reduced-motion:no-preference){.vp-tip:not([hidden]){animation:vpTipIn .35s var(--ease-out) both}}@keyframes vpTipIn{0%{opacity:0;transform:translateY(-6px)}}.vp-tip[hidden]{display:none}.result-fb{display:flex;align-items:center;gap:.6rem;margin:0 0 1rem;padding:.6rem .8rem;border-radius:12px;background:#e9f1fe;color:#0d4fb3;font-weight:700;font-size:.9rem;line-height:1.35;text-align:left;text-decoration:none;transition:background-color .15s}.result-fb:hover{background:#d8e7fd}.result-fb svg{flex:none;width:2rem;height:2rem;padding:.35rem;border-radius:50%;background:#1877f2;color:#fff}