:root{--navy:#243b55;--navy-sub:#5d6c86;--navy-soft:#e7ecf3;--yellow:#ffdb5b;--yellow-soft:#fff6d6;--yellow-ink:#7a5a00;--pink:#e85989;--pink-deep:#c2436f;--pink-soft:#ffedf4;--green:#2e7d5b;--green-soft:#e3f3ea;--danger:#b3261e;--danger-soft:#fdecea;--surface:#fff;--page:#fff;--play-bg:#16263a;--play-ink:#fff;--play-sub:#c9d3e1;--backdrop:#16263a8c;--ad-bg:#f6f7f9;--ad-line:#b9c2cf;--ad-ink:#7b8698;--s-math-bg:#ddf1ff;--s-math-ink:#1d5fa8;--s-japanese-bg:#ffe3ea;--s-japanese-ink:#b0304f;--s-social-bg:#e3f3ea;--s-social-ink:#2e7d5b;--s-science-bg:#f0e6ff;--s-science-ink:#6a3fb0;--s-english-bg:#fff1d6;--s-english-ink:#9a5a00;--page-pattern:linear-gradient(#e8598912 1px, transparent 1px), linear-gradient(90deg, #e8598912 1px, transparent 1px);--page-pattern-size:2.6em 2.6em;--font:"Nunito", "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Hiragino Sans", "Yu Gothic", "Meiryo", system-ui, sans-serif;--font-num:"Nunito", system-ui, sans-serif;--font-size:16px;--ls-body:.02em;--ls-head:.04em;--ls-label:.06em;--r:1em;--r-card:1.2em;--r-pill:999px;--shadow:0 .15em .8em #243b5514;--shadow-thumb:0 .2em .8em #243b551f;--shadow-dialog:0 .6em 2.4em #16263a4d;--btn-outline:.12em solid var(--navy);--btn-depth:0 .18em 0 var(--navy);--pad-label:.35em 1em;--pad-short:1em 1.2em;--pad-card:1.25em 1.5em;--pad-long:1.75em 2em;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{margin:0}body{font-family:var(--font);font-weight:500;font-size:var(--font-size);letter-spacing:var(--ls-body);font-kerning:normal;color:var(--navy);background-color:var(--page);background-image:var(--page-pattern);background-size:var(--page-pattern-size);overflow-wrap:anywhere;flex-direction:column;min-height:100vh;line-height:1.75;display:flex}:lang(ja){line-break:strict;word-break:normal;text-spacing-trim:trim-start}.ph{word-break:auto-phrase}p,li,td{text-wrap:pretty}.nw{white-space:nowrap}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:0}.small{color:var(--navy-sub);font-size:.85em}.center{text-align:center}img{max-width:100%;display:block}a{color:inherit}svg.ic{flex:none;width:1.2em;height:1.2em}:focus-visible{outline:3px solid var(--pink);outline-offset:2px}[hidden]{display:none!important}code{letter-spacing:0;background:var(--navy-soft);overflow-wrap:anywhere;border-radius:.4em;padding:.1em .45em;font-family:ui-monospace,Menlo,monospace;font-size:.9em}main{flex:1;width:100%}.wrap{max-width:72em;margin:0 auto;padding:1.25em 1em 3em}.wrap.narrow{max-width:40em}.wrap.mid{max-width:56em}.hd{z-index:10;background:#fffffff5;position:sticky;top:0;box-shadow:0 .1em .8em #243b5514}.hd-in{align-items:center;gap:1em;max-width:72em;margin:0 auto;padding:.6em 1em;display:flex}.logo{font-family:var(--font-num);letter-spacing:.01em;white-space:nowrap;align-items:baseline;gap:.25em;font-size:1.35em;font-weight:900;text-decoration:none;display:flex}.logo .l1{color:var(--pink)}.logo .l2{color:var(--navy)}.search{border-radius:var(--r-pill);background:var(--navy-soft);max-width:26em;color:var(--navy-sub);flex:1;align-items:center;gap:.5em;padding:0 1em;display:flex}.search input{min-width:0;min-height:2.75em;font:inherit;color:var(--navy);outline-offset:.3em;background:0 0;border:0;flex:1;font-size:.92em}.search input::placeholder{color:var(--navy-sub)}.lang{border-radius:var(--r-pill);border:1.5px solid var(--navy-soft);background:var(--surface);font:inherit;white-space:nowrap;color:var(--navy);cursor:pointer;margin-left:auto;padding:0;font-size:.8em;font-weight:800;display:flex;overflow:hidden}.lang span{align-items:center;min-height:2.75em;padding:.35em .8em;display:inline-flex}.lang span.on{background:var(--navy);color:#fff}.btn-login{border-radius:var(--r-pill);border:2px solid var(--navy);background:var(--surface);min-height:2.75em;color:var(--navy);font:inherit;white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;padding:.3em 1.2em;font-weight:800;text-decoration:none;display:inline-flex}.btn-login.name{text-overflow:ellipsis;max-width:11em;line-height:calc(2.15em - 4px);display:inline-block;overflow:hidden}.btn-play{border-radius:var(--r-pill);border:var(--btn-outline);background:var(--yellow);color:var(--navy);font:inherit;letter-spacing:var(--ls-head);box-shadow:var(--btn-depth);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:.4em;padding:.6em 2.2em .6em 1.8em;font-size:1.5em;font-weight:900;text-decoration:none;display:inline-flex}.btn-play:active{box-shadow:0 .06em 0 var(--navy);transform:translateY(.12em)}.btn-play.sm{padding:.55em 1.8em;font-size:1.1em}.btn-mini{border-radius:var(--r-pill);border:var(--btn-outline);background:var(--yellow);min-height:2.75em;color:var(--navy);box-shadow:0 .15em 0 var(--navy);font:inherit;white-space:nowrap;cursor:pointer;align-items:center;padding:.3em 1.1em;font-size:.88em;font-weight:900;text-decoration:none;display:inline-flex}.btn-sub{border-radius:var(--r-pill);background:var(--navy-soft);min-height:2.75em;color:var(--navy);font:inherit;cursor:pointer;word-break:auto-phrase;border:0;align-items:center;padding:.5em 1.3em;font-weight:800;line-height:1.5;text-decoration:none;display:inline-flex}.btn-text{border-radius:var(--r-pill);min-height:2.75em;font:inherit;color:var(--navy-sub);text-underline-offset:.2em;white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;padding:.3em .9em;font-weight:800;text-decoration:underline;display:inline-flex}.btn-text.warn{color:var(--danger)}.btn-danger{border-radius:var(--r-pill);background:var(--danger);color:#fff;min-height:2.75em;font:inherit;white-space:nowrap;cursor:pointer;border:0;align-items:center;padding:.3em 1.3em;font-weight:800;display:inline-flex}button[disabled]{opacity:.6;cursor:wait}.tags{flex-wrap:wrap;gap:.35em;margin:0;display:flex}.tg{border-radius:var(--r-pill);letter-spacing:var(--ls-label);white-space:nowrap;align-items:center;gap:.25em;padding:.1em .7em;font-size:.74em;font-weight:800;line-height:1.6;display:inline-flex}.tg svg.ic{width:1.05em;height:1.05em}.tg.genre{background:var(--navy-soft);color:var(--navy)}.tg.grade{background:var(--surface);color:var(--navy);box-shadow:inset 0 0 0 1.5px var(--navy-soft)}.tg.time{background:var(--yellow-soft);color:var(--yellow-ink)}.tg.draft{background:var(--danger-soft);color:var(--danger)}.s-math{background:var(--s-math-bg);color:var(--s-math-ink)}.s-japanese{background:var(--s-japanese-bg);color:var(--s-japanese-ink)}.s-social{background:var(--s-social-bg);color:var(--s-social-ink)}.s-science{background:var(--s-science-bg);color:var(--s-science-ink)}.s-english{background:var(--s-english-bg);color:var(--s-english-ink)}.h1{letter-spacing:var(--ls-head);margin:.2em 0 .4em;font-size:1.7em;font-weight:900;line-height:1.4}.h2{letter-spacing:var(--ls-head);flex-wrap:wrap;align-items:baseline;gap:.2em .8em;margin:0 0 .7em;font-size:1.3em;font-weight:900;line-height:1.45;display:flex}.h2-s{color:var(--navy-sub);letter-spacing:var(--ls-body);font-size:.62em;font-weight:700}.h3{letter-spacing:var(--ls-head);align-items:center;gap:.4em;margin:0 0 .6em;font-size:1.05em;font-weight:900;line-height:1.5;display:flex}.lead{margin:.4em 0;font-size:1.02em}.blk{margin:2em 0}.blk:first-child{margin-top:.6em}.eyebrow{letter-spacing:var(--ls-label);color:var(--pink-deep);margin:0;font-size:.82em;font-weight:900}.empty{color:var(--navy-sub)}.chips{scrollbar-width:none;gap:.5em;padding:.2em .1em .6em;display:flex;overflow-x:auto}.chip{min-height:2.75em;padding:var(--pad-label);border-radius:var(--r-pill);background:var(--surface);color:var(--navy);box-shadow:inset 0 0 0 1.5px var(--navy-soft);font:inherit;white-space:nowrap;cursor:pointer;border:0;flex:none;font-size:.9em;font-weight:800}.chip.on{background:var(--navy);color:#fff;box-shadow:none}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25em 1em;display:grid}.tile{flex-direction:column;gap:.35em;min-width:0;text-decoration:none;display:flex}.tile.big{grid-area:span 2/span 2}.thumb{border-radius:var(--r);aspect-ratio:16/10;box-shadow:var(--shadow-thumb);background:var(--navy-soft);transition:transform .15s;display:block;position:relative;overflow:hidden}.tile:hover .thumb{transform:translateY(-.15em)}.thumb img{object-fit:cover;width:100%;height:100%}.play-dot{border:var(--btn-outline);background:var(--yellow);width:2.4em;height:2.4em;color:var(--navy);box-shadow:0 .15em 0 var(--navy);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:.6em;right:.6em}.tile .tt{letter-spacing:var(--ls-head);margin-top:.25em;font-size:1.02em;font-weight:900;line-height:1.45}.tile.big .tt{font-size:1.35em}.tile .hook{color:var(--navy-sub);font-size:.86em;line-height:1.55}.cont-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1em;display:grid}.cont{border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow);grid-template-columns:6.5em minmax(0,1fr) auto;align-items:center;gap:1em;padding:.9em 1.2em .9em .9em;text-decoration:none;display:grid}.cont img{aspect-ratio:16/10;object-fit:cover;border-radius:.7em;width:100%}.cont-b{flex-direction:column;gap:.3em;min-width:0;display:flex}.cont .tt{font-weight:900;line-height:1.45}.saved{color:var(--green);white-space:nowrap;align-items:center;gap:.25em;font-size:.85em;font-weight:800;display:inline-flex}.saved svg.ic{width:1.1em;height:1.1em}.ad{border:2px dashed var(--ad-line);background:var(--ad-bg);min-height:6.5em;color:var(--ad-ink);text-align:center;border-radius:.8em;place-items:center;padding:1.4em 1em 1em;font-size:.85em;font-weight:700;display:grid;position:relative}.ad-l{background:var(--navy-soft);color:var(--navy-sub);letter-spacing:var(--ls-label);border-radius:.3em;padding:0 .6em;font-size:.8em;position:absolute;top:.5em;left:.7em}.ad-slot:empty{display:none}.ad-wide{margin:2em 0}.side .ad{min-height:15.6em}.note-blk p{color:var(--navy-sub);max-width:40em;font-size:.9em}.gm{grid-template-columns:minmax(0,1fr) 20em;align-items:start;gap:2em;display:grid}.crumb{color:var(--navy-sub);margin:0 0 .6em;font-size:.82em}.frame{border-radius:var(--r-card);aspect-ratio:16/9;background:var(--navy);color:#fff;place-items:center;display:grid;position:relative;overflow:hidden}.frame-bg{object-fit:cover;filter:blur(1.4em)saturate(1.2);opacity:.55;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.2)}.pre-in{flex-direction:column;align-items:center;gap:.9em;padding:1.5em;display:flex;position:relative}.pre-art{border-radius:var(--r);aspect-ratio:16/10;object-fit:cover;width:15em;max-width:60vw;box-shadow:0 .4em 1.4em #0000004d}.pre-note{margin:0;font-size:.88em;font-weight:800}.gm-info{margin-top:1.4em}.gm-info .tags{margin-bottom:.6em}.howto{padding:var(--pad-short);border-radius:var(--r);background:var(--pink-soft);max-width:44em;margin:0 0 1.2em}.side{flex-direction:column;gap:1.2em;display:flex}.card{border-radius:var(--r-card);padding:var(--pad-card);background:var(--surface);box-shadow:var(--shadow)}.rk-tabs{gap:.4em;margin:0 0 .6em;display:flex}.rk-tabs .chip{font-size:.82em}.rk-list{margin:0;padding:0;list-style:none}.rk-list li,.rk-me{border-bottom:1px solid var(--navy-soft);grid-template-columns:2em minmax(0,1fr) auto;align-items:center;gap:.5em;padding:.4em 0;font-size:.92em;display:grid}.rk-list li.empty{display:block}.rk-n{font-family:var(--font-num);text-align:center;font-weight:900}.rk-list li:first-child .rk-n{color:#c99a00}.rk-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rk-s{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:0;font-weight:800}.rk-list li.me{color:var(--pink-deep);font-weight:900}.rk-me{background:var(--yellow-soft);border-bottom:0;border-radius:.7em;margin:.6em 0 0;padding:.5em .6em;font-weight:800}.nx{grid-template-columns:5.5em minmax(0,1fr);align-items:center;gap:.8em;padding:.5em 0;text-decoration:none;display:grid}.nx img{aspect-ratio:16/10;object-fit:cover;border-radius:.6em;width:100%}.nx .tt{margin-bottom:.2em;font-size:.95em;font-weight:900;line-height:1.45;display:block}body.playing{background:var(--play-bg);color:var(--play-ink)}body.playing .hd,body.playing .ft,body.playing .tabbar{display:none}.pstage{max-width:80em;margin:0 auto;padding:.6em .8em 1.5em}.pbar{align-items:center;gap:.8em;padding:.4em .5em;display:flex}.pb-btn{border-radius:var(--r-pill);color:#fff;min-width:2.75em;min-height:2.75em;font:inherit;white-space:nowrap;cursor:pointer;background:#ffffff1f;border:0;justify-content:center;align-items:center;gap:.3em;padding:.3em .8em;font-size:.9em;font-weight:800;display:inline-flex}.pb-t{letter-spacing:var(--ls-head);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:900;overflow:hidden}.pb-r{gap:.5em;margin-left:auto;display:flex}.pbar .saved{color:#8fe0b9}.pframe{border-radius:var(--r);place-items:center;height:min(80svh,46em);min-height:26em;margin-top:.4em;display:grid;position:relative;overflow:hidden}.pframe iframe{background:var(--surface);border-radius:var(--r);max-width:100%;height:100%;aspect-ratio:var(--ar);border:0;display:block}.pframe:fullscreen{background:var(--play-bg);border-radius:0;height:100%}.pframe.dim iframe{filter:blur(3px)brightness(.55)}.frame-loading{color:var(--play-sub);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.result{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-content:center;gap:1.2em;padding:1.5em;display:grid;position:absolute;inset:0;overflow-y:auto}.result>*{width:100%;max-width:30em}.result .rs-main{justify-self:end}.rs-main,.rk-box{background:var(--surface);color:var(--navy);padding:var(--pad-long);border-radius:1.4em}.rs-k{color:var(--pink-deep);letter-spacing:var(--ls-label);margin:0;font-weight:900}.rs-score{font-family:var(--font-num);letter-spacing:0;margin:.1em 0;font-size:3.4em;font-weight:900;line-height:1.1}.rs-score small{font-size:.35em;font-family:var(--font);margin-left:.2em}.rs-best{flex-wrap:wrap;align-items:center;gap:.6em;min-height:1.75em;margin:0 0 1.2em;font-weight:700;display:flex}.badge{border-radius:var(--r-pill);background:var(--pink);color:#fff;letter-spacing:var(--ls-label);white-space:nowrap;padding:.1em .8em;font-size:.8em;font-weight:900}.rs-btns{flex-wrap:wrap;align-items:center;gap:.9em .7em;margin-bottom:1.2em;display:flex}.nudge{padding:var(--pad-short);border-radius:var(--r);background:var(--pink-soft)}.nudge p{margin:0}.nudge-b{flex-wrap:wrap;align-items:center;gap:.6em;display:flex;margin-top:.7em!important}.ad-dark{color:#aab6c8;background:#22344c;border-color:#4a5d78;max-width:40em;min-height:5em;margin:1.2em auto 0}.ad-dark .ad-l{color:#cdd6e3;background:#34496a}.dialog{width:min(30em,100vw - 2em);box-shadow:var(--shadow-dialog);padding:var(--pad-long);color:var(--navy);background:var(--surface);border:0;border-radius:1.4em}.dialog::backdrop{background:var(--backdrop)}.dialog-close{width:2.75em;height:2.75em;color:var(--navy-sub);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:1.2em;position:absolute;top:.4em;right:.4em}.benefit{gap:.6em;margin:0 0 1.4em;padding:0;list-style:none;display:grid}.benefit li{align-items:center;gap:.7em;font-weight:800;display:flex}.benefit svg.ic{color:var(--pink);width:1.4em;height:1.4em}.sso{gap:.7em;margin-bottom:1.2em;display:grid}.btn-sso{border-radius:var(--r-pill);border:2px solid var(--navy);background:var(--surface);min-height:2.75em;color:var(--navy);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:.7em;padding:.6em 1.2em;font-weight:900;display:flex}.sso-g{background:var(--navy-soft);width:1.6em;height:1.6em;font-family:var(--font-num);border-radius:50%;place-items:center;font-size:.85em;display:grid}.form-error{color:var(--danger);min-height:1em;margin:0 0 .6em;font-weight:700}.dialog .small{margin:.6em 0 0}.me{flex-wrap:wrap;align-items:center;gap:1em;margin-bottom:1.2em;display:flex}.me-ava{background:var(--yellow);width:3.4em;height:3.4em;color:var(--navy);border:var(--btn-outline);border-radius:50%;place-items:center;display:grid}.me-ava svg.ic{width:1.8em;height:1.8em}.me-b{flex-direction:column;flex:1;min-width:12em;display:flex}.me-n{letter-spacing:var(--ls-head);font-size:1.15em;font-weight:900}.me-n .tag-no{font-family:var(--font-num);color:var(--navy-sub);white-space:nowrap;margin-left:.4em;font-size:.85em}.wrap.narrow>.card,.wrap.mid>.card{margin-bottom:1.2em}.sv-list{margin:0;padding:0;list-style:none}.sv{border-bottom:1px solid var(--navy-soft);grid-template-columns:5.5em minmax(0,1fr) auto;align-items:center;gap:.9em;padding:.7em 0;display:grid}.sv img{aspect-ratio:16/10;object-fit:cover;border-radius:.6em;width:100%}.sv-b{flex-direction:column;gap:.1em;min-width:0;display:flex}.sv .tt{font-weight:900;line-height:1.45}.tbl{border-collapse:collapse;width:100%;font-size:.92em}.tbl th{text-align:left;letter-spacing:var(--ls-label);color:var(--navy-sub);border-bottom:2px solid var(--navy-soft);white-space:nowrap;padding:.5em .8em;font-size:.82em}.tbl td{border-bottom:1px solid var(--navy-soft);vertical-align:top;padding:.6em .8em}.set{margin:0;padding:0;list-style:none}.set li{border-bottom:1px solid var(--navy-soft);flex-wrap:wrap;align-items:center;gap:.5em 1em;padding:.6em 0;font-weight:800;display:flex}.set li>span:first-child{min-width:9em}.seg{border-radius:var(--r-pill);border:1.5px solid var(--navy-soft);font-size:.88em;display:inline-flex;overflow:hidden}.seg button{background:var(--surface);min-height:2.75em;color:var(--navy);font:inherit;cursor:pointer;border:0;padding:.3em 1em;font-weight:800}.seg button.on{background:var(--navy);color:#fff}.danger-confirm{padding:var(--pad-short);background:var(--danger-soft);border-radius:var(--r);flex-basis:100%;margin-top:.8em;font-weight:500}.danger-confirm p{margin:0 0 .6em}.form-msg{min-height:1.6em;color:var(--pink-deep);flex-basis:100%;margin:.4em 0 0;font-weight:700}.t-hero{margin:1em 0 1.6em}.t-hero .lead{max-width:36em}.promise{grid-template-columns:repeat(2,minmax(0,1fr));gap:1em;margin:0 0 1.4em;padding:0;list-style:none;display:grid}.promise .h3{color:var(--pink-deep)}.promise .card p{margin:0;font-size:.92em}.dom{gap:.5em;margin:0 0 .6em;padding:0;list-style:none;display:grid}.dom li{flex-wrap:wrap;align-items:center;gap:.3em 1em;display:flex}.dom li span{color:var(--navy-sub);font-size:.88em}.ft{background:var(--navy);color:#fff;margin-top:2em}.ft-in{max-width:72em;margin:0 auto;padding:2em 1em 2.5em}.ft-links{flex-wrap:wrap;gap:.4em 1.4em;font-size:.92em;font-weight:800;display:flex}.ft-links a,.ft-links button{white-space:nowrap;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;min-height:2.75em;padding:0;font-weight:800;text-decoration:none;display:inline-flex}.ft-note,.ft-co{color:var(--play-sub);margin:.8em 0 0;font-size:.82em}.tabbar{display:none}.toast{z-index:60;border-radius:var(--r-pill);background:var(--navy);color:#fff;max-width:calc(100vw - 2em);padding:.6em 1.5em;font-weight:700;position:fixed;bottom:5em;left:50%;transform:translate(-50%)}.ad-overlay{z-index:50;color:var(--navy);background:#16263acc;place-items:center;padding:1em;display:grid;position:fixed;inset:0}.ad-box{background:var(--surface);width:min(26em,100%);padding:var(--pad-card);text-align:center;border-radius:1.4em}.ad-box .ad-l{display:inline-block;position:static}.ad-sample{margin:.8em 0 0}.ad-count{min-height:1.8em;color:var(--pink-deep);font-variant-numeric:tabular-nums;margin:.6em 0 0;font-weight:800}.ad-actions{flex-wrap:wrap;justify-content:center;gap:.6em;margin-top:.6em;display:flex}@media (width<=48em){.search{flex:0 auto;max-width:9em;margin-left:auto;padding:0 .7em}.lang{margin-left:0}.hd-in{gap:.6em}.lang span{padding:.3em .6em}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tile.big{grid-area:auto/span 2}.cont-row{grid-template-columns:1fr}.cont{grid-template-columns:5.5em minmax(0,1fr);padding:.9em 1em .9em .9em}.cont .btn-mini{grid-column:2;justify-self:start}.gm{grid-template-columns:minmax(0,1fr);gap:1.2em}.frame{aspect-ratio:4/5}.side .ad{min-height:6.5em}.result{grid-template-columns:minmax(0,1fr);align-content:start;padding:.8em .4em}.result>*{max-width:none}.rs-main,.rk-box{padding:var(--pad-card)}.pframe{height:80svh;min-height:24em}.pb-l,.pbar .saved{display:none}.pb-t{font-size:.92em}.promise{grid-template-columns:minmax(0,1fr)}.sv{grid-template-columns:5.5em minmax(0,1fr)}.sv .btn-mini{grid-column:2;justify-self:start}.card{padding:var(--pad-short)}.dialog{padding:var(--pad-card)}.tabbar{z-index:10;padding:.35em .4em calc(.35em + env(safe-area-inset-bottom));border-top:1px solid var(--navy-soft);background:#fffffff7;grid-template-columns:repeat(4,1fr);display:grid;position:sticky;bottom:0}.tabbar a{white-space:nowrap;min-height:2.75em;color:var(--navy-sub);flex-direction:column;justify-content:center;align-items:center;gap:.1em;padding:.2em 0;font-size:.7em;font-weight:800;text-decoration:none;display:flex}.tabbar a.on{color:var(--pink)}.tabbar svg.ic{width:1.6em;height:1.6em}.tbl th,.tbl td{padding:.5em}}@media (width<=30em){.lang span:not(.on){display:none}.logo{font-size:1.15em}.logo .l2{display:none}.btn-login{padding:.3em .9em}.btn-login.name{max-width:7em}.search{max-width:6.5em}}@media (prefers-reduced-motion:reduce){.thumb,.btn-play{transition:none}}