/*
  PaperMod v8+
  License: MIT https://github.com/adityatelange/hugo-PaperMod/blob/master/LICENSE
  Copyright (c) 2020 nanxiaobei and adityatelange
  Copyright (c) 2021-2026 adityatelange
*/
:root{--gap:24px;--content-gap:20px;--nav-width:1024px;--main-width:720px;--header-height:60px;--footer-height:60px;--radius:8px;--theme:rgb(255, 255, 255);--entry:rgb(255, 255, 255);--primary:rgb(30, 30, 30);--secondary:rgb(108, 108, 108);--tertiary:rgb(214, 214, 214);--content:rgb(31, 31, 31);--code-block-bg:rgb(28, 29, 33);--code-bg:rgb(245, 245, 245);--border:rgb(238, 238, 238);color-scheme:light}:root[data-theme=dark]{--theme:rgb(29, 30, 32);--entry:rgb(46, 46, 51);--primary:rgb(218, 218, 219);--secondary:rgb(155, 156, 157);--tertiary:rgb(65, 66, 68);--content:rgb(196, 196, 197);--code-block-bg:rgb(46, 46, 51);--code-bg:rgb(55, 56, 62);--border:rgb(51, 51, 51);color-scheme:dark}.list{background:var(--code-bg)}[data-theme=dark] .list{background:var(--theme)}*,::after,::before{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;overflow-y:scroll;-webkit-text-size-adjust:100%;text-size-adjust:100%}a,button,body,h1,h2,h3,h4,h5,h6{color:var(--primary)}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,Cantarell,open sans,helvetica neue,sans-serif;font-size:18px;line-height:1.6;word-break:break-word;background:var(--theme)}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section,table{display:block}h1,h2,h3,h4,h5,h6{line-height:1.2}h1,h2,h3,h4,h5,h6,p{margin-top:0;margin-bottom:0}ul{padding:0}a{text-decoration:none}body,figure,ul{margin:0}table{width:100%;border-collapse:collapse;border-spacing:0;overflow-x:auto;word-break:keep-all}button,input,textarea{padding:0;font:inherit;background:0 0;border:0}input,textarea{outline:0}button,input[type=button],input[type=submit]{cursor:pointer}input:-webkit-autofill,textarea:-webkit-autofill{box-shadow:0 0 0 50px var(--theme)inset}img{display:block;max-width:100%}.not-found{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center;height:80%;font-size:160px;font-weight:700}.archive-posts{width:100%;font-size:16px}.archive-year{margin-top:40px}.archive-year:not(:last-of-type){border-bottom:2px solid var(--border)}.archive-month{display:flex;align-items:flex-start;padding:10px 0}.archive-month-header{margin:25px 0;width:200px}.archive-month:not(:last-of-type){border-bottom:1px solid var(--border)}.archive-entry{position:relative;padding:5px;margin:10px 0}.archive-entry-title{margin:5px 0;font-weight:400}.archive-count,.archive-meta{color:var(--secondary);font-size:14px}.footer,.top-link{font-size:12px;color:var(--secondary)}.footer{max-width:calc(var(--main-width) + var(--gap) * 2);margin:auto;padding:calc((var(--footer-height) - var(--gap))/2)var(--gap);text-align:center;line-height:24px}.footer span{margin-inline-start:1px;margin-inline-end:1px}.footer span:last-child{white-space:nowrap}.footer a{color:inherit;text-underline-offset:.25rem;text-decoration:underline}.top-link{position:fixed;bottom:4rem;right:2rem;z-index:99;background:var(--tertiary);width:2.5rem;height:2.5rem;padding:10px;border-radius:64px;transition:visibility .3s,opacity .3s cubic-bezier(.4,0,1,1)}.hidden{visibility:hidden;opacity:0}.top-link,.top-link svg{filter:drop-shadow(0 0 0 var(--theme))}.footer a:hover,.top-link:hover{color:var(--primary)}.header-nav{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:calc(var(--nav-width) + var(--gap) * 2);margin:auto;line-height:var(--header-height);padding:0 var(--gap);column-gap:var(--gap)}.header-nav a{display:block}.logo,.menu{display:flex}.logo{align-items:center;column-gap:.55rem;flex-wrap:wrap}.logo a{font-size:24px;font-weight:700;display:flex;align-items:center;column-gap:.55rem}.logo a img,.logo a svg{pointer-events:none;border-radius:6px}.theme-toggle{padding:0 .4rem}[data-theme=dark] .moon{display:none}[data-theme=light] .sun{display:none}.logo-switches{display:inline-flex;gap:.4rem;align-items:inherit;min-height:stretch;flex-wrap:inherit}.logo-switches>*{min-height:inherit;align-items:center;display:inline-flex}.lang-menu *{display:inherit;min-height:inherit;align-items:inherit}.lang-menu a{font-size:1rem;font-weight:500;padding:0 .4rem;display:inline-flex}.menu{list-style:none;word-break:keep-all;overflow-x:auto;white-space:nowrap;column-gap:var(--gap)}.menu a{font-size:16px}.menu .active{font-weight:500;text-decoration:underline;text-underline-offset:.3rem;text-decoration-thickness:2px}.main{position:relative;min-height:calc(100vh - var(--header-height) - var(--footer-height));max-width:calc(var(--main-width) + var(--gap) * 2);margin:auto;padding:var(--gap)}.page-header h1{font-size:40px}.pagination{display:flex}.pagination a{color:var(--theme);font-size:13px;line-height:36px;background:var(--primary);border-radius:calc(36px/2);padding:0 16px}.pagination .next{margin-inline-start:auto}.social-icons a{display:inline-flex;padding:10px}.social-icons a svg{height:26px;width:26px}code{direction:ltr}div.highlight,pre{position:relative}.copy-code{display:none;position:absolute;top:4px;right:4px;color:rgba(255,255,255,.8);background:rgba(78,78,78,.8);border-radius:var(--radius);padding:0 5px;font-size:14px;user-select:none}div.highlight:hover .copy-code,pre:hover .copy-code{display:block}.md-content h3,.md-content h4,.md-content h5,.md-content h6{margin:24px 0 16px}.md-content h1{margin:40px auto 32px;font-size:40px}.md-content h2{margin:32px auto 24px;font-size:32px}.md-content h3{font-size:24px}.md-content h4{font-size:16px}.md-content h5{font-size:14px}.md-content h6{font-size:12px}.md-content a:not(.anchor){text-underline-offset:.3rem;text-decoration:underline}.md-content del{text-decoration:line-through}.md-content dl:not(:last-child),.md-content ol:not(:last-child),.md-content p:not(:last-child),.md-content figure:not(:last-child),.md-content ul:not(:last-child){margin-bottom:var(--content-gap)}.md-content ol,.md-content ul{padding-inline-start:1.25rem}.md-content li{margin-top:.3rem}.md-content li p{margin-bottom:0}.md-content dl{display:flex;flex-wrap:wrap;margin:0}.md-content dt{width:25%;font-weight:700}.md-content dd{width:75%;margin-inline-start:0;padding-inline-start:10px}.md-content dd~dd,.md-content dt~dt{margin-top:10px}.md-content table{margin-bottom:var(--content-gap)}.md-content table th,.md-content table:not(.highlighttable,.highlight table,.gist .highlight) td{min-width:80px;padding:6px 13px;line-height:1.5;border:1px solid var(--border)}.md-content table th{text-align:start}.md-content table:not(.highlighttable) td code:only-child{margin:auto 0}.md-content .highlight table{border-radius:var(--radius)}.md-content .highlight:not(table){margin-bottom:var(--content-gap);background:var(--code-block-bg)!important;border-radius:var(--radius);direction:ltr}.md-content li>.highlight{margin-inline-end:0}.md-content ul pre{margin-inline-start:calc(var(--gap) * -2)}.md-content .highlight pre{margin:0}.md-content .highlighttable{table-layout:fixed}.md-content .highlighttable td:first-child{width:40px}.md-content .highlighttable td .linenodiv{padding-inline-end:0!important}.md-content .highlighttable td .highlight,.md-content .highlighttable td .linenodiv pre{margin-bottom:0}.post-content code{padding:.2rem .3rem;font-size:.78em;line-height:1.5;background:var(--code-bg);border-radius:.2rem}.md-content pre code{display:grid;margin:auto 0;padding:10px;color:#d5d5d6;background:var(--code-block-bg)!important;border-radius:var(--radius);overflow-x:auto;word-break:break-all}.md-content blockquote{margin:1rem 0;padding-inline-start:1rem;border-inline-start:.3rem solid var(--content)}.md-content hr{margin:30px 0;height:2px;background:var(--tertiary);border:0}.md-content iframe{max-width:100%}.md-content img{border-radius:var(--radius);margin:1rem 0}.md-content img[src*="#center"]{margin:1rem auto}.md-content figure.align-center{text-align:center}.md-content figure>figcaption{color:var(--primary);font-size:16px;font-weight:700;margin:8px 0 16px}.md-content figure>figcaption>p{color:var(--secondary);font-size:14px;font-weight:400}.md-content h1:hover .anchor,.md-content h2:hover .anchor,.md-content h3:hover .anchor,.md-content h4:hover .anchor,.md-content h5:hover .anchor,.md-content h6:hover .anchor{display:inline-flex;color:var(--secondary);margin-inline-start:.5em;font-weight:500;user-select:none}.anchor:hover{color:var(--content)!important}.md-content img.in-text{display:inline;margin:auto}mark{border-radius:2px;padding:0 2px}audio{display:block;width:100%;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;height:2.5rem;margin-bottom:var(--content-gap)}audio::-webkit-media-controls-enclosure{border-radius:0}video{border:1px solid var(--code-bg);border-radius:var(--radius);max-width:100%}.first-entry{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:320px;margin:var(--gap)0 calc(var(--gap) * 2)}.first-entry .entry-header{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.first-entry .entry-header h1{font-size:34px;line-height:1.3}.first-entry .entry-header h2{font-size:40px}.first-entry .entry-content{margin:14px 0;font-size:16px;-webkit-line-clamp:3}.first-entry .entry-footer{font-size:14px}.home-info .entry-content{--content-gap:0.5rem;-webkit-line-clamp:unset;margin:0}.home-info .social-icons a:first-of-type{padding-inline-start:0}.post-entry{position:relative;margin-bottom:var(--gap);padding:var(--gap);background:var(--entry);border-radius:var(--radius);transition:transform .25s ease;border:1px solid var(--border)}.post-entry:hover,.post-entry:focus-within{transform:translateY(-2px);border-color:var(--tertiary)}.tag-entry .entry-cover{display:none}.entry-header h2{font-size:24px;line-height:1.3}.entry-content{margin:8px 0;color:var(--secondary);font-size:14px;line-height:1.6;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.home-info .entry-content p{margin-block-start:1em;margin-block-end:1em}.entry-footer{color:var(--secondary);font-size:13px}.entry-link{position:absolute;left:0;right:0;top:0;bottom:0;border-radius:var(--radius)}.entry-hint{color:var(--secondary)}.entry-hint-parent{display:flex;justify-content:space-between}.entry-cover{font-size:14px;margin-bottom:var(--gap);text-align:center;display:flex;flex-direction:column;gap:.5rem}.entry-cover img{border-radius:var(--radius);width:100%;height:auto}.entry-cover a{text-underline-offset:.3rem;text-decoration:underline}.page-header,.post-header{margin:24px auto var(--content-gap)}.post-title{font-size:40px}.post-description{margin-top:10px}.post-meta{margin-top:5px}.post-meta,.breadcrumbs{color:var(--secondary);font-size:14px}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem}.breadcrumbs a{font-size:16px}.breadcrumbs svg{height:1em}.i18n_list{display:inline-flex}.post-meta .i18n_list li{list-style:none;margin:auto 3px}.post-meta a,.toc a:hover{text-underline-offset:.3rem;text-decoration:underline}.post-meta a{color:var(--secondary);text-decoration-style:dotted}details.toc{margin-bottom:var(--content-gap);background:var(--code-bg);border-radius:var(--radius);border:1px solid var(--border)}[data-theme=dark] details.toc{background:var(--entry)}details.toc summary{padding:.5rem 1.2rem;border-radius:var(--radius)}details summary{cursor:pointer;display:list-item;width:100%;margin-inline-start:0;user-select:none}details .title{display:inline;font-weight:500;margin-inline-start:.2rem}details{interpolate-size:allow-keywords}details::details-content{height:0;opacity:0;overflow:clip;transition:height 150ms ease,opacity 150ms ease,content-visibility 150ms allow-discrete}details[open]::details-content{height:auto;opacity:1}details .inner{margin:0 2.4rem;padding-bottom:.6rem}details li ul{margin-inline-start:var(--gap)}.post-content{color:var(--content);margin:30px 0}.post-footer{margin-top:var(--content-gap)}.post-footer>*{margin-bottom:10px}.post-tags{display:flex;flex-wrap:wrap;gap:10px}.post-tags li{display:inline-block}.post-tags a,.share-buttons,.paginav{border-radius:var(--radius);background:var(--code-bg);border:1px solid var(--border)}.post-tags a{display:block;padding:0 14px;color:var(--secondary);font-size:14px;line-height:34px;background:var(--code-bg)}.post-tags a:hover,.paginav a:hover{background:var(--border)}.share-buttons{padding:10px;display:flex;justify-content:center;overflow-x:auto;gap:10px}.share-buttons li,.share-buttons a{display:inline-flex}.share-buttons a:not(:last-of-type){margin-inline-end:12px}.paginav{display:flex;line-height:1.2}.paginav .title{letter-spacing:1px;text-transform:uppercase;font-size:.8rem;color:var(--secondary)}.paginav a{width:50%;display:flex;flex-direction:column;gap:.5rem;padding:.8rem;border-radius:var(--radius)}.paginav span:hover:not(.title){text-underline-offset:.2rem;text-decoration:underline}.paginav .next{margin-inline-start:auto;text-align:right}[dir=rtl] .paginav .next{text-align:left}h1>a>svg{display:inline}.buttons,.main .profile{display:flex;justify-content:center}.main .profile{align-items:center;min-height:calc(100vh - var(--header-height) - var(--footer-height) - (var(--gap) * 2));text-align:center}.profile .profile_inner{display:flex;flex-direction:column;align-items:center;gap:1rem}.profile img{border-radius:50%}.buttons{flex-wrap:wrap;max-width:400px;gap:1rem}.button{background:var(--tertiary);border-radius:var(--radius);padding:.4rem .8rem}.searchbox input{padding:4px 10px;width:100%;color:var(--primary);font-weight:700;border:2px solid var(--tertiary);border-radius:var(--radius)}.searchResults li{list-style:none;border-radius:var(--radius);padding:10px 15px;position:relative;font-weight:500;display:flex;align-items:center;justify-content:space-between;background:var(--entry);transition:transform .25s ease;border:1px solid var(--border)}.searchResults{margin:var(--content-gap)0;width:100%;display:flex;flex-direction:column;gap:10px}.searchResults li:hover,.searchResults li:focus-within{transform:translateY(-2px);border-color:var(--tertiary)}.searchResults li .entry-link:focus{outline:2px solid var(--secondary);outline-offset:-2px}.terms-tags{display:flex;flex-wrap:wrap;gap:1em;margin-top:var(--content-gap)}.terms-tags li{display:inline-block;font-weight:500}.terms-tags a{display:block;padding:4px 10px;background:var(--tertiary);border-radius:var(--radius);transition:transform .1s}.bg{color:#cad3f5;background-color:#24273a}.chroma{color:#cad3f5;background-color:#24273a}.chroma .x{}.chroma .err{color:#ed8796}.chroma .cl{}.chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:#474733}.chroma .lnt{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#8087a2}.chroma .ln{white-space:pre;-webkit-user-select:none;user-select:none;margin-right:.4em;padding:0 .4em;color:#8087a2}.chroma .line{display:flex}.chroma .k{color:#c6a0f6}.chroma .kc{color:#f5a97f}.chroma .kd{color:#ed8796}.chroma .kn{color:#8bd5ca}.chroma .kp{color:#c6a0f6}.chroma .kr{color:#c6a0f6}.chroma .kt{color:#ed8796}.chroma .n{}.chroma .na{color:#8aadf4}.chroma .nb{color:#91d7e3}.chroma .bp{color:#91d7e3}.chroma .nc{color:#eed49f}.chroma .no{color:#eed49f}.chroma .nd{color:#8aadf4;font-weight:700}.chroma .ni{color:#8bd5ca}.chroma .ne{color:#f5a97f}.chroma .nf{color:#8aadf4}.chroma .fm{color:#8aadf4}.chroma .nl{color:#91d7e3}.chroma .nn{color:#f5a97f}.chroma .nx{}.chroma .py{color:#f5a97f}.chroma .nt{color:#c6a0f6}.chroma .nv{color:#f4dbd6}.chroma .vc{color:#f4dbd6}.chroma .vg{color:#f4dbd6}.chroma .vi{color:#f4dbd6}.chroma .vm{color:#f4dbd6}.chroma .l{}.chroma .ld{}.chroma .s{color:#a6da95}.chroma .sa{color:#ed8796}.chroma .sb{color:#a6da95}.chroma .sc{color:#a6da95}.chroma .dl{color:#8aadf4}.chroma .sd{color:#6e738d}.chroma .s2{color:#a6da95}.chroma .se{color:#8aadf4}.chroma .sh{color:#6e738d}.chroma .si{color:#a6da95}.chroma .sx{color:#a6da95}.chroma .sr{color:#8bd5ca}.chroma .s1{color:#a6da95}.chroma .ss{color:#a6da95}.chroma .m{color:#f5a97f}.chroma .mb{color:#f5a97f}.chroma .mf{color:#f5a97f}.chroma .mh{color:#f5a97f}.chroma .mi{color:#f5a97f}.chroma .il{color:#f5a97f}.chroma .mo{color:#f5a97f}.chroma .o{color:#91d7e3;font-weight:700}.chroma .ow{color:#91d7e3;font-weight:700}.chroma .p{}.chroma .c{color:#6e738d;font-style:italic}.chroma .ch{color:#6e738d;font-style:italic}.chroma .cm{color:#6e738d;font-style:italic}.chroma .c1{color:#6e738d;font-style:italic}.chroma .cs{color:#6e738d;font-style:italic}.chroma .cp{color:#6e738d;font-style:italic}.chroma .cpf{color:#6e738d;font-weight:700;font-style:italic}.chroma .g{}.chroma .gd{color:#ed8796;background-color:#363a4f}.chroma .ge{font-style:italic}.chroma .gr{color:#ed8796}.chroma .gh{color:#f5a97f;font-weight:700}.chroma .gi{color:#a6da95;background-color:#363a4f}.chroma .go{}.chroma .gp{}.chroma .gs{font-weight:700}.chroma .gu{color:#f5a97f;font-weight:700}.chroma .gt{color:#ed8796}.chroma .gl{text-decoration:underline}.chroma .w{}.chroma{background-color:unset!important}.chroma .hl{display:flex}.chroma .lnt{padding:0 0 0 12px}.highlight pre.chroma code{padding:8px 0}.highlight pre.chroma .line .cl,.chroma .ln{padding:0 10px}.chroma .lntd:last-of-type{width:100%}@media screen and (max-width:768px){:root{--gap:14px}.profile img{transform:scale(.85)}.first-entry{min-height:260px}.archive-month{flex-direction:column}.archive-year{margin-top:20px}.footer{padding:calc((var(--footer-height) - var(--gap) - 10px)/2)var(--gap)}}@media screen and (max-width:900px){.list .top-link{transform:translateY(-5rem)}}@media screen and (max-width:340px){.share-buttons{justify-content:unset}}@media(prefers-reduced-motion){.terms-tags a:active,.button:active,.post-entry:active,.top-link,.searchResults .focus,.searchResults li:active{transform:none}}@font-face{font-family:sigokae;src:url(/fonts/Sigokae.otf)format('opentype'),url(/fonts/Sigokae.ttf)format('truetype');font-weight:400;font-style:normal;font-display:swap}:root{--hero-bg:#0e0e10;--hero-accent:#c0392b;--hero-text:#ffffff;--hero-muted:rgba(255,255,255,0.5)}:root[data-theme=light]{--hero-bg:#f0ebe4;--hero-accent:#c0392b;--hero-text:#1a1a1a;--hero-muted:rgba(26,26,26,0.5)}:root[data-theme=sakura]{color-scheme:light;--theme:#fff5f7;--entry:#fdeef2;--primary:#2c1015;--secondary:#9b5a6e;--tertiary:#fddde6;--content:#3d1a22;--code-block-bg:#2c1015;--code-bg:#fde0e8;--border:#f4ccd5;--hero-bg:#3d1525;--hero-accent:#f4a0b5;--hero-text:#fdeef2;--hero-muted:rgba(253,238,242,0.55)}:root[data-theme=matcha]{color-scheme:dark;--theme:#0e1c0e;--entry:#182a18;--primary:#cfe8c4;--secondary:#72a862;--tertiary:#1e361e;--content:#bad5ae;--code-block-bg:#182a18;--code-bg:#152315;--border:#274527;--hero-bg:#071207;--hero-accent:#72a862;--hero-text:#cfe8c4;--hero-muted:rgba(207,232,196,0.5)}:root[data-theme=ocean]{color-scheme:dark;--theme:#07101f;--entry:#0c1a30;--primary:#c4d8f2;--secondary:#5888c0;--tertiary:#102240;--content:#aec8e8;--code-block-bg:#0c1a30;--code-bg:#091628;--border:#183060;--hero-bg:#030a14;--hero-accent:#5888c0;--hero-text:#c4d8f2;--hero-muted:rgba(196,216,242,0.5)}:root[data-theme=sunset]{color-scheme:dark;--theme:#180c04;--entry:#2a160a;--primary:#f0d8c0;--secondary:#b87848;--tertiary:#3a1e0e;--content:#e0c4a8;--code-block-bg:#2a160a;--code-bg:#220e06;--border:#4a2010;--hero-bg:#0e0604;--hero-accent:#b87848;--hero-text:#f0d8c0;--hero-muted:rgba(240,216,192,0.5)}.theme-toggle{background:0 0;border:1.5px solid var(--border,#888);border-radius:8px;padding:5px 9px;cursor:pointer;color:var(--primary);display:flex;align-items:center;justify-content:center;line-height:1}.theme-toggle:hover{background:rgba(128,128,128,.15)}.theme-picker-wrap{position:relative;display:inline-flex}.theme-picker-panel{display:none;position:absolute;top:calc(100% + 8px);left:0;background:var(--entry);border:1px solid var(--border);border-radius:10px;padding:.5rem .4rem;min-width:150px;z-index:300;box-shadow:0 6px 24px rgba(0,0,0,.35)}.theme-picker-panel.open{display:block}.tp-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--secondary);padding:.2rem .7rem .4rem;font-weight:600}.tp-opt{display:flex;align-items:center;gap:.55rem;width:100%;background:0 0;border:none;color:var(--primary);font-size:.88rem;padding:.42rem .7rem;cursor:pointer;border-radius:6px;text-align:left}.tp-opt:hover{background:rgba(128,128,128,.12)}.tp-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.wotd-card{background:var(--entry);border:1px solid var(--border);border-radius:14px;padding:1.5rem 1.8rem;margin:0 0 2rem;display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:center}.wotd-main{display:flex;flex-direction:column;gap:.18rem}.wotd-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--secondary);font-weight:600}.wotd-jp{font-size:2.4rem;font-weight:700;cursor:pointer;line-height:1.15;margin-top:.1rem}.wotd-read{font-size:.88rem;color:var(--secondary);font-style:italic}.wotd-en{font-size:1.05rem;font-weight:600;margin-top:.15rem}.wotd-hint{font-size:.82rem;color:var(--secondary)}.wotd-side{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;padding-left:1.5rem;border-left:1px solid var(--border);min-width:140px;text-align:center}.wotd-deco{font-size:3.8rem;font-weight:700;line-height:1;color:var(--primary);opacity:.18;letter-spacing:.04em}.wotd-tip{font-size:.78rem;color:var(--secondary);line-height:1.5;max-width:180px}@media(max-width:600px){.wotd-card{grid-template-columns:1fr}.wotd-side{border-left:none;border-top:1px solid var(--border);padding-left:0;padding-top:1rem}}.site-masthead{background:var(--theme);border-bottom:1px solid var(--border)}.masthead-inner{display:flex;align-items:center;justify-content:space-between;max-width:calc(var(--nav-width) + var(--gap) * 2);margin:0 auto;padding:0 var(--gap);min-height:var(--header-height);height:auto;padding-top:.6rem;padding-bottom:.6rem}.masthead-title{text-decoration:none;display:inline-flex;flex-direction:column;align-items:stretch;line-height:1}.masthead-title:hover{opacity:.8}.masthead-title-en{font-family:sigokae,serif;font-size:1.6rem;font-weight:400;color:var(--primary);letter-spacing:.02em}.masthead-title-jp{font-size:.6rem;font-weight:400;color:var(--secondary);letter-spacing:.2em;text-align:right;border-top:1px solid var(--border);padding-top:.25rem;margin-top:.2rem}.footer-inner{display:flex;align-items:center;flex-wrap:wrap;gap:.2rem 0;justify-content:center}.ftr-icons{display:inline-flex;align-items:center;gap:.35rem;margin-left:.6rem;vertical-align:middle}.ftr-icon-btn{display:inline-flex;align-items:center;justify-content:center;background:0 0;border:1px solid var(--border,#888);border-radius:6px;padding:4px 7px;color:var(--secondary);text-decoration:none;line-height:1;cursor:pointer}.ftr-icon-btn:hover{opacity:.7}.theme-picker-panel--up{top:auto;bottom:calc(100% + 8px)}.sitemap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2rem 2.5rem;margin:2rem 0}.sitemap-section-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#c0392b;margin-bottom:.7rem;padding-bottom:.4rem;border-bottom:1px solid var(--border)}.sitemap-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.sitemap-links li a{font-size:.9rem;color:var(--primary);text-decoration:none;opacity:.85}.sitemap-links li a:hover{opacity:1;text-decoration:underline}.masthead-right{display:flex;align-items:center;flex-shrink:0}.hdr-signup{display:flex;align-items:center;gap:.45rem}.hdr-signup__label{font-size:.72rem;font-weight:600;color:var(--secondary);letter-spacing:.08em;white-space:nowrap}.hdr-signup__input{padding:.35rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--theme);color:var(--primary);font-size:.82rem;width:180px;outline:none}.hdr-signup__input:focus{border-color:#c0392b}.hdr-signup__btn{padding:.35rem .9rem;border-radius:6px;border:none;background:#c0392b;color:#fff;font-size:.8rem;font-weight:700;cursor:pointer;white-space:nowrap}.hdr-signup__btn:hover{background:#a93226}.hdr-signup__done{font-size:.82rem;font-weight:600;color:#38a169}.hdr-signup__msg{font-size:.78rem}@media(max-width:768px){.masthead-inner{flex-direction:column;align-items:flex-start;gap:.5rem;padding-top:.7rem;padding-bottom:.7rem}.hdr-signup{width:100%;flex-wrap:wrap;gap:.3rem .4rem}.hdr-signup__label{width:100%;font-size:.68rem;letter-spacing:.04em}.hdr-signup__input{flex:1;min-width:0;width:auto}}.site-hero{background:var(--hero-bg);position:relative;overflow:hidden;text-align:center;padding:2.8rem var(--gap)2.6rem;border-bottom:3px solid var(--hero-accent);transition:background .2s,border-color .2s}.site-hero-bg-char{position:absolute;font-size:22rem;font-weight:900;color:var(--hero-accent);opacity:.055;top:-3rem;right:-1rem;line-height:1;pointer-events:none;user-select:none}.site-hero-content{position:relative;z-index:1}.site-hero-jp{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;color:var(--hero-text);letter-spacing:.08em;line-height:1.2}.site-hero-en{font-size:clamp(.78rem,1.5vw,.95rem);color:var(--hero-muted);margin-top:.6rem;letter-spacing:.04em;text-transform:uppercase}.site-hero-rule{width:48px;height:3px;background:var(--hero-accent);border-radius:2px;margin:1.1rem auto 0}.site-nav{background:var(--theme);border-bottom:1px solid var(--border)}.site-nav .menu{max-width:calc(var(--nav-width) + var(--gap) * 2);margin:0 auto;padding:0 var(--gap);height:var(--header-height);align-items:center;justify-content:center;display:flex;column-gap:var(--gap);list-style:none;overflow:visible;white-space:nowrap;word-break:keep-all}@media(max-width:768px){.site-nav .menu{height:auto;flex-wrap:wrap;justify-content:flex-start;align-items:center;overflow:visible;padding:.2rem .75rem .3rem;column-gap:0;row-gap:0;white-space:normal}.site-nav .menu li a,.site-nav .menu li a span{font-size:.72rem;padding:.2rem .45rem;display:inline-block}.dropdown-menu{display:none!important}.menu li.has-dropdown>a::after{display:none}}.section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;margin:2rem 0}.section-card{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem;border:1px solid var(--border);border-radius:12px;text-decoration:none!important;background:var(--entry);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;text-align:center;color:var(--primary)!important}.section-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 6px 24px rgba(0,0,0,.35)}.section-card .sc-icon{font-size:2.6rem;margin-bottom:.5rem;line-height:1}.section-card .sc-icon img{width:2.6rem;height:2.6rem;object-fit:contain;display:block;margin:0 auto}.section-card .sc-title{font-size:1.05rem;font-weight:700}.section-card .sc-desc{font-size:.82rem;color:var(--secondary);margin-top:.25rem}.kana-section-label{font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--secondary);margin:1.6rem 0 .5rem}.kana-grid{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.5rem}.kana-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:68px;height:68px;border:1px solid var(--border);border-radius:10px;background:var(--entry);cursor:pointer;transition:transform .15s,border-color .15s,background .15s;user-select:none}.kana-card:hover{border-color:var(--primary);transform:scale(1.08)}.kana-card.played{background:color-mix(in srgb,var(--primary) 18%,var(--entry));border-color:var(--primary)}.kana-card .kc-char{font-size:1.65rem;line-height:1}.kana-card .kc-romaji{font-size:.68rem;color:var(--secondary);margin-top:3px}.quiz-wrapper{max-width:560px;margin:2rem auto}.quiz-mode-btns{display:flex;gap:.6rem;margin-bottom:1.2rem;flex-wrap:wrap}.quiz-mode-btn{padding:.5rem 1.2rem;border:2px solid var(--border);border-radius:8px;background:var(--entry);color:var(--primary);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .15s}.quiz-mode-btn:hover,.quiz-mode-btn.active{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 15%,var(--entry))}#quiz-box{background:var(--entry);border:1px solid var(--border);border-radius:14px;padding:1.6rem 1.4rem}#quiz-progress-bar-bg{height:5px;background:var(--border);border-radius:3px;margin-bottom:1rem}#quiz-progress-bar{height:100%;background:var(--primary);border-radius:3px;transition:width .3s ease;width:0%}#quiz-counter{font-size:.82rem;color:var(--secondary);text-align:right;margin-bottom:.6rem}#quiz-char{font-size:5.5rem;text-align:center;line-height:1.1;padding:.4rem 0 .8rem;cursor:pointer;transition:transform .1s}#quiz-char:active{transform:scale(.93)}#quiz-char-hint{text-align:center;font-size:.78rem;color:var(--secondary);margin-bottom:1rem}#quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.q-opt-btn{padding:.7rem .5rem;border:2px solid var(--border);border-radius:9px;background:var(--theme);color:var(--primary);font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .15s}.q-opt-btn:hover:not(:disabled){border-color:var(--primary);background:var(--entry)}.q-opt-btn.correct{background:#16a34a;border-color:#16a34a;color:#fff}.q-opt-btn.wrong{background:#dc2626;border-color:#dc2626;color:#fff}.q-opt-btn:disabled{cursor:default}#quiz-feedback{text-align:center;min-height:1.5rem;margin-top:.8rem;font-weight:600;font-size:.95rem}.quiz-result{text-align:center;padding:1rem 0}.result-score{font-size:3.5rem;font-weight:800;line-height:1}.result-label{font-size:.85rem;color:var(--secondary);margin-bottom:.5rem}.result-msg{font-size:1.1rem;margin:.8rem 0 1.2rem}.quiz-restart-btn{padding:.65rem 2rem;border:2px solid var(--primary);border-radius:9px;background:0 0;color:var(--primary);font-size:1rem;font-weight:700;cursor:pointer;transition:all .15s}.quiz-restart-btn:hover{background:var(--primary);color:var(--theme)}.phrase-category{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--secondary);margin:2rem 0 .5rem;border-bottom:1px solid var(--border);padding-bottom:.4rem}.phrase-table{width:100%;border-collapse:collapse;margin-bottom:.5rem}.phrase-table td{padding:.55rem .6rem;border-bottom:1px solid var(--border);vertical-align:middle}.phrase-table tr:last-child td{border-bottom:none}.pt-jp{font-size:1.15rem;font-weight:600}.pt-en{font-size:.88rem;color:var(--secondary)}.pt-play{background:0 0;border:1px solid var(--border);border-radius:6px;padding:.25rem .55rem;cursor:pointer;font-size:.85rem;color:var(--primary);white-space:nowrap;transition:border-color .15s}.pt-play:hover{border-color:var(--primary)}.kanji-table{width:100%;border-collapse:collapse;font-size:.92rem}.kanji-table th{text-align:left;padding:.5rem .7rem;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--secondary);border-bottom:2px solid var(--border)}.kanji-table td{padding:.55rem .7rem;border-bottom:1px solid var(--border);vertical-align:middle}.kanji-table tr:last-child td{border-bottom:none}.kt-char{font-size:1.8rem;cursor:pointer}.kt-char:hover{color:var(--primary)}.num-grid{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1rem}.num-card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;min-height:72px;padding:.5rem .3rem;border:1px solid var(--border);border-radius:10px;background:var(--entry);cursor:pointer;transition:transform .15s,border-color .15s;user-select:none;text-align:center}.num-card:hover{border-color:var(--primary);transform:scale(1.06)}.nc-num{font-size:.72rem;color:var(--secondary);margin-bottom:2px}.nc-jp{font-size:1.3rem;font-weight:700;line-height:1}.nc-r{font-size:.62rem;color:var(--secondary);margin-top:3px}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.2rem;margin:1.5rem 0}.video-card{display:flex;flex-direction:column;text-decoration:none!important;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--entry);transition:transform .18s,box-shadow .18s,border-color .18s;color:var(--primary)!important}.video-card:hover{transform:translateY(-3px);box-shadow:0 6px 24px rgba(0,0,0,.3);border-color:var(--primary)}.vc-thumb-wrap{position:relative;overflow:hidden;aspect-ratio:16/9;background:#000}.vc-thumb{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}.video-card:hover .vc-thumb{transform:scale(1.04)}.vc-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2.2rem;color:#fff;background:rgba(0,0,0,.22);opacity:0;transition:opacity .18s}.video-card:hover .vc-play{opacity:1}.vc-thumb-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-card{cursor:pointer}.vc-title{padding:.65rem .8rem .8rem;font-size:.88rem;font-weight:600;line-height:1.4;margin:0;flex:1}.yt-channel-cta{margin-top:2rem;text-align:center}.yt-sub-btn{display:inline-block;padding:.75rem 2.2rem;background:red;color:#fff!important;border-radius:8px;font-weight:700;font-size:1rem;text-decoration:none!important;transition:background .15s,transform .15s}.yt-sub-btn:hover{background:#c00;transform:translateY(-2px)}#menu{overflow:visible}.menu li.has-dropdown{position:relative}.dropdown-menu{display:none;position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);background:var(--theme);border:1px solid var(--border);border-radius:8px;padding:.4rem 0;min-width:150px;z-index:200;list-style:none;margin:0;box-shadow:0 4px 20px rgba(0,0,0,.3)}.dropdown-menu::before{content:'';position:absolute;top:-8px;left:0;right:0;height:8px}.menu li.has-dropdown:hover .dropdown-menu,.menu li.has-dropdown.open .dropdown-menu,.menu li.has-dropdown:focus-within .dropdown-menu{display:block}.dropdown-menu li{display:block}.dropdown-menu li a{display:block;padding:.5rem 1.1rem;white-space:nowrap;color:var(--primary);font-size:.88rem;font-weight:400;text-decoration:none;line-height:1.4}.dropdown-menu li a:hover,.dropdown-menu li a.active{color:var(--secondary);background:rgba(128,128,128,.12)}.menu li.has-dropdown>a::after{content:" ▾";font-size:.65rem;opacity:.6;vertical-align:middle}.resource-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin:1.2rem 0 2rem}.resource-card{display:flex;flex-direction:column;padding:1.1rem 1.2rem;border:1px solid var(--border);border-radius:10px;background:var(--entry);text-decoration:none!important;color:var(--primary)!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.resource-card:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 5px 20px rgba(0,0,0,.28)}.rc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.rc-name{font-size:.98rem;font-weight:700}.rc-badge{font-size:.68rem;font-weight:600;padding:2px 7px;border-radius:20px;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.rc-badge.free{background:rgba(72,187,120,.18);color:#38a169}.rc-badge.freemium{background:rgba(237,137,54,.18);color:#c05621}.rc-badge.paid{background:rgba(128,90,213,.18);color:#6b46c1}.rc-desc{font-size:.82rem;color:var(--secondary);line-height:1.45}.brevo-signup-wrap{position:relative;background:var(--entry);border:1px solid var(--border);border-radius:16px;padding:2.4rem 2rem 1.8rem;margin:2rem 0;text-align:center;overflow:hidden}.brevo-signup__deco{position:absolute;top:-10px;right:20px;font-size:8rem;color:rgba(192,57,43,6%);line-height:1;pointer-events:none;user-select:none}.brevo-signup__label{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:#c0392b;font-weight:600;margin-bottom:.5rem}.brevo-signup__title{font-size:1.5rem;font-weight:700;margin-bottom:.35rem;color:var(--primary)}.brevo-signup__sub{font-size:.9rem;color:var(--secondary);margin-bottom:1.4rem}.brevo-signup__note{font-size:.73rem;color:var(--secondary);margin-top:.9rem}.brevo-signup-wrap #sib-container{background:0 0!important;border:none!important;max-width:100%!important;padding:0!important}.brevo-signup-wrap .sib-input,.brevo-signup-wrap .form__entry,.brevo-signup-wrap .entry_block{padding:0!important;margin:0!important}.brevo-signup__row{display:flex!important;align-items:center!important;gap:.6rem!important;justify-content:center!important;flex-wrap:wrap!important;margin:0!important}.brevo-signup-wrap .entry__field{width:auto!important;flex:none!important}.brevo-signup__input{display:block!important;padding:.6rem 1rem!important;border:1px solid var(--border)!important;border-radius:8px!important;background:var(--theme)!important;color:var(--primary)!important;font-size:.92rem!important;width:240px!important;max-width:100%!important;height:auto!important;line-height:1.4!important;box-shadow:none!important;margin:0!important}.brevo-signup__input:focus{border-color:#c0392b!important;outline:none!important}.brevo-signup__btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:.6rem 1.4rem!important;border-radius:8px!important;border:none!important;background:#c0392b!important;color:#fff!important;font-size:.92rem!important;font-weight:700!important;cursor:pointer!important;letter-spacing:.04em!important;height:auto!important;width:auto!important;line-height:1.4!important}.brevo-signup__btn:hover{background:#a93226!important}.brevo-signup-wrap .progress-indicator__icon{display:none!important}.brevo-signup-wrap .sib-form-message-panel{display:none;border-radius:8px!important;padding:.7rem 1rem!important;margin:0 auto 1rem!important;max-width:480px!important;font-size:.9rem!important;font-weight:600!important;text-align:center!important}.brevo-signup-wrap #error-message{background:rgba(192,57,43,.15)!important;color:#c0392b!important;border:1px solid rgba(192,57,43,.35)!important}.brevo-signup-wrap #success-message{background:rgba(56,161,105,.15)!important;color:#38a169!important;border:1px solid rgba(56,161,105,.35)!important}.input--hidden{display:none!important}.brevo-signup-wrap .entry__specification,.brevo-signup-wrap .entry__label{display:none!important}.brevo-custom-msg{margin:1rem auto 0;padding:.85rem 1.2rem;border-radius:8px;font-size:.95rem;font-weight:600;text-align:center;max-width:480px}.brevo-custom-msg--success{background:rgba(56,161,105,.15);color:#38a169;border:1px solid rgba(56,161,105,.4)}.brevo-custom-msg--error{background:rgba(192,57,43,.12);color:#c0392b;border:1px solid rgba(192,57,43,.35)}.download-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin:1.2rem 0 2rem}.download-card{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.2rem;border:1px solid var(--border);border-radius:10px;background:var(--entry);text-decoration:none!important;color:var(--primary)!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.download-card:hover{border-color:#c0392b;transform:translateY(-3px);box-shadow:0 5px 20px rgba(0,0,0,.28)}.dl-icon{font-size:2.2rem;line-height:1;flex-shrink:0;width:2.8rem;text-align:center}.dl-title{font-size:.95rem;font-weight:700;margin-bottom:.2rem}.dl-desc{font-size:.8rem;color:var(--secondary);line-height:1.4;margin-bottom:.35rem}.dl-meta{font-size:.72rem;color:#c0392b;font-weight:600;letter-spacing:.04em}.coming-soon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin:1.2rem 0 2rem}.coming-soon-card{padding:1.1rem 1.2rem;border:1px dashed var(--border);border-radius:10px;background:0 0;opacity:.6}.coming-soon-card .cs-title{font-size:.95rem;font-weight:700;margin-bottom:.3rem}.coming-soon-card .cs-desc{font-size:.8rem;color:var(--secondary)}.mock-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.mock-level-badge{display:inline-block;padding:.3rem .75rem;border-radius:999px;background:#c0392b;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.mock-tab-bar{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid var(--border);padding-bottom:0}.mock-tab{padding:.5rem 1.2rem;border:none;background:0 0;cursor:pointer;font-size:.9rem;font-weight:600;color:var(--secondary);border-bottom:3px solid transparent;margin-bottom:-2px;border-radius:4px 4px 0 0;transition:color .15s,border-color .15s}.mock-tab.active{color:#c0392b;border-bottom-color:#c0392b}.mock-tab:disabled{opacity:.4;cursor:not-allowed}.mock-sect{display:none}.mock-sect.active{display:block}.mock-sect-title{font-size:1.05rem;font-weight:700;margin:1.8rem 0 .4rem;padding-bottom:.3rem;border-bottom:1px solid var(--border)}.mock-subsect-title{font-size:.9rem;font-weight:700;color:var(--secondary);margin:1.4rem 0 .8rem;text-transform:uppercase;letter-spacing:.05em}.mock-passage{background:var(--entry);border:1px solid var(--border);border-radius:8px;padding:1rem 1.2rem;margin:1rem 0 1.2rem;line-height:1.9;font-size:.95rem}.mock-notice{background:rgba(192,57,43,8%);border-left:3px solid #c0392b;padding:.6rem 1rem;margin-bottom:1rem;font-size:.82rem;color:var(--secondary);border-radius:0 6px 6px 0}.mq{margin:1.2rem 0;padding:1rem 1.1rem;border:1px solid var(--border);border-radius:8px;background:var(--entry)}.mq p{margin:0 0 .75rem;font-size:.95rem;line-height:1.7}.mq-opts{display:flex;flex-direction:column;gap:.4rem}.mq-opts label{display:flex;align-items:flex-start;gap:.5rem;padding:.4rem .6rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .12s}.mq-opts label:hover{background:var(--code-bg)}.mq-opts input{margin-top:3px;flex-shrink:0}.mq.mq-right{border-color:#38a169;background:rgba(56,161,105,7%)}.mq.mq-wrong{border-color:#c0392b;background:rgba(192,57,43,6%)}.mq-correct-lbl{color:#38a169;font-weight:700}.mq-wrong-lbl{color:#c0392b;text-decoration:line-through}.mock-score{margin:1.2rem 0;padding:1rem 1.2rem;border-radius:8px;font-size:1rem;font-weight:700;border:1px solid var(--border);background:var(--entry)}.mock-score-pass{border-color:#38a169;color:#38a169}.mock-score-fail{border-color:#c0392b;color:#c0392b}.mock-total{margin:1.5rem 0 .5rem;padding:1.1rem 1.4rem;border-radius:10px;background:var(--entry);border:2px solid var(--border);font-size:1.05rem;font-weight:700}.mock-btn-row{display:flex;gap:.75rem;margin-top:1.4rem;flex-wrap:wrap}.mock-submit,.mock-next{padding:.6rem 1.4rem;border:none;border-radius:6px;font-size:.9rem;font-weight:700;cursor:pointer;transition:opacity .15s,transform .12s}.mock-submit{background:#c0392b;color:#fff}.mock-next{background:var(--border);color:var(--primary)}.mock-submit:hover,.mock-next:hover{opacity:.85;transform:translateY(-1px)}.mock-submit:disabled,.mock-next:disabled{opacity:.35;cursor:not-allowed;transform:none}.mock-hl{background:rgba(192,57,43,.12);border-radius:3px;padding:0 3px;font-weight:700}.home-phrases-wrap{margin:1.5rem 0 .5rem}.home-phrases-hdr{display:flex;align-items:baseline;gap:.8rem;margin-bottom:1rem;flex-wrap:wrap}.home-phrases-title{font-size:1.05rem;font-weight:700}.home-phrases-sub{font-size:.82rem;color:var(--secondary)}.home-phrases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.hp-card{display:flex;flex-direction:column;gap:.15rem;padding:.9rem 1rem;border:1px solid var(--border);border-radius:10px;background:var(--entry);cursor:pointer;transition:border-color .15s,transform .12s,box-shadow .15s;user-select:none}.hp-card:hover{border-color:#c0392b;transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,.18)}.hp-play{font-size:.75rem;color:#c0392b;margin-bottom:.3rem;font-weight:700}.hp-jp{font-size:1.1rem;font-weight:700;line-height:1.3}.hp-read{font-size:.72rem;color:var(--secondary);font-style:italic}.hp-en{font-size:.82rem;color:var(--secondary);margin-top:.2rem}.hp-more{display:inline-block;margin-top:.9rem;font-size:.85rem;font-weight:600;color:#c0392b;text-decoration:none}.hp-more:hover{text-decoration:underline}.jlpt-strip-wrap{margin:1.5rem 0 .5rem}.jlpt-strip-hdr{font-size:1.05rem;font-weight:700;margin-bottom:1rem}.jlpt-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem}.jlpt-tile{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1rem .5rem .9rem;border:1px solid var(--border);border-radius:10px;background:var(--entry);text-decoration:none!important;color:var(--primary)!important;text-align:center;transition:border-color .15s,transform .12s,box-shadow .15s}.jlpt-tile:hover{border-color:#c0392b;transform:translateY(-3px);box-shadow:0 5px 18px rgba(0,0,0,.2)}.jt-badge{display:inline-block;padding:.25rem .65rem;border-radius:999px;font-size:.82rem;font-weight:800;letter-spacing:.06em;color:#fff;margin-bottom:.2rem}.jt-n5{background:#38a169}.jt-n4{background:#3182ce}.jt-n3{background:#805ad5}.jt-n2{background:#dd6b20}.jt-n1{background:#c0392b}.jt-name{font-size:.85rem;font-weight:700}.jt-words{font-size:.75rem;color:var(--secondary);font-weight:600}.jt-detail{font-size:.72rem;color:var(--secondary);line-height:1.4}.writing-systems-wrap{margin:1.5rem 0 .5rem}.writing-systems-hdr{font-size:1.05rem;font-weight:700;margin-bottom:1rem}.writing-systems-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.ws-card{display:flex;flex-direction:column;gap:.3rem;padding:1.2rem 1.1rem 1rem;border:1px solid var(--border);border-radius:12px;background:var(--entry);text-decoration:none!important;color:var(--primary)!important;transition:border-color .15s,transform .12s,box-shadow .15s}.ws-card:hover{border-color:#c0392b;transform:translateY(-3px);box-shadow:0 5px 18px rgba(0,0,0,.2)}.ws-char{font-size:2.8rem;font-weight:700;line-height:1;color:#c0392b;margin-bottom:.3rem}.ws-name{font-size:1rem;font-weight:700}.ws-count{font-size:.75rem;color:var(--secondary);font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.3rem}.ws-desc{font-size:.82rem;color:var(--secondary);line-height:1.5}.ws-example{font-size:.8rem;color:var(--secondary);font-style:italic;margin-top:.4rem}.learn-path{display:flex;flex-direction:column;gap:.6rem;margin:1rem 0}.lp-step{display:flex;align-items:flex-start;gap:.9rem;padding:.7rem .9rem;border:1px solid var(--border);border-radius:8px;background:var(--entry);font-size:.9rem;line-height:1.5}.lp-num{flex-shrink:0;width:1.6rem;height:1.6rem;border-radius:50%;background:#c0392b;color:#fff;font-size:.78rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:1px}.cv-beta-notice{background:rgba(214,158,46,.1);border:1px solid rgba(214,158,46,.4);border-radius:8px;padding:.8rem 1.1rem;font-size:.85rem;line-height:1.6;color:var(--primary);margin-bottom:1.2rem}.cv-warn{background:rgba(192,57,43,8%);border-left:3px solid #c0392b;padding:.7rem 1rem;border-radius:0 6px 6px 0;font-size:.85rem;margin-bottom:1.2rem}.cv-scenario-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1.2rem}.cv-sc-card{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1.5rem 1rem;border:1px solid var(--border);border-radius:12px;background:var(--entry);cursor:pointer;text-align:center;transition:border-color .15s,transform .12s,box-shadow .15s;user-select:none}.cv-sc-card:hover{border-color:#c0392b;transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.2)}.cv-sc-emoji{font-size:2.4rem;line-height:1;margin-bottom:.2rem}.cv-sc-title{font-size:1.1rem;font-weight:700}.cv-sc-en{font-size:.82rem;color:var(--secondary)}.cv-sc-meta{font-size:.72rem;color:var(--secondary);margin-top:.3rem;padding:.2rem .6rem;border:1px solid var(--border);border-radius:999px}.cv-topbar{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.cv-back-btn{padding:.35rem .8rem;border:1px solid var(--border);border-radius:6px;background:var(--entry);color:var(--primary);font-size:.82rem;cursor:pointer;transition:border-color .15s}.cv-back-btn:hover{border-color:#c0392b}.cv-topbar-title{font-weight:700;font-size:.95rem;flex:1}.cv-topbar-score{font-size:.85rem;font-weight:700;color:#c0392b;background:#c03900;padding:.25rem .7rem;border-radius:999px}.cv-scene-desc{font-size:.85rem;color:var(--secondary);background:var(--entry);border:1px solid var(--border);border-radius:8px;padding:.6rem 1rem;margin-bottom:1rem;font-style:italic}.cv-log{min-height:200px;max-height:420px;overflow-y:auto;display:flex;flex-direction:column;gap:.55rem;padding:.25rem 0 .5rem;scroll-behavior:smooth}.cv-bubble{max-width:80%;padding:.65rem .9rem .65rem 1rem;border-radius:14px;font-size:.9rem;line-height:1.5;position:relative}.cv-bubble--npc{align-self:flex-start;background:var(--entry);border:1px solid var(--border);border-bottom-left-radius:3px;padding-right:2rem}.cv-bubble--user{align-self:flex-end;background:rgba(192,57,43,8%);border:1px solid rgba(192,57,43,.2);border-bottom-right-radius:3px}.cv-bubble--ok{background:rgba(56,161,105,.1);border-color:rgba(56,161,105,.35)}.cv-bubble--fail{background:rgba(192,57,43,7%);border-color:rgba(192,57,43,.25)}.cv-bubble--skip{background:rgba(214,158,46,9%);border-color:rgba(214,158,46,.35)}.cv-bubble--hint{align-self:flex-end;background:0 0;border:1.5px dashed rgba(192,57,43,.35);border-bottom-right-radius:3px;opacity:.75}.cvb-hint-label{font-size:.7rem;font-weight:700;color:#c0392b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.3rem}.cvb-romaji{font-size:.75rem;color:var(--secondary);font-style:italic;margin-top:.2rem}.cv-bubble--tip{align-self:center;max-width:92%;background:rgba(192,57,43,5%);border:1px solid rgba(192,57,43,.15);border-radius:10px;font-size:.8rem;color:var(--secondary);line-height:1.6;text-align:center}.cvb-tip-icon{margin-right:.3rem}.cvb-jp{font-size:1rem;font-weight:600}.cvb-en{font-size:.78rem;color:var(--secondary);margin-top:.2rem}.cvb-hear{position:absolute;top:.45rem;right:.4rem;background:0 0;border:none;color:#c0392b;font-size:.72rem;cursor:pointer;padding:.15rem .3rem;border-radius:4px;opacity:.65;transition:opacity .12s}.cvb-hear:hover{opacity:1}.cv-bottom-bar{border-top:1px solid var(--border);padding:.9rem 0 0;margin-top:.5rem;min-height:80px}.cvb-task-row{font-size:.88rem;line-height:1.5;margin-bottom:.7rem;color:var(--primary)}.cv-action-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.cv-speak-main{padding:.7rem 1.8rem;background:#c0392b;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .15s,transform .12s}.cv-speak-main:hover{opacity:.85;transform:translateY(-1px)}.cv-speak-main:disabled{opacity:.4;cursor:not-allowed;transform:none}.cv-type-link{background:0 0;border:none;color:var(--secondary);font-size:.8rem;cursor:pointer;text-decoration:underline;padding:0}.cv-hear-btn{padding:.45rem 1rem;background:var(--entry);border:1px solid var(--border);border-radius:7px;font-size:.85rem;cursor:pointer;color:var(--primary);transition:border-color .12s}.cv-hear-btn:hover{border-color:#c0392b}.cv-next-btn{padding:.55rem 1.4rem;background:var(--entry);border:1px solid var(--border);border-radius:7px;font-size:.92rem;font-weight:600;cursor:pointer;color:var(--primary);transition:border-color .12s,background .12s}.cv-next-btn--go{background:#c0392b;color:#fff;border-color:#c0392b}.cv-next-btn:hover{border-color:#c0392b;background:rgba(192,57,43,6%)}.cv-next-btn--go:hover{opacity:.85;background:#c0392b}.cv-type-row{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.cv-type-input{flex:1;min-width:0;padding:.55rem .85rem;border:1px solid var(--border);border-radius:7px;background:var(--entry);color:var(--primary);font-size:.9rem;font-family:inherit;outline:none;transition:border-color .15s}.cv-type-input:focus{border-color:#c0392b}.cv-submit-btn{padding:.55rem 1rem;background:#c0392b;color:#fff;border:none;border-radius:7px;font-size:.88rem;font-weight:700;cursor:pointer;transition:opacity .12s}.cv-submit-btn:hover{opacity:.85}.cv-waiting{display:flex;gap:5px;align-items:center;padding:.4rem 0}.cv-waiting span{width:7px;height:7px;border-radius:50%;background:var(--secondary);opacity:.5;animation:cvdot 1.2s infinite ease-in-out}.cv-waiting span:nth-child(2){animation-delay:.2s}.cv-waiting span:nth-child(3){animation-delay:.4s}@keyframes cvdot{0%,80%,100%{transform:scale(.7);opacity:.3}40%{transform:scale(1);opacity:1}}.cv-end-inner{max-width:420px;margin:2rem auto;text-align:center;padding:2rem 1.5rem;border:1px solid var(--border);border-radius:14px;background:var(--entry)}.cv-end-emoji{font-size:3rem;margin-bottom:.75rem}.cv-end-title{font-size:1.3rem;font-weight:800;margin-bottom:.5rem}.cv-end-score{font-size:1.8rem;font-weight:800;color:#c0392b;margin-bottom:.5rem}.cv-end-msg{font-size:.9rem;color:var(--secondary);margin-bottom:1.5rem}.cv-end-btns{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.cv-end-btn{padding:.6rem 1.4rem;border:1px solid var(--border);border-radius:8px;background:var(--entry);color:var(--primary);font-size:.9rem;font-weight:600;cursor:pointer;transition:border-color .12s}.cv-end-btn:hover{border-color:#c0392b}.cv-end-btn--primary{background:#c0392b;color:#fff;border-color:#c0392b}.cv-end-btn--primary:hover{opacity:.85}.contact-form{max-width:560px;margin:1.2rem 0 0}.cf-row{display:flex;flex-direction:column;margin-bottom:1rem}.cf-label{font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--secondary);margin-bottom:.35rem}.cf-input{padding:.6rem .85rem;border:1px solid var(--border);border-radius:7px;background:var(--entry);color:var(--primary);font-size:.95rem;font-family:inherit;transition:border-color .15s,box-shadow .15s;outline:none;width:100%;box-sizing:border-box}.cf-input:focus{border-color:#c0392b;box-shadow:0 0 0 3px rgba(192,57,43,.12)}.cf-textarea{resize:vertical;min-height:120px}.cf-submit{margin-top:.25rem;padding:.65rem 1.6rem;background:#c0392b;color:#fff;border:none;border-radius:7px;font-size:.9rem;font-weight:700;cursor:pointer;transition:opacity .15s,transform .12s}.cf-submit:hover{opacity:.85;transform:translateY(-1px)}.cf-submit:disabled{opacity:.45;cursor:not-allowed;transform:none}.cf-msg{padding:.7rem 1rem;border-radius:7px;font-size:.9rem;font-weight:600;margin-bottom:.75rem}.cf-msg--ok{background:rgba(56,161,105,.12);color:#38a169;border:1px solid rgba(56,161,105,.35)}.cf-msg--err{background:rgba(192,57,43,.1);color:#c0392b;border:1px solid rgba(192,57,43,.3)}.dict-search-wrap{max-width:560px;margin:0 auto 2rem}.dict-input-row{display:flex;gap:.5rem}.dict-input{flex:1;padding:.7rem 1rem;border:2px solid var(--border,#444);border-radius:8px;background:var(--entry,#1e1e1e);color:var(--primary,#fff);font-size:1rem;outline:none;transition:border-color .2s}.dict-input:focus{border-color:#c0392b}.dict-btn{padding:.7rem 1.4rem;background:#c0392b;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;transition:opacity .15s;white-space:nowrap}.dict-btn:hover{opacity:.85}.dict-hint{font-size:.8rem;color:var(--secondary,#888);margin-top:.4rem;text-align:center}.dict-results{margin-top:1.5rem}.dict-card{border:1px solid var(--border,#333);border-radius:10px;padding:1.1rem 1.3rem;margin-bottom:1rem;background:var(--entry,#1e1e1e)}.dict-card-top{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap;margin-bottom:.5rem}.dict-word{font-size:1.9rem;font-weight:700;line-height:1;color:var(--primary,#fff)}.dict-reading{font-size:1rem;color:var(--secondary,#aaa)}.dict-badges{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:.6rem}.dict-badge{font-size:.7rem;font-weight:700;padding:.15rem .55rem;border-radius:4px;text-transform:uppercase;letter-spacing:.04em}.dict-badge--common{background:rgba(56,161,105,.18);color:#38a169;border:1px solid rgba(56,161,105,.3)}.dict-badge--jlpt{background:rgba(192,57,43,.15);color:#e05c4a;border:1px solid rgba(192,57,43,.25)}.dict-sense{margin-bottom:.55rem}.dict-pos{font-size:.72rem;color:#888;font-style:italic;margin-bottom:.2rem}.dict-defs{font-size:.9rem;color:var(--content,#ccc);line-height:1.5}.dict-loading{text-align:center;padding:2rem;color:var(--secondary,#888);font-size:.95rem}.dict-empty{text-align:center;padding:2rem;color:var(--secondary,#888)}.dict-attribution{font-size:.72rem;color:var(--secondary,#666);margin-top:1rem;text-align:center}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.2rem;margin-bottom:2rem}.shop-card{border:1px solid var(--border,#333);border-radius:10px;background:var(--entry,#1e1e1e);display:flex;flex-direction:column;overflow:hidden;transition:transform .15s,box-shadow .15s;text-decoration:none}.shop-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.25)}.shop-card-body{padding:1rem 1.1rem;flex:1;display:flex;flex-direction:column}.shop-card-tags{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:.55rem}.shop-tag{font-size:.65rem;font-weight:700;padding:.12rem .5rem;border-radius:3px;text-transform:uppercase;letter-spacing:.04em}.shop-tag--level{background:rgba(192,57,43,.15);color:#e05c4a;border:1px solid rgba(192,57,43,.25)}.shop-tag--best{background:rgba(237,137,54,.15);color:#ed8936;border:1px solid rgba(237,137,54,.3)}.shop-tag--type{background:rgba(120,120,120,.18);color:#aaa;border:1px solid rgba(120,120,120,.28)}.shop-card-title{font-size:.95rem;font-weight:700;color:var(--primary,#fff);margin-bottom:.4rem;line-height:1.35}.shop-card-desc{font-size:.82rem;color:var(--secondary,#aaa);line-height:1.5;flex:1;margin-bottom:.85rem}.shop-buy-btn{display:block;text-align:center;padding:.55rem 1rem;background:#f90;color:#111!important;border-radius:6px;font-size:.8rem;font-weight:700;text-decoration:none!important;transition:opacity .15s}.shop-buy-btn:hover{opacity:.85}.shop-buy-btn--steam{background:#1b2838;color:#c7d5e0!important;border:1px solid #4a7b9d}.shop-buy-btn--steam:hover{opacity:.85}.tutor-card{border:2px solid #c0392b;border-radius:12px;padding:1.4rem 1.6rem;background:var(--entry,#1e1e1e);margin-bottom:1.2rem;display:flex;flex-direction:column;gap:.4rem}.tutor-card-top{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.tutor-name{font-size:1.15rem;font-weight:700;color:var(--primary,#fff)}.tutor-badge{font-size:.65rem;font-weight:700;padding:.15rem .6rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;background:rgba(192,57,43,.18);color:#e05c4a;border:1px solid rgba(192,57,43,.3)}.tutor-badge--rec{background:rgba(56,161,105,.15);color:#38a169;border:1px solid rgba(56,161,105,.3)}.tutor-desc{font-size:.88rem;color:var(--content,#ccc);line-height:1.6}.tutor-link{display:inline-block;margin-top:.4rem;font-size:.85rem;font-weight:700;color:#c0392b;text-decoration:none}.tutor-link:hover{text-decoration:underline}.paid-disclaimer{font-size:.8rem;color:var(--secondary,#888);background:var(--entry,#1e1e1e);border:1px solid var(--border,#333);border-radius:7px;padding:.7rem 1rem;margin-bottom:1.5rem;line-height:1.55}.ime-steps{counter-reset:ime-step;padding:0;list-style:none;margin:.5rem 0 1rem}.ime-steps li{counter-increment:ime-step;display:flex;align-items:flex-start;gap:.75rem;padding:.45rem 0;border-bottom:1px solid var(--border,#333);font-size:.9rem;line-height:1.5}.ime-steps li:last-child{border-bottom:none}.ime-steps li::before{content:counter(ime-step);min-width:1.5rem;height:1.5rem;background:#c0392b;color:#fff;border-radius:50%;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.1rem}.games-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.2rem;margin:1.5rem 0}.game-hub-card{border:1px solid var(--border,#333);border-radius:12px;padding:1.4rem;background:var(--entry,#1e1e1e);text-decoration:none!important;display:flex;flex-direction:column;gap:.5rem;transition:transform .15s,box-shadow .15s}.game-hub-card:hover:not(.game-hub-card--soon){transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.3)}.game-hub-card--soon{opacity:.45;pointer-events:none}.ghc-icon{font-size:2.5rem;line-height:1}.ghc-name{font-size:1.05rem;font-weight:800;color:var(--primary,#fff)}.ghc-desc{font-size:.82rem;color:var(--secondary,#aaa);line-height:1.5;flex:1}.ghc-badge{align-self:flex-start;font-size:.65rem;font-weight:700;padding:.12rem .5rem;border-radius:3px;text-transform:uppercase;letter-spacing:.04em}.ghc-badge--play{background:rgba(192,57,43,.2);color:#e05c4a;border:1px solid rgba(192,57,43,.3)}.ghc-badge--soon{background:rgba(100,100,100,.18);color:#777;border:1px solid rgba(100,100,100,.28)}.game-wrap{max-width:560px;margin:0 auto;position:relative}.game-screen{display:flex;flex-direction:column;align-items:center;gap:1.1rem;padding:.5rem 0 1.5rem}.game-logo{font-size:2rem;font-weight:900;letter-spacing:-.02em;color:var(--primary,#fff);text-align:center;line-height:1.1}.game-logo span{color:#c0392b}.game-tagline{font-size:.85rem;color:var(--secondary,#aaa);text-align:center}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;width:100%}.mode-btn{background:var(--entry,#1e1e1e);border:2px solid var(--border,#333);border-radius:12px;padding:1.1rem .75rem;cursor:pointer;text-align:center;color:var(--primary,#fff);transition:border-color .15s,transform .12s,box-shadow .15s}.mode-btn:hover{border-color:#c0392b;transform:translateY(-2px);box-shadow:0 6px 20px rgba(192,57,43,.2)}.mode-icon{font-size:2.2rem;font-weight:900;line-height:1;margin-bottom:.4rem}.mode-name{font-size:.92rem;font-weight:700;margin-bottom:.15rem}.mode-desc{font-size:.72rem;color:var(--secondary,#aaa)}.battle-hud{display:flex;justify-content:space-between;align-items:center;width:100%;padding-bottom:.6rem;border-bottom:1px solid var(--border,#333)}.hud-lv{font-size:.75rem;font-weight:700;color:var(--secondary,#888);letter-spacing:.05em;text-transform:uppercase}.hud-lv b{font-size:1.05rem;color:var(--primary,#fff)}.hud-mode{font-size:.72rem;font-weight:800;color:#c0392b;letter-spacing:.09em}.hud-score{font-size:.75rem;font-weight:700;color:var(--secondary,#888)}.hud-score b{font-size:1.05rem;color:#f59e0b}.enemy-zone{display:flex;flex-direction:column;align-items:center;gap:.55rem;width:100%;position:relative}.enemy-label{font-size:.75rem;font-weight:700;color:var(--secondary,#888);text-transform:uppercase;letter-spacing:.07em}.enemy-lv{color:#c0392b}.enemy-card{width:110px;height:110px;border:3px solid #22c55e;border-radius:50%;background:var(--entry,#111);display:flex;align-items:center;justify-content:center;transition:border-color .4s,box-shadow .4s}.enemy-char{font-size:3.8rem;line-height:1;user-select:none;pointer-events:none;animation:gm-idle 2.2s ease-in-out infinite}.enemy-hp-track{width:140px;height:8px;background:var(--border,#333);border-radius:4px;overflow:hidden}.enemy-hp-fill{height:100%;border-radius:4px;background:#22c55e;transition:width .35s ease,background .35s}.char-box{width:100%;background:var(--entry,#111);border:2px solid var(--border,#333);border-radius:14px;padding:.9rem 1.2rem;text-align:center;min-height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem}.char-display{font-weight:900;line-height:1.15;color:var(--primary,#fff);word-break:break-all;transition:font-size .15s}.char-hint{font-size:.78rem;color:var(--secondary,#888);font-style:italic;min-height:1rem;opacity:0;transition:opacity .25s}.char-hint.visible{opacity:1}.q-label{font-size:.82rem;color:var(--secondary,#aaa);font-style:italic;text-align:center;min-height:1.2rem}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;width:100%}.answer-btn{background:var(--entry,#1e1e1e);border:2px solid var(--border,#333);border-radius:10px;padding:.85rem .6rem;font-size:.88rem;font-weight:600;color:var(--primary,#fff);cursor:pointer;transition:border-color .12s,background .12s,transform .1s;min-height:50px;word-break:break-word;line-height:1.3}.answer-btn:hover:not(:disabled){border-color:#c0392b;transform:translateY(-1px)}.answer-btn:disabled{cursor:default}.answer-btn--ok{border-color:#22c55e!important;background:rgba(34,197,94,.14)!important;color:#22c55e!important}.answer-btn--bad{border-color:#ef4444!important;background:rgba(239,68,68,.14)!important;color:#ef4444!important}.player-bar{display:flex;flex-direction:column;align-items:center;gap:.25rem;width:100%;padding-top:.5rem;border-top:1px solid var(--border,#333)}.player-hearts{font-size:1.35rem;letter-spacing:.15rem}.streak-tag{font-size:.78rem;font-weight:700;color:#f59e0b;min-height:1.1rem;opacity:0;transition:opacity .25s}.hit-msg{position:absolute;top:10px;left:50%;transform:translateX(-50%);font-size:1.5rem;font-weight:900;pointer-events:none;opacity:0;z-index:20;text-shadow:0 2px 8px rgba(0,0,0,.6)}.hit-msg.msg-go{animation:gm-floatup .85s ease forwards}.hit-msg--hit{color:#22c55e}.hit-msg--miss{color:#ef4444}.hit-msg--streak{color:#f59e0b}.bscreen-icon{font-size:3.2rem}.bscreen-title{font-size:2rem;font-weight:900;text-align:center;color:var(--primary,#fff)}.bscreen-sub{font-size:.9rem;color:var(--secondary,#aaa);text-align:center;line-height:1.8}.game-btn{padding:.8rem 2.2rem;background:#c0392b;color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .15s,transform .12s}.game-btn:hover{opacity:.85;transform:translateY(-1px)}.game-btn--ghost{background:0 0;color:var(--secondary,#aaa);border:2px solid var(--border,#333);margin-top:-.25rem}.game-btn--ghost:hover{border-color:#c0392b;color:var(--primary,#fff)}@keyframes gm-idle{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes gm-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-9px)}40%{transform:translateX(9px)}60%{transform:translateX(-5px)}80%{transform:translateX(5px)}}@keyframes gm-dissolve{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.45)rotate(12deg)}}@keyframes gm-floatup{0%{opacity:1;transform:translateX(-50%)translateY(0)}100%{opacity:0;transform:translateX(-50%)translateY(-36px)}}@keyframes gm-player-hit{0%,100%{transform:translateX(0)}30%{transform:translateX(7px)}70%{transform:translateX(-7px)}}.gm-shake{animation:gm-shake .5s ease!important}.gm-dissolve{animation:gm-dissolve .65s ease forwards!important}.gm-phit{animation:gm-player-hit .4s ease!important}@media(max-width:480px){.enemy-card{width:118px;height:118px}.enemy-char{font-size:4.2rem}.answer-btn{font-size:.8rem;padding:.7rem .5rem}.mode-icon{font-size:1.8rem}}@media(max-width:480px){.kana-card{width:58px;height:58px}.kana-card .kc-char{font-size:1.4rem}#quiz-char{font-size:4rem}.section-grid{grid-template-columns:repeat(2,1fr)}.video-grid{grid-template-columns:1fr}.num-card{width:70px}.resource-grid{grid-template-columns:1fr}.coming-soon-grid{grid-template-columns:1fr 1fr}.jlpt-strip{grid-template-columns:repeat(3,1fr)}.writing-systems-grid{grid-template-columns:1fr}.home-phrases-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.jlpt-strip{grid-template-columns:repeat(2,1fr)}.jt-detail{display:none}}#fm-menu,#fm-game,#fm-win{display:none}#fm-menu.fm-active,#fm-game.fm-active,#fm-win.fm-active{display:block}.fm-title{text-align:center;font-size:1.6rem;font-weight:700;margin-bottom:.3rem;color:var(--primary)}.fm-subtitle{text-align:center;color:var(--secondary);font-size:.9rem;margin-bottom:1.6rem}.fm-mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;max-width:480px;margin:0 auto 1.6rem}.fm-mode-btn{background:var(--entry);border:2px solid transparent;border-radius:10px;padding:.9rem .7rem;cursor:pointer;text-align:center;transition:border-color .2s,background .2s;color:var(--primary)}.fm-mode-btn:hover{border-color:#c0392b}.fm-mode-btn.fm-mode-active{border-color:#c0392b;background:rgba(192,57,43,.1)}.fm-mode-icon{font-size:1.8rem;display:block;margin-bottom:.3rem}.fm-mode-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--secondary)}.fm-diff-row{display:flex;gap:.75rem;justify-content:center;margin-bottom:2rem}.fm-diff-btn{background:var(--entry);border:2px solid var(--border);border-radius:8px;padding:.65rem 1.4rem;cursor:pointer;color:var(--primary);font-size:.88rem;font-weight:600;transition:border-color .15s,background .15s}.fm-diff-btn:hover{border-color:#c0392b}.fm-hud{display:flex;align-items:center;justify-content:space-between;background:var(--entry);border-radius:10px;padding:.6rem 1rem;margin-bottom:1.1rem;font-size:.88rem;color:var(--secondary)}.fm-hud-stat{display:flex;flex-direction:column;align-items:center;gap:.1rem}.fm-hud-val{font-size:1.1rem;font-weight:700;color:var(--primary)}.fm-hud-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.fm-hud-btn{background:0 0;border:1px solid var(--border);border-radius:6px;padding:.3rem .7rem;color:var(--secondary);cursor:pointer;font-size:.78rem}.fm-hud-btn:hover{border-color:#c0392b;color:var(--primary)}.fm-grid{display:grid;gap:.6rem;margin:0 auto}.fm-grid--3col{grid-template-columns:repeat(3,1fr);max-width:560px}.fm-grid--4col{grid-template-columns:repeat(4,1fr);max-width:700px}.fm-card{aspect-ratio:3/4;cursor:pointer;perspective:600px;border-radius:10px}.fm-card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .42s cubic-bezier(.4,0,.2,1);border-radius:10px}.fm-card.fm-flipped .fm-card-inner{transform:rotateY(180deg)}.fm-face{position:absolute;inset:0;border-radius:10px;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;overflow:hidden}.fm-face--back{background:var(--entry);border:2px solid var(--border);color:rgba(255,255,255,6%);font-size:2.8rem;font-weight:900;user-select:none}.fm-face--front{transform:rotateY(180deg);border:2px solid var(--border);background:var(--code-bg,#1a1a2e);padding:.4rem;flex-direction:column;gap:.2rem;text-align:center}.fm-card--jp .fm-face--front{border-color:rgba(192,57,43,.55);background:rgba(192,57,43,7%)}.fm-card--en .fm-face--front{border-color:rgba(59,130,246,.45);background:rgba(59,130,246,6%)}.fm-card--matched .fm-face--front{border-color:#22c55e;background:rgba(34,197,94,8%)}.fm-card--matched{cursor:default}.fm-card-char{font-size:2.2rem;line-height:1.1;color:var(--primary);word-break:break-word}.fm-card-sub{font-size:.62rem;color:var(--secondary);letter-spacing:.03em}@keyframes fm-nope{0%,100%{transform:rotateY(180deg)translateX(0)}20%{transform:rotateY(180deg)translateX(-6px)}40%{transform:rotateY(180deg)translateX(6px)}60%{transform:rotateY(180deg)translateX(-5px)}80%{transform:rotateY(180deg)translateX(4px)}}@keyframes fm-match-pop{0%{transform:rotateY(180deg)scale(1)}40%{transform:rotateY(180deg)scale(1.13)}70%{transform:rotateY(180deg)scale(.96)}100%{transform:rotateY(180deg)scale(1)}}.fm-card.fm-nope .fm-card-inner{animation:fm-nope .55s ease}.fm-card.fm-match .fm-card-inner{animation:fm-match-pop .4s ease}.fm-win-box{text-align:center;background:var(--entry);border-radius:14px;padding:2.5rem 1.5rem;max-width:420px;margin:2rem auto}.fm-win-trophy{font-size:3.5rem;margin-bottom:.5rem}.fm-win-title{font-size:1.5rem;font-weight:700;color:var(--primary);margin-bottom:.3rem}.fm-win-score{font-size:2.6rem;font-weight:900;color:#c0392b;margin:.6rem 0}.fm-win-breakdown{color:var(--secondary);font-size:.85rem;margin-bottom:1.4rem;line-height:1.7}.fm-win-btns{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.fm-win-btn{padding:.65rem 1.4rem;border-radius:8px;border:none;cursor:pointer;font-size:.9rem;font-weight:600}.fm-win-btn--play{background:#c0392b;color:#fff}.fm-win-btn--play:hover{background:#a93226}.fm-win-btn--menu{background:var(--border);color:var(--primary)}.fm-win-btn--menu:hover{opacity:.8}.fm-progress-wrap{height:4px;background:var(--border);border-radius:2px;margin-bottom:.8rem}.fm-progress-fill{height:100%;background:#22c55e;border-radius:2px;transition:width .35s ease}@media(max-width:560px){.fm-grid--3col{grid-template-columns:repeat(3,1fr);max-width:100%}.fm-grid--4col{grid-template-columns:repeat(4,1fr);max-width:100%}.fm-card-char{font-size:1.5rem}.fm-mode-grid{grid-template-columns:repeat(2,1fr)}}#rg-menu,#rg-game,#rg-over{display:none}#rg-menu.rg-active,#rg-game.rg-active,#rg-over.rg-active{display:block}.rg-title{text-align:center;font-size:1.75rem;font-weight:800;letter-spacing:.04em;margin-bottom:.2rem;color:var(--primary)}.rg-subtitle{text-align:center;color:var(--secondary);font-size:.9rem;margin-bottom:1.6rem}.rg-mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;max-width:560px;margin:0 auto 1.4rem}.rg-mode-btn{background:var(--entry);border:2px solid transparent;border-radius:10px;padding:.9rem .5rem;cursor:pointer;text-align:center;transition:border-color .15s,background .15s;color:var(--primary)}.rg-mode-btn:hover{border-color:rgba(192,57,43,.5)}.rg-mode-btn.rg-mode-active{border-color:#c0392b;background:rgba(192,57,43,.1)}.rg-mode-icon{font-size:1.6rem;display:block;margin-bottom:.3rem}.rg-mode-label{font-size:.73rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--secondary)}.rg-howto{display:flex;gap:.4rem;align-items:center;justify-content:center;flex-wrap:wrap;color:var(--secondary);font-size:.82rem;margin-bottom:.8rem;max-width:560px;margin-left:auto;margin-right:auto}.rg-mobile-hint{display:none;text-align:center;font-size:.82rem;color:var(--secondary);background:rgba(59,130,246,8%);border:1px solid rgba(59,130,246,.25);border-radius:8px;padding:.55rem 1rem;margin:0 auto 1.2rem;max-width:400px;line-height:1.5}@media(max-width:640px){.rg-mobile-hint{display:block}}.rg-kbd{display:inline-block;border-radius:4px;padding:.12rem .5rem;font-size:.78rem;font-weight:700;font-family:monospace;border:1px solid}.rg-kbd--0{color:#ef4444;border-color:rgba(239,68,68,.45);background:rgba(239,68,68,8%)}.rg-kbd--1{color:#f97316;border-color:rgba(249,115,22,.45);background:rgba(249,115,22,8%)}.rg-kbd--2{color:#3b82f6;border-color:rgba(59,130,246,.45);background:rgba(59,130,246,8%)}.rg-kbd--3{color:#a855f7;border-color:rgba(168,85,247,.45);background:rgba(168,85,247,8%)}.rg-diff-heading{text-align:center;color:var(--secondary);font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.5rem}.rg-diff-row{display:flex;gap:.65rem;justify-content:center;margin-bottom:2rem}.rg-diff-btn{background:var(--entry);border:2px solid var(--border);border-radius:8px;padding:.6rem 1.5rem;cursor:pointer;color:var(--primary);font-weight:600;font-size:.88rem;transition:border-color .15s,background .15s;line-height:1.4}.rg-diff-btn:hover{border-color:rgba(192,57,43,.5)}.rg-diff-btn.rg-diff-active{border-color:#c0392b;background:rgba(192,57,43,.1)}.rg-diff-sub{font-size:.7rem;font-weight:400;color:var(--secondary);display:block}.rg-start-btn{display:block;margin:0 auto;background:#c0392b;color:#fff;border:none;border-radius:10px;padding:.9rem 3.2rem;font-size:1.05rem;font-weight:700;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;animation:rg-pulse 2s ease-in-out infinite;transition:background .15s,transform .1s}.rg-start-btn:hover{background:#a93226;transform:scale(1.03);animation:none}.rg-start-btn:active{transform:scale(.97)}@keyframes rg-pulse{0%,100%{box-shadow:0 0 rgba(192,57,43,.45)}50%{box-shadow:0 0 0 14px rgba(192,57,43,0)}}.rg-game-inner{max-width:640px;margin:0 auto}.rg-hud{display:flex;align-items:center;justify-content:space-between;background:var(--entry);border:1px solid var(--border);border-bottom:none;border-radius:10px 10px 0 0;padding:.5rem 1rem}.rg-hud-stat{display:flex;flex-direction:column;align-items:center;min-width:64px}.rg-hud-val{font-size:1.05rem;font-weight:700;color:var(--primary)}.rg-hud-label{font-size:.66rem;text-transform:uppercase;letter-spacing:.05em;color:var(--secondary)}.rg-hud-mult{color:#f97316}.rg-quit-btn{background:0 0;border:1px solid var(--border);border-radius:6px;padding:.28rem .7rem;color:var(--secondary);cursor:pointer;font-size:.76rem;transition:border-color .15s,color .15s}.rg-quit-btn:hover{border-color:#c0392b;color:var(--primary)}.rg-fs-btn{background:0 0;border:1px solid var(--border);border-radius:6px;padding:.28rem .55rem;color:var(--secondary);cursor:pointer;font-size:.8rem;transition:border-color .15s,color .15s;margin-left:.3rem;line-height:1}.rg-fs-btn:hover{border-color:#3b82f6;color:var(--primary)}.rg-canvas-wrap{position:relative;background:#070710;line-height:0;border:1px solid var(--border);border-top:none;border-bottom:none;overflow:hidden}#rg-canvas{display:block;width:100%;height:540px;background:#070710}.rg-hit-layer{position:absolute;inset:0;pointer-events:none;display:grid;grid-template-columns:repeat(4,1fr)}.rg-hit-cell{display:flex;align-items:flex-end;justify-content:center;padding-bottom:90px}.rg-hit-text{font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;opacity:0;transition:opacity .08s;text-shadow:0 0 8px currentColor}.rg-hit-text.rg-show{opacity:1}.rg-hit-text--perfect{color:#fbbf24}.rg-hit-text--good{color:#22c55e}.rg-hit-text--miss{color:#6b7280}.rg-hit-text--wrong{color:#ef4444}.rg-lane-row{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-top:none;border-radius:0 0 10px 10px;overflow:hidden;background:var(--entry)}.rg-lane-cell{padding:.5rem .4rem;text-align:center;border-right:1px solid var(--border);border-top:3px solid transparent;cursor:pointer;transition:background .1s;user-select:none}.rg-lane-cell:last-child{border-right:none}.rg-lane-cell:active{background:rgba(255,255,255,4%)}.rg-lane-cell[data-lane="0"]{border-top-color:#ef4444}.rg-lane-cell[data-lane="1"]{border-top-color:#f97316}.rg-lane-cell[data-lane="2"]{border-top-color:#3b82f6}.rg-lane-cell[data-lane="3"]{border-top-color:#a855f7}.rg-lane-key{display:inline-block;border-radius:4px;padding:.1rem .42rem;font-size:.75rem;font-weight:700;font-family:monospace;border:1px solid;margin-bottom:.25rem}.rg-lane-cell[data-lane="0"] .rg-lane-key{color:#ef4444;border-color:rgba(239,68,68,.4);background:rgba(239,68,68,8%)}.rg-lane-cell[data-lane="1"] .rg-lane-key{color:#f97316;border-color:rgba(249,115,22,.4);background:rgba(249,115,22,8%)}.rg-lane-cell[data-lane="2"] .rg-lane-key{color:#3b82f6;border-color:rgba(59,130,246,.4);background:rgba(59,130,246,8%)}.rg-lane-cell[data-lane="3"] .rg-lane-key{color:#a855f7;border-color:rgba(168,85,247,.4);background:rgba(168,85,247,8%)}.rg-lane-romaji{display:block;font-size:.78rem;color:var(--secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:1.1em}.rg-lane-cell.rg-lane-flash[data-lane="0"]{background:rgba(239,68,68,.15)}.rg-lane-cell.rg-lane-flash[data-lane="1"]{background:rgba(249,115,22,.15)}.rg-lane-cell.rg-lane-flash[data-lane="2"]{background:rgba(59,130,246,.15)}.rg-lane-cell.rg-lane-flash[data-lane="3"]{background:rgba(168,85,247,.15)}.rg-result-box{text-align:center;background:var(--entry);border-radius:14px;padding:2.5rem 1.5rem;max-width:420px;margin:2rem auto}.rg-result-grade{font-size:5rem;font-weight:900;line-height:1;margin-bottom:.1rem}.rg-result-grade--S{color:#fbbf24;text-shadow:0 0 28px rgba(251,191,36,.6)}.rg-result-grade--A{color:#22c55e;text-shadow:0 0 24px rgba(34,197,94,.5)}.rg-result-grade--B{color:#3b82f6;text-shadow:0 0 20px rgba(59,130,246,.45)}.rg-result-grade--C{color:#a855f7}.rg-result-grade--D{color:#6b7280}.rg-result-rank-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--secondary);margin-bottom:.7rem}.rg-result-score{font-size:2.6rem;font-weight:900;color:var(--primary);margin-bottom:.4rem}.rg-result-breakdown{color:var(--secondary);font-size:.83rem;line-height:1.85;margin-bottom:1.5rem}.rg-result-btns{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.rg-result-btn{padding:.65rem 1.4rem;border-radius:8px;border:none;cursor:pointer;font-size:.9rem;font-weight:600}.rg-result-btn--play{background:#c0392b;color:#fff}.rg-result-btn--play:hover{background:#a93226}.rg-result-btn--menu{background:var(--border);color:var(--primary)}.rg-result-btn--menu:hover{opacity:.8}@media(max-width:640px){.rg-mode-grid{grid-template-columns:repeat(2,1fr)}#rg-canvas{height:420px}.rg-hud-stat{min-width:52px}.rg-hud-val{font-size:.92rem}}@media(max-width:400px){#rg-canvas{height:310px}.rg-diff-btn{padding:.5rem .9rem;font-size:.82rem}}@keyframes rg-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-5px)translateY(2px)}45%{transform:translateX(5px)translateY(-1px)}70%{transform:translateX(-4px)}90%{transform:translateX(3px)}}.rg-canvas-wrap.rg-shake{animation:rg-shake .28s ease}.rg-countdown-overlay{position:absolute;inset:0;display:none;align-items:center;justify-content:center;font-size:5rem;font-weight:900;color:#fff;pointer-events:none;z-index:10;text-shadow:0 0 40px rgba(255,255,255,.4),0 0 80px rgba(255,255,255,.15)}@keyframes rg-count-pop{0%{transform:scale(1.5);opacity:1}80%{transform:scale(.95);opacity:.9}100%{transform:scale(.85);opacity:0}}@keyframes rg-mult-pop{0%,100%{transform:scale(1)}35%{transform:scale(1.65)}70%{transform:scale(.92)}}.rg-hud-mult.rg-mult-pop{animation:rg-mult-pop .45s ease}@keyframes rg-score-pulse{0%,100%{transform:scale(1)}40%{transform:scale(1.15)}}.rg-hud-val.rg-score-pulse{animation:rg-score-pulse .22s ease}#rg-game:fullscreen,#rg-game:-webkit-full-screen{background:#070710;display:flex!important;align-items:center;justify-content:center;padding:0}#rg-game:fullscreen .rg-game-inner,#rg-game:-webkit-full-screen .rg-game-inner{height:100vh;max-width:960px;width:100%;display:flex;flex-direction:column}#rg-game:fullscreen #rg-canvas,#rg-game:-webkit-full-screen #rg-canvas{flex:1!important;height:auto!important;min-height:0}.courses-hub-intro{color:var(--secondary);font-size:1.05rem;line-height:1.7;margin-bottom:2.5rem}.courses-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.25rem}.course-hub-card{display:flex;flex-direction:column;background:var(--entry);border:1px solid var(--border);border-radius:14px;padding:1.5rem 1.4rem 1.25rem;text-decoration:none;color:inherit;transition:border-color .18s,box-shadow .18s,transform .18s}.course-hub-card:hover{border-color:#3b82f6;box-shadow:0 4px 24px rgba(59,130,246,.12);transform:translateY(-2px);text-decoration:none}.course-hub-card--soon{opacity:.55;pointer-events:none}.chc-icon{font-size:2.4rem;margin-bottom:.65rem;line-height:1}.chc-name{font-size:1.08rem;font-weight:700;color:var(--primary);margin-bottom:.45rem}.chc-desc{font-size:.87rem;color:var(--secondary);line-height:1.6;flex:1;margin-bottom:1rem}.chc-badge{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.04em;padding:.3rem .8rem;border-radius:6px;align-self:flex-start}.chc-badge--start{background:rgba(59,130,246,.15);color:#3b82f6}.chc-badge--soon{background:var(--border);color:var(--secondary)}.wws-wrap{max-width:700px;margin:0 auto;padding:0 0 4rem}.wws-progress-wrap{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.wws-progress-bar{flex:1;height:6px;background:var(--border);border-radius:99px;overflow:hidden}.wws-progress-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transition:width .4s ease}.wws-progress-label{font-size:.78rem;color:var(--secondary);white-space:nowrap;min-width:54px;text-align:right}.wws-dot-nav{display:flex;gap:.45rem;justify-content:center;margin-bottom:1.75rem;flex-wrap:wrap}.wws-dot{width:10px;height:10px;border-radius:50%;background:var(--border);border:none;cursor:pointer;transition:background .2s,transform .2s;padding:0}.wws-dot:hover{transform:scale(1.2)}.wws-dot--active{background:#3b82f6;transform:scale(1.3)}.wws-dot--got-it{background:#22c55e}.wws-dot--almost{background:#f59e0b}.wws-dot--practice{background:#ef4444}.wws-card{background:var(--entry);border:1px solid var(--border);border-radius:16px;padding:2rem 1.75rem 1.75rem;margin-bottom:1.25rem}.wws-card-emoji{font-size:2.6rem;line-height:1;margin-bottom:.9rem}.wws-card-label{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#3b82f6;margin-bottom:.45rem}.wws-situation{font-size:1.08rem;line-height:1.65;color:var(--primary)}.wws-input-area{margin:1.25rem 0 .75rem}.wws-input-label{font-size:.75rem;color:var(--secondary);margin-bottom:.5rem;display:block}.wws-textarea{width:100%;min-height:88px;box-sizing:border-box;background:var(--code-bg,rgba(0,0,0,.1));border:1.5px solid var(--border);border-radius:10px;padding:.85rem 1rem;font-size:1.15rem;line-height:1.65;color:var(--primary);resize:vertical;font-family:inherit;transition:border-color .15s}.wws-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.15)}.wws-textarea::placeholder{color:var(--secondary);opacity:.55}.wws-chips-label{font-size:.71rem;color:var(--secondary);letter-spacing:.04em;margin-bottom:.45rem;display:block}.wws-chips{display:flex;flex-wrap:wrap;gap:.38rem .42rem;margin-bottom:1.1rem}.wws-chip{display:inline-flex;align-items:baseline;gap:.28rem;background:var(--border);border:1px solid transparent;border-radius:20px;padding:.26rem .72rem;cursor:pointer;font-size:.87rem;transition:background .14s,border-color .14s,transform .1s;user-select:none}.wws-chip:hover{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.5)}.wws-chip:active{transform:scale(.95)}.wws-chip--lit{background:rgba(59,130,246,.18);border-color:#3b82f6}.wws-chip-jp{font-weight:600;color:var(--primary)}.wws-chip-en{font-size:.73rem;color:var(--secondary)}.wws-actions{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin-bottom:1.1rem}.wws-btn{padding:.6rem 1.25rem;border-radius:8px;border:none;font-size:.88rem;font-weight:600;cursor:pointer;transition:opacity .15s,background .15s,color .15s}.wws-btn--check{background:#3b82f6;color:#fff}.wws-btn--check:hover{background:#2563eb}.wws-btn--hint{background:var(--border);color:var(--secondary)}.wws-btn--hint:hover{color:var(--primary)}.wws-btn--next{background:#22c55e;color:#fff}.wws-btn--next:hover{background:#16a34a}.wws-btn--restart{background:#8b5cf6;color:#fff}.wws-btn--restart:hover{background:#7c3aed}.wws-btn--skip{background:0 0;border:1px solid var(--border);color:var(--secondary);font-size:.78rem;padding:.5rem .9rem}.wws-btn--skip:hover{color:var(--primary);border-color:var(--primary)}.wws-btn:disabled{opacity:.38;cursor:default}.wws-hint-box{display:none;background:rgba(59,130,246,7%);border:1px solid rgba(59,130,246,.25);border-radius:10px;padding:.85rem 1.1rem;font-size:.87rem;color:var(--secondary);line-height:1.6;margin-bottom:1.1rem}.wws-hint-box.wws-vis{display:block}.wws-hint-num{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#3b82f6;margin-bottom:.28rem}.wws-answers{display:none;border-top:1px solid var(--border);padding-top:1.4rem;margin-top:.75rem}.wws-answers.wws-vis{display:block}.wws-answers-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--secondary);margin-bottom:.9rem}.wws-answer-block{background:rgba(34,197,94,6%);border:1px solid rgba(34,197,94,.22);border-radius:10px;padding:.88rem 1.1rem;margin-bottom:.6rem}.wws-answer-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#22c55e;margin-bottom:.32rem}.wws-answer-jp{font-size:1.22rem;font-weight:600;color:var(--primary);margin-bottom:.18rem}.wws-answer-romaji{font-size:.79rem;color:var(--secondary);margin-bottom:.12rem}.wws-answer-en{font-size:.81rem;color:var(--secondary);font-style:italic}.wws-grammar{margin-top:1.2rem;border-top:1px solid var(--border);padding-top:1rem}.wws-grammar-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--secondary);margin-bottom:.7rem}.wws-grammar-item{display:flex;gap:.7rem;margin-bottom:.6rem;align-items:flex-start}.wws-grammar-term{font-weight:700;color:#8b5cf6;white-space:nowrap;min-width:68px;font-size:.91rem;padding-top:.06rem}.wws-grammar-note{font-size:.83rem;color:var(--secondary);line-height:1.6}.wws-assess{display:none;margin-top:1.4rem;padding-top:1.15rem;border-top:1px solid var(--border)}.wws-assess.wws-vis{display:block}.wws-assess-title{font-size:.78rem;color:var(--secondary);margin-bottom:.7rem}.wws-assess-btns{display:flex;gap:.55rem;flex-wrap:wrap}.wws-assess-btn{padding:.52rem 1.05rem;border-radius:8px;border:1px solid var(--border);background:var(--entry);color:var(--primary);font-size:.83rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.wws-assess-btn--got-it{border-color:#22c55e;color:#22c55e}.wws-assess-btn--got-it.wws-chosen,.wws-assess-btn--got-it:hover{background:rgba(34,197,94,.12)}.wws-assess-btn--almost{border-color:#f59e0b;color:#f59e0b}.wws-assess-btn--almost.wws-chosen,.wws-assess-btn--almost:hover{background:rgba(245,158,11,.12)}.wws-assess-btn--practice{border-color:#ef4444;color:#ef4444}.wws-assess-btn--practice.wws-chosen,.wws-assess-btn--practice:hover{background:rgba(239,68,68,.12)}.wws-assess-note{font-size:.8rem;color:var(--secondary);margin-top:.55rem}.wws-next-row{display:none;margin-top:1.2rem;justify-content:flex-end;gap:.6rem}.wws-next-row.wws-vis{display:flex}.wws-complete{display:none;text-align:center;padding:3rem 1rem}.wws-complete.wws-vis{display:block}.wws-complete-icon{font-size:4rem;margin-bottom:.9rem}.wws-complete-title{font-size:1.6rem;font-weight:900;color:var(--primary);margin-bottom:.5rem}.wws-complete-sub{font-size:.95rem;color:var(--secondary);margin-bottom:2rem;line-height:1.7}.wws-complete-stats{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;margin-bottom:2rem}.wws-stat-block{text-align:center}.wws-stat-num{font-size:2.2rem;font-weight:900}.wws-stat-num--got{color:#22c55e}.wws-stat-num--almost{color:#f59e0b}.wws-stat-num--practice{color:#ef4444}.wws-stat-lbl{font-size:.73rem;color:var(--secondary);text-transform:uppercase;letter-spacing:.08em}@media(max-width:640px){.wws-card{padding:1.4rem 1.1rem 1.25rem}.wws-situation{font-size:1rem}.wws-answer-jp{font-size:1.08rem}.wws-complete-stats{gap:1.25rem}}.lc-banner{display:flex;align-items:center;gap:1.5rem;background:linear-gradient(135deg,rgba(192,57,43,8%) 0%,rgba(192,57,43,4%) 100%);border:1px solid rgba(192,57,43,.22);border-radius:14px;padding:1.5rem 1.75rem;margin:1.75rem 0;text-decoration:none;color:inherit;transition:border-color .18s,box-shadow .18s,transform .18s}.lc-banner:hover{border-color:rgba(192,57,43,.5);box-shadow:0 4px 28px rgba(192,57,43,.12);transform:translateY(-2px);text-decoration:none;color:inherit}.lc-banner-icon{font-size:2.8rem;line-height:1;flex-shrink:0}.lc-banner-body{flex:1;min-width:0}.lc-banner-label{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#c0392b;margin-bottom:.3rem}.lc-banner-title{font-size:1.15rem;font-weight:800;color:var(--primary);margin-bottom:.3rem;line-height:1.25}.lc-banner-desc{font-size:.85rem;color:var(--secondary);line-height:1.55}.lc-banner-cta{flex-shrink:0;display:inline-flex;align-items:center;gap:.4rem;background:#c0392b;color:#fff;border-radius:8px;padding:.62rem 1.2rem;font-size:.85rem;font-weight:700;white-space:nowrap}.lc-banner:hover .lc-banner-cta{background:#96281b}@media(max-width:560px){.lc-banner{flex-direction:column;align-items:flex-start;gap:1rem}.lc-banner-cta{width:100%;justify-content:center}}.wws-suggest{display:flex;flex-wrap:wrap;gap:.28rem;margin-top:.42rem}.wws-suggest:empty{display:none}.wws-suggest-pill{display:inline-flex;align-items:baseline;gap:.26rem;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.38);border-radius:14px;padding:.2rem .62rem;cursor:pointer;font-size:.85rem;transition:background .12s;animation:wws-pop-in .11s ease}.wws-suggest-pill:hover{background:rgba(59,130,246,.22)}.wws-suggest-jp{font-weight:600;color:var(--primary)}.wws-suggest-en{font-size:.7rem;color:var(--secondary)}@keyframes wws-pop-in{from{transform:scale(.88);opacity:0}to{transform:scale(1);opacity:1}}.wws-grade-wrap{display:none;align-items:center;gap:1rem;background:var(--entry);border:1px solid var(--border);border-radius:10px;padding:.85rem 1rem;margin-bottom:1.1rem}.wws-grade-wrap.wws-vis{display:flex}.wws-grade-badge{font-size:1.55rem;font-weight:900;width:46px;height:46px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid}.wws-grade-badge--S{color:#fbbf24;border-color:#fbbf24;background:rgba(251,191,36,.1)}.wws-grade-badge--A{color:#22c55e;border-color:#22c55e;background:rgba(34,197,94,.1)}.wws-grade-badge--B{color:#3b82f6;border-color:#3b82f6;background:rgba(59,130,246,.1)}.wws-grade-badge--C{color:#f59e0b;border-color:#f59e0b;background:rgba(245,158,11,.1)}.wws-grade-badge--D{color:#ef4444;border-color:#ef4444;background:rgba(239,68,68,.1)}.wws-grade-score{font-size:.74rem;color:var(--secondary);margin-bottom:.2rem}.wws-grade-msg{font-size:.86rem;color:var(--primary);line-height:1.45}.wws-assess-btn.wws-pre-select{box-shadow:0 0 0 2px currentColor}.wws-pre-label{font-size:.67em;opacity:.6;margin-left:.3em}.sh-wrap{max-width:700px;margin:0 auto;padding:.5rem 1rem 2rem}.sh-intro{text-align:center;color:var(--secondary);font-size:.95rem;margin-bottom:1.5rem}.sh-cats{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.sh-cat-btn{padding:.32rem .85rem;border-radius:99px;border:1.5px solid var(--border);background:0 0;color:var(--content);cursor:pointer;font-size:.82rem;transition:all .18s}.sh-cat-btn:hover{border-color:var(--primary);color:var(--primary)}.sh-cat-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.sh-card{background:var(--code-bg);border-radius:16px;padding:1.8rem 1.6rem;margin-bottom:1.2rem}.sh-sentence{text-align:center;margin-bottom:1.6rem}.sh-jp{font-size:2rem;font-weight:700;letter-spacing:.06em;line-height:1.2}.sh-en{font-size:.97rem;color:var(--secondary);margin-top:.35rem}.sh-cat-badge{display:inline-block;font-size:.73rem;padding:.18rem .65rem;border-radius:99px;background:rgba(128,128,180,.12);color:#88a;margin-top:.55rem}.sh-controls{display:flex;gap:.9rem;justify-content:center;margin-bottom:.8rem}.sh-btn{padding:.55rem 1.3rem;border-radius:8px;border:none;cursor:pointer;font-size:.97rem;font-weight:600;transition:all .18s}.sh-btn-play{background:#1e3a6e;color:#8af}.sh-btn-play:hover:not(:disabled){background:#254a88}.sh-btn-rec{background:#6e1e1e;color:#f88}.sh-btn-rec:hover:not(:disabled){background:#882525}.sh-btn:disabled{opacity:.38;cursor:not-allowed}@keyframes sh-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.97)}}.sh-recording{animation:sh-pulse .9s ease-in-out infinite}@keyframes sh-ready-flash{0%,100%{box-shadow:0 0 rgba(100,200,100,0)}50%{box-shadow:0 0 0 6px rgba(100,200,100,.3)}}.sh-ready-flash{animation:sh-ready-flash 1.1s ease-in-out infinite}.sh-hint{text-align:center;font-size:.88rem;color:var(--secondary);min-height:1.3rem;margin-bottom:.9rem}.sh-waves{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.sh-canvas-wrap canvas{display:block;width:100%;height:80px;border-radius:8px;background:#12121e}.sh-results{margin:.8rem 0 .6rem}.sh-score-row{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:.6rem}.sh-score-pill{padding:.5rem 1.1rem;border-radius:10px;text-align:center;min-width:80px}.sh-score-pill strong{display:block;font-size:1.5rem;font-weight:800;line-height:1}.sh-score-pill span{font-size:.72rem;opacity:.7}.sh-score-timing{background:rgba(40,160,90,.12);color:#4c8}.sh-score-rhythm{background:rgba(60,100,200,.12);color:#69e}.sh-score-detail{text-align:center;font-size:.88rem;color:var(--secondary);margin-bottom:.35rem}.sh-score-verdict{text-align:center;font-size:.94rem;color:var(--content)}.sh-actions{display:none;gap:.9rem;justify-content:center;margin-top:1rem}.sh-btn-secondary{background:0 0;border:1.5px solid var(--border);color:var(--content);padding:.5rem 1.2rem;border-radius:8px;cursor:pointer;font-size:.93rem;transition:border-color .18s}.sh-btn-secondary:hover{border-color:var(--primary)}.sh-btn-primary{background:var(--primary);color:#fff;border:none;padding:.5rem 1.4rem;border-radius:8px;cursor:pointer;font-size:.93rem;font-weight:600}.sh-dots{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;margin-top:.5rem}.sh-dot{width:11px;height:11px;border-radius:50%;background:#2a2a3e;cursor:pointer;transition:background .2s;border:1.5px solid #335}.sh-dot.visited{background:#346;border-color:#46a}.sh-dot.current{background:var(--primary);border-color:var(--primary)}.sh-perm-err{background:rgba(200,60,60,8%);border:1px solid rgba(200,60,60,.25);border-radius:8px;padding:.8rem 1rem;text-align:center;color:#c77;font-size:.9rem;margin:.5rem 0}.ir-wrap{max-width:760px;margin:0 auto;padding:.5rem 1rem 2.5rem}.ir-intro{color:var(--secondary);font-size:.95rem;margin-bottom:1.4rem;text-align:center}.ir-cats{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.ir-cat-btn{padding:.3rem .85rem;border-radius:99px;border:1.5px solid var(--border);background:0 0;color:var(--content);cursor:pointer;font-size:.82rem;transition:all .18s}.ir-cat-btn:hover{border-color:var(--primary);color:var(--primary)}.ir-cat-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.ir-loading{text-align:center;color:var(--secondary);padding:2rem;font-size:.95rem}.ir-card{background:var(--code-bg);border-radius:16px;padding:1.8rem 1.8rem 1.4rem;margin-bottom:1rem}.ir-meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:.8rem}.ir-source{font-size:.75rem;color:#668;font-style:italic}.ir-date{font-size:.75rem;color:#557}.ir-cat-badge{font-size:.72rem;padding:.15rem .6rem;border-radius:99px;background:rgba(128,128,180,.12);color:#88a}.ir-title{font-size:1.35rem;font-weight:700;line-height:1.35;margin:0 0 1rem;color:var(--content)}.ir-text{font-size:1.12rem;line-height:2;color:var(--content);margin-bottom:1.6rem;letter-spacing:.02em}.ir-kanji{cursor:pointer;border-bottom:1.5px dotted rgba(120,160,255,.5);transition:color .15s,border-color .15s;border-radius:2px;padding:0 1px}.ir-kanji:hover,.ir-kanji--active{color:#8af;border-bottom-color:#8af;background:rgba(100,140,255,8%)}.ir-tip{position:fixed;z-index:9999;background:#1a1a2e;color:#cce;border:1px solid #346;border-radius:6px;padding:.3rem .7rem;font-size:.84rem;line-height:1.4;max-width:220px;pointer-events:none;box-shadow:0 4px 16px rgba(0,0,0,.4)}.ir-task{border-top:1px solid rgba(255,255,255,6%);padding-top:1.2rem}.ir-task-label{font-size:.95rem;color:var(--secondary);margin-bottom:.7rem;font-weight:500}.ir-summary{width:100%;box-sizing:border-box;background:rgba(255,255,255,4%);border:1.5px solid var(--border);border-radius:8px;padding:.7rem .9rem;color:var(--content);font-size:.97rem;line-height:1.55;resize:vertical;min-height:100px;font-family:inherit;transition:border-color .2s}.ir-summary:focus{outline:none;border-color:var(--primary)}.ir-summary:disabled{opacity:.55}.ir-submit{margin-top:.75rem;padding:.55rem 1.4rem;background:var(--primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.97rem;font-weight:600;transition:opacity .18s}.ir-submit:hover:not(:disabled){opacity:.85}.ir-submit:disabled{opacity:.4;cursor:not-allowed}.ir-results{background:var(--code-bg);border-radius:16px;padding:1.6rem 1.8rem;margin-bottom:1rem}.ir-score-header{display:flex;align-items:center;gap:1.2rem;margin-bottom:1rem}.ir-score-num{font-size:2.4rem;font-weight:900;color:var(--primary);line-height:1;white-space:nowrap}.ir-score-num span{font-size:1.2rem;font-weight:400;color:var(--secondary)}.ir-score-pct{font-size:1rem;font-weight:700;margin-bottom:.25rem}.ir-score-verdict{font-size:.9rem;color:var(--secondary)}.ir-keywords{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.2rem}.ir-kw{padding:.2rem .65rem;border-radius:99px;font-size:.8rem;font-weight:500}.ir-kw--hit{background:rgba(60,180,100,.14);color:#5c8;border:1px solid rgba(60,180,100,.25)}.ir-kw--miss{background:rgba(180,60,60,8%);color:#a66;border:1px solid rgba(180,60,60,.2);text-decoration:line-through}.ir-model-answer{margin-bottom:1.2rem}.ir-model-label{font-size:.82rem;color:#668;margin-bottom:.4rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.ir-model-text{font-size:.95rem;color:var(--content);line-height:1.6;background:rgba(255,255,255,3%);border-left:3px solid var(--primary);padding:.6rem .9rem;border-radius:0 6px 6px 0}.ir-actions{display:flex;gap:.9rem;justify-content:center}.ir-btn-secondary{background:0 0;border:1.5px solid var(--border);color:var(--content);padding:.5rem 1.2rem;border-radius:8px;cursor:pointer;font-size:.93rem;transition:border-color .18s}.ir-btn-secondary:hover{border-color:var(--primary)}.ir-btn-primary{background:var(--primary);color:#fff;border:none;padding:.5rem 1.4rem;border-radius:8px;cursor:pointer;font-size:.93rem;font-weight:600}.ir-dots{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;margin-top:.5rem}.ir-dot{width:11px;height:11px;border-radius:50%;background:#2a2a3e;cursor:pointer;transition:background .2s;border:1.5px solid #335}.ir-dot.visited{background:#346;border-color:#46a}.ir-dot.current{background:var(--primary);border-color:var(--primary)}@media(max-width:600px){.ir-title{font-size:1.1rem}.ir-text{font-size:1.05rem;line-height:1.95}.ir-card,.ir-results{padding:1.2rem 1rem}}.ir-kanji--unknown{border-bottom-color:rgba(120,160,255,.2);cursor:alias}.ir-kanji--unknown:hover,.ir-kanji--unknown.ir-kanji--active{color:#abd;border-bottom-color:rgba(120,160,255,.4);background:rgba(100,140,255,4%)}.sf-wrap{max-width:720px;margin:0 auto;padding:.5rem 1rem 2.5rem}.sf-intro{color:var(--secondary);font-size:.95rem;text-align:center;margin-bottom:1.2rem}.sf-cats{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;margin-bottom:.8rem}.sf-cat-btn{padding:.28rem .8rem;border-radius:99px;border:1.5px solid var(--border);background:0 0;color:var(--content);cursor:pointer;font-size:.8rem;transition:all .18s}.sf-cat-btn:hover{border-color:var(--primary);color:var(--primary)}.sf-cat-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.sf-progress-bar{height:3px;background:rgba(255,255,255,6%);border-radius:99px;margin-bottom:1.2rem;overflow:hidden}.sf-progress-fill{height:100%;background:var(--primary);border-radius:99px;width:0;transition:width .4s ease}.sf-card{background:var(--code-bg);border-radius:16px;padding:1.8rem 1.6rem 1.4rem;margin-bottom:1rem}.sf-type-row{display:flex;align-items:center;gap:.55rem;margin-bottom:.55rem}.sf-type-label{font-size:.78rem;color:#779;font-weight:500}.sf-level-badge{font-size:.68rem;font-weight:700;padding:.1rem .55rem;border-radius:99px;color:#fff;letter-spacing:.03em}.sf-focus{font-size:1.6rem;font-weight:800;letter-spacing:.04em;color:var(--primary);margin-bottom:.4rem;line-height:1.25}.sf-instruction{font-size:.95rem;color:var(--content);margin-bottom:.75rem;line-height:1.5}.sf-hint-row{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin-bottom:.5rem}.sf-pattern-badge{font-size:.8rem;padding:.22rem .75rem;border-radius:6px;background:rgba(100,130,255,.1);color:#8ae;font-family:monospace;border:1px solid rgba(100,130,255,.2)}.sf-example-btn{background:0 0;border:none;color:var(--secondary);cursor:pointer;font-size:.82rem;padding:0;text-decoration:underline dotted}.sf-example{font-size:.92rem;color:var(--content);line-height:1.55;background:rgba(255,255,255,4%);border-left:3px solid var(--primary);padding:.5rem .85rem;border-radius:0 6px 6px 0;margin-top:.4rem;margin-bottom:.3rem}.sf-input-area{margin-top:1.3rem}.sf-textarea-wrap{position:relative;margin-bottom:.7rem}.sf-input{width:100%;box-sizing:border-box;background:rgba(255,255,255,4%);border:1.5px solid var(--border);border-radius:8px;padding:.75rem 3rem .75rem .9rem;color:var(--content);font-size:1.05rem;line-height:1.6;resize:vertical;min-height:80px;font-family:inherit;transition:border-color .2s}.sf-input:focus{outline:none;border-color:var(--primary)}.sf-input:disabled{opacity:.55}.sf-mic{position:absolute;right:.6rem;top:.6rem;background:0 0;border:none;font-size:1.15rem;cursor:pointer;opacity:.6;transition:opacity .18s;padding:.2rem}.sf-mic:hover{opacity:1}@keyframes sf-mic-pulse{0%,100%{opacity:1}50%{opacity:.4}}.sf-mic-active{animation:sf-mic-pulse .8s infinite;opacity:1!important}.sf-mic-err{font-size:.83rem;color:#c77;margin-top:.3rem}.sf-chips-label{font-size:.78rem;color:#668;margin-bottom:.5rem}.sf-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.9rem}.sf-chip{display:flex;flex-direction:column;align-items:center;padding:.3rem .75rem;border-radius:8px;cursor:pointer;background:rgba(100,130,255,8%);border:1.5px solid rgba(100,130,255,.18);transition:all .18s;user-select:none}.sf-chip:hover{background:rgba(100,130,255,.16);border-color:rgba(100,130,255,.35)}.sf-chip:active{transform:scale(.96)}.sf-chip[draggable=true]{cursor:grab}.sf-chip[draggable=true]:active{cursor:grabbing}.sf-chip-jp{font-size:.92rem;color:#abf;font-weight:500}.sf-chip-en{font-size:.68rem;color:#668;margin-top:.1rem}.sf-grade-result{display:flex;gap:1rem;align-items:flex-start;background:rgba(255,255,255,3%);border-radius:10px;padding:.9rem 1rem;margin:.8rem 0 .6rem}.sf-grade-badge{font-size:1.8rem;font-weight:900;width:52px;height:52px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:2px solid;flex-shrink:0}.sf-grade-badge--S{color:#a78bfa;background:rgba(167,139,250,.1)}.sf-grade-badge--A{color:#34d399;background:rgba(52,211,153,.1)}.sf-grade-badge--B{color:#60a5fa;background:rgba(96,165,250,.1)}.sf-grade-badge--C{color:#fb923c;background:rgba(251,146,60,.1)}.sf-grade-badge--D{color:#f87171;background:rgba(248,113,113,.1)}.sf-grade-detail{flex:1}.sf-grade-score{font-size:.8rem;color:var(--secondary);margin-bottom:.25rem}.sf-grade-verdict{font-size:.93rem;color:var(--content);line-height:1.45;margin-bottom:.35rem}.sf-grade-chips-used{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.35rem}.sf-cu-tag{font-size:.75rem;padding:.1rem .5rem;border-radius:99px;background:rgba(52,211,153,.1);color:#34d399;border:1px solid rgba(52,211,153,.2)}.sf-card-actions{margin-top:.6rem}.sf-submit{padding:.55rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.97rem;font-weight:600;transition:opacity .18s}.sf-submit:hover:not(:disabled){opacity:.85}.sf-submit:disabled{opacity:.35;cursor:not-allowed}.sf-models-wrap{margin-top:1rem}.sf-models-label{font-size:.78rem;color:#668;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.55rem}.sf-model-item{margin-bottom:.7rem;padding:.6rem .9rem;background:rgba(255,255,255,3%);border-radius:8px;border-left:3px solid rgba(100,130,255,.35)}.sf-model-jp{font-size:1rem;color:var(--content);margin-bottom:.18rem}.sf-model-en{font-size:.83rem;color:var(--secondary)}.sf-nav-row{display:none;gap:.9rem;margin-top:1rem;flex-wrap:wrap;justify-content:center}.sf-btn-secondary{background:0 0;border:1.5px solid var(--border);color:var(--content);padding:.5rem 1.2rem;border-radius:8px;cursor:pointer;font-size:.93rem;transition:border-color .18s}.sf-btn-secondary:hover{border-color:var(--primary)}.sf-btn-primary{background:var(--primary);color:#fff;border:none;padding:.5rem 1.4rem;border-radius:8px;cursor:pointer;font-size:.93rem;font-weight:600}.sf-dots{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;margin-top:.8rem}.sf-dot{width:11px;height:11px;border-radius:50%;background:#2a2a3e;cursor:pointer;transition:all .2s;border:1.5px solid #335}.sf-dot.current{box-shadow:0 0 0 2.5px var(--primary);border-color:var(--primary)}@media(max-width:560px){.sf-focus{font-size:1.3rem}.sf-card{padding:1.2rem 1rem}.sf-grade-result{flex-direction:column;align-items:center;text-align:center}.sf-grade-chips-used{justify-content:center}}.widget-demo{margin:1.5rem 0 2rem;padding:1.2rem;border-radius:16px;background:var(--entry);border:1px solid var(--border)}.widget-demo-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.widget-demo-badge{font-size:.7rem;font-weight:700;letter-spacing:.08em;color:var(--theme);background:var(--primary);padding:.25rem .6rem;border-radius:6px}.widget-demo-date{font-size:.85rem;color:var(--secondary)}.widget-demo-screen{display:flex;flex-wrap:wrap;gap:.9rem;justify-content:center;padding:1.5rem;border-radius:14px;background:linear-gradient(160deg,#2b2b3d 0%,#14141f 100%)}.wd-widget{background:#0e0e10;border-radius:22px;padding:14px 16px 12px;display:flex;flex-direction:column;box-shadow:0 8px 24px rgba(0,0,0,.35);font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,sans-serif;overflow:hidden}.wd-small{width:155px;height:155px}.wd-medium{width:330px;height:155px}.wd-label{font-size:.6rem;font-weight:700;letter-spacing:.06em;color:#c0392b}.wd-jp-big{font-size:2.6rem;font-weight:700;color:#fff;line-height:1.05;margin-top:8px}.wd-jp-phrase{font-size:1.3rem;font-weight:700;color:#fff;margin-top:10px;line-height:1.25}.wd-rd{font-size:.8rem;color:rgba(255,255,255,.55);margin-top:2px}.wd-rd-italic{font-style:italic}.wd-en{font-size:.9rem;font-weight:500;color:#fff;margin-top:4px}.wd-en-phrase{color:rgba(255,255,255,.8)}.wd-k{font-size:3.2rem;font-weight:700;color:#fff;line-height:1;margin-top:4px}.wd-readings{font-size:.65rem;color:rgba(255,255,255,.6);margin-top:4px}.wd-foot{margin-top:auto;font-size:.55rem;color:rgba(255,255,255,.2);white-space:nowrap}.widget-demo-caption{margin-top:1rem;font-size:.85rem;color:var(--secondary);text-align:center}@media(max-width:480px){.wd-small{width:145px;height:145px}.wd-medium{width:100%;max-width:290px;height:145px}.wd-jp-big{font-size:2.1rem}.wd-k{font-size:2.6rem}.wd-label{font-size:.55rem;white-space:nowrap}.wd-foot{font-size:.5rem}}