@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}ul{box-sizing:border-box}.wp-block-table table{border-collapse:collapse;width:100%}.wp-block-table thead{border-bottom:3px solid}.wp-block-table td,.wp-block-table th{border:1px solid;padding:.5em}.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th{word-break:break-word}.entry-content{counter-reset:footnotes}:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-text-align-center{text-align:center}.screen-reader-text:focus{font-size:1em}:where(figure){margin:0 0 1em}.wp-block-table{overflow-x:auto}.wp-block-table .has-fixed-layout{table-layout:fixed;width:100%}:root{--wp--preset--aspect-ratio--square:1;--wp--preset--aspect-ratio--4-3:4/3;--wp--preset--aspect-ratio--3-4:3/4;--wp--preset--aspect-ratio--3-2:3/2;--wp--preset--aspect-ratio--2-3:2/3;--wp--preset--aspect-ratio--16-9:16/9;--wp--preset--aspect-ratio--9-16:9/16;--wp--preset--color--black:#000000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#ffffff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--color--contrast:var(--contrast);--wp--preset--color--contrast-2:var(--contrast-2);--wp--preset--color--contrast-3:var(--contrast-3);--wp--preset--color--base:var(--base);--wp--preset--color--base-2:var(--base-2);--wp--preset--color--base-3:var(--base-3);--wp--preset--color--accent:var(--accent);--wp--preset--color--accent-3:var(--accent-3);--wp--preset--color--accent-4:var(--accent-4);--wp--preset--color--accent-5:var(--accent-5);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small:13px;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:36px;--wp--preset--font-size--x-large:42px;--wp--preset--spacing--20:0.44rem;--wp--preset--spacing--30:0.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined:6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp:6px 6px 0px rgb(0, 0, 0)}@font-face{font-display:swap;font-family:"FontAwesome";src:url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0)format("embedded-opentype"),url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0)format("woff2"),url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0)format("woff"),url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0)format("truetype"),url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular)format("svg");font-weight:400;font-style:normal}.footer-bar-active .footer-bar .widget{padding:0}.footer-bar .widget_nav_menu>div>ul{display:flex;align-items:center;flex-wrap:wrap}.footer-bar .widget_nav_menu li{margin:0 10px;padding:0}.footer-bar .widget_nav_menu li:first-child{margin-left:0}.footer-bar .widget_nav_menu li:last-child{margin-right:0}.footer-bar .widget_nav_menu li ul{display:none}.footer-bar-align-right .copyright-bar{order:-20;margin-right:auto}@media (max-width:768px){.footer-bar-active .inside-site-info{flex-direction:column}.footer-bar-active .footer-bar{margin-bottom:10px}.footer-bar .widget_nav_menu>div>ul{justify-content:center}.footer-bar .widget_nav_menu li{padding:5px 0}.footer-bar .widget_nav_menu li:first-child{margin-left:10px}.footer-bar .widget_nav_menu li:last-child{margin-right:10px}.footer-bar-align-right .copyright-bar{order:unset;margin-right:0}}body,html,li{margin:0}body,figure,h1,h2,h3,html,li,p,ul{padding:0;border:0}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;scroll-behavior:smooth}.main-navigation ul ul a,main{display:block}::after,::before{box-sizing:inherit}button,input{margin:0}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}body,button,h1,h2,h3,input{text-transform:none;font-weight:400}body,button,input{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:17px}button,input{line-height:1.5}p{margin:0 0 1.5em}h1,h2,h3{font-style:inherit;margin:0 0 20px;font-family:inherit;font-size:60px;line-height:1.05em}table,td,th{border:1px solid rgba(0,0,0,.1)}table{border-collapse:separate;border-spacing:0;border-width:1px 0 0 1px;margin:0 0 1.5em;width:100%}td,th{padding:8px;border-width:0 1px 1px 0}h2,h3{font-size:50px;line-height:1em}h3{font-size:29px;line-height:1.2em;font-weight:300}ul{margin:0 0 1.5em 3em;list-style:disc}li>ul{margin-bottom:0;margin-left:1.5em}strong,th{font-weight:700}kbd{font:15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}figure{margin:0}img{height:auto;max-width:100%}button{background:#55555e;border:1px solid transparent;cursor:pointer;-webkit-appearance:button;padding:10px 20px}input[type=text]{border:1px solid;border-radius:0;padding:10px 15px;max-width:100%;color:var(--contrast);background-color:var(--base-2);border-color:var(--base)}a,button,input{transition:color .1s ease-in-out,background-color .1s ease-in-out}a{text-decoration:none}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.main-navigation{z-index:100;padding:0;clear:both;display:block}.main-navigation a{display:block;font-weight:400;text-transform:none;font-size:15px}.main-navigation ul{list-style:none;margin:0;padding-left:0}.main-navigation .main-nav ul li a{padding-left:20px;padding-right:20px;line-height:60px}.inside-navigation,.main-navigation li,.site-header{position:relative}.main-navigation .inside-navigation{justify-content:space-between}.main-navigation .inside-navigation,.main-navigation .main-nav>ul{display:flex;flex-wrap:wrap;align-items:center}.main-navigation ul ul{display:block;box-shadow:1px 1px 0 rgba(0,0,0,.1);float:left;position:absolute;left:-99999px;opacity:0;z-index:99999;width:200px;text-align:left;top:auto;transition:opacity 80ms linear;transition-delay:0s;pointer-events:none;height:0;overflow:hidden}.main-navigation ul ul li{width:100%}.main-navigation .main-nav ul ul li a{line-height:normal;padding:10px 20px;font-size:14px}.main-navigation .main-nav ul li.menu-item-has-children>a{padding-right:0;position:relative}.main-navigation:not(.toggled) ul li:hover>ul{left:auto;opacity:1;transition-delay:150ms;pointer-events:auto;height:auto;overflow:visible}.menu-item-has-children .dropdown-menu-toggle{display:inline-block;height:100%;clear:both;padding-right:20px;padding-left:10px}.nav-links>:first-child{padding-left:0}.site-logo{display:inline-block;max-width:100%}.site-header .header-image{vertical-align:middle}.inside-header{display:flex;align-items:center}.nav-float-right #site-navigation{margin-left:auto}.site-content{word-wrap:break-word;display:flex}.entry-content>p:last-child{margin-bottom:0}.full-width-content.no-sidebar.separate-containers .site-main,.widget ul{margin:0}.widget ul li{list-style-type:none;position:relative;margin-bottom:.5em}.widget ul li ul{margin-left:1em;margin-top:.5em}.grid-container{margin-left:auto;margin-right:auto}.separate-containers .inside-article{padding:40px}.separate-containers.no-sidebar .site-main{margin-left:0;margin-right:0}.separate-containers .site-main>:last-child{margin-bottom:0}.full-width-content .container.grid-container{max-width:100%}.full-width-content.separate-containers .inside-article{padding:0}.inside-site-info{display:flex;align-items:center;justify-content:center;padding:20px 40px}.site-info{text-align:center;font-size:15px}.gp-icon{display:inline-flex;align-self:center}.gp-icon svg{height:1em;width:1em;top:.125em;position:relative;fill:currentColor}.icon-menu-bars svg:nth-child(2){display:none}.container.grid-container{width:auto}.menu-toggle{display:none;padding:0 20px;line-height:60px;margin:0;font-weight:400;text-transform:none;font-size:15px;cursor:pointer}button.menu-toggle{background-color:transparent;flex-grow:1;border:0;text-align:center}button.menu-toggle:active,button.menu-toggle:focus,button.menu-toggle:hover{background-color:transparent}.mobile-menu-control-wrapper{display:none;margin-left:auto;align-items:center}@media (max-width:768px){a,body,button,input{transition:all 0s ease-in-out}.inside-header{text-align:center}.inside-header,.site-content{flex-direction:column}.container .site-content .content-area{width:auto}#main{margin-left:0;margin-right:0}}body{background-color:var(--base-2)}.nav-logo span,a,h1.hero-title .accent{color:var(--accent)}a:focus,a:hover{text-decoration:underline}.main-navigation a{text-decoration:none}a:active,a:focus,a:hover,button.menu-toggle:focus,button.menu-toggle:hover{color:var(--contrast)}.grid-container{max-width:1300px}@media (max-width:767px) and (min-width:769px){.inside-header{display:flex;flex-direction:column;align-items:center}.site-logo{margin-bottom:1.5em}#site-navigation{margin:0 auto}}.site-header .header-image{width:200px}:root{--contrast:#fff9f9;--contrast-2:#e9e9e9;--contrast-3:#d3d3d3;--base:#687990;--base-2:#39495f;--base-3:#162c46;--accent:#87fbff;--accent-3:#ede8e8;--accent-4:rgba(20,28,77,0.42);--accent-5:#ef7218}@media (max-width:1024px){h1{font-size:50px}}@media (max-width:768px){h1{font-size:40px}}body,button,input{font-family:Arial}.main-navigation,.site-header,.site-info{background-color:var(--base-3)}.mobile-menu-control-wrapper .menu-toggle,.mobile-menu-control-wrapper .menu-toggle:focus,.mobile-menu-control-wrapper .menu-toggle:hover{background-color:rgb(0 0 0/.02)}.main-navigation .main-nav ul li a,.main-navigation .menu-toggle{color:var(--contrast)}.main-navigation .main-nav ul li:not([class*=current-menu-]):focus>a,.main-navigation .main-nav ul li:not([class*=current-menu-]):hover>a{color:var(--accent)}.main-navigation ul ul{background-color:var(--base)}input[type=text]:focus{color:var(--contrast);background-color:var(--base-2);border-color:var(--contrast-3)}button{color:#fff;background-color:#55555e}button:focus,button:hover{color:#fff;background-color:#3f4047}:root{--gp-search-modal-bg-color:var(--base-3);--gp-search-modal-text-color:var(--contrast);--gp-search-modal-overlay-bg-color:rgba(0,0,0,0.2)}.inside-header{padding:10px 40px}.site-main>*{margin-bottom:40px}.separate-containers .site-main{margin:40px}@media (max-width:768px){.separate-containers .inside-article{padding:30px}.inside-header,.inside-site-info{padding-right:30px;padding-left:30px}}.site-content .content-area{width:100%}@media (max-width:768px){.main-navigation .menu-toggle{display:block}.has-inline-mobile-toggle #site-navigation .inside-navigation>:not(.navigation-search):not(.main-nav),.main-navigation ul,.main-navigation:not(.slideout-navigation):not(.toggled) .main-nav>ul{display:none}.has-inline-mobile-toggle .mobile-menu-control-wrapper{display:flex;flex-wrap:wrap}.has-inline-mobile-toggle .inside-header{flex-direction:row;text-align:left;flex-wrap:wrap}.has-inline-mobile-toggle #site-navigation{flex-basis:100%}}h1.gb-headline-c2f83b48{display:flex;align-items:center;justify-content:center;width:50%;text-align:center;padding:80px 30px;margin-bottom:0}.gb-container-f7b93464{position:relative;overflow-x:hidden;overflow-y:hidden;border-bottom:1px solid var(--accent)}.gb-container-d6fa05ef{height:100%;max-width:1300px;display:flex;z-index:1;position:relative;margin-right:auto;margin-left:auto;border-right:1px dashed var(--accent);border-left:1px dashed var(--accent)}.gb-container-a9ddd195{width:50%;min-height:300px;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:20px 40px}@media (max-width:1024px){.gb-container-d6fa05ef{margin-right:40px;margin-left:40px}.gb-container-a9ddd195{display:flex;flex-direction:column;align-items:center;justify-content:center}}@media (max-width:767px){h1.gb-headline-c2f83b48{width:100%;padding-right:0;padding-bottom:0;padding-left:0}.gb-container-d6fa05ef{flex-direction:column;row-gap:40px;padding-right:30px;padding-left:30px;margin-right:30px;margin-left:30px}.gb-container-a9ddd195{width:100%;min-height:unset;display:block;flex-direction:column;align-items:center;justify-content:center;padding-bottom:40px}}:root{--gb-container-width:1300px}.grid-bg{background-image:linear-gradient(to right,rgb(201 214 254/.2) 1px,transparent 1px),linear-gradient(to bottom,rgb(201 214 254/.2),transparent 1px);background-size:20px 20px;background-attachment:fixed}.inside-header.grid-container{border-inline:1px dashed var(--accent);margin-bottom:-30px;padding-bottom:40px}.site-header{border-bottom:1px solid var(--accent);z-index:100;position:sticky;top:0}@media (max-width:767px){.inside-header{width:calc(100% - 31px - 31px)}}@media (max-width:1024px) and (min-width:768px){.inside-header{width:calc(100% - 40px - 40px)}}:root{--bg:#0a0a0f;--bg2:#111118;--bg3:#1a1a26;--surface:#16161f;--surface2:#1e1e2e;--border:rgba(255,255,255,0.07);--border2:rgba(255,255,255,0.12);--text:#e8e8f0;--text2:#8888a0;--text3:#555568;--accent:#7c6dfa;--accent2:#a89bff;--green:#4ade80;--green-dim:rgba(74,222,128,0.15);--red:#f87171;--red-dim:rgba(248,113,113,0.15);--gold:#fbbf24;--radius:12px;--radius2:20px;--font:'Outfit', sans-serif;--mono:'DM Mono', monospace;--jp:'Noto Sans JP', sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);min-height:100vh;transition:background .3s,color .3s;line-height:1.6}nav{position:sticky;top:0;z-index:100;justify-content:space-between;padding:0 2rem;height:60px;background:rgb(10 10 15/.85);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:background .3s}.nav-links,.nav-logo,nav{display:flex;align-items:center}.nav-logo,body{color:var(--text)}.nav-logo{font-size:1.25rem;font-weight:700;letter-spacing:-.5px;text-decoration:none;gap:8px}.nav-links{gap:4px}.icon-btn,.nav-links a{border-radius:8px;color:var(--text2);cursor:pointer}.nav-links a{font-size:.875rem;font-weight:400;text-decoration:none;padding:6px 12px;border:0;background:0 0;font-family:var(--font);transition:color .2s,background .2s}.nav-links a:hover{color:var(--text);background:var(--surface2)}.icon-btn:hover,.nav-links a.active{color:var(--text)}.icon-btn{width:36px;height:36px;border:1px solid var(--border2);background:var(--surface);display:flex;align-items:center;justify-content:center;transition:all .2s}.icon-btn:hover{border-color:var(--accent)}.page{display:none;min-height:calc(100vh - 60px)}.page.active{display:block}.hero{max-width:900px;margin:0 auto;padding:7rem 2rem 4rem;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border2);padding:5px 14px;border-radius:100px;font-size:.8rem;color:var(--text2);margin-bottom:2rem}.hero-badge .dot{width:6px;height:6px;border-radius:50%;background:var(--green)}h1.hero-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.1;letter-spacing:-2px;margin-bottom:1.25rem}.hero-sub{font-size:1.125rem;color:var(--text2);max-width:560px;margin:0 auto 2.5rem;font-weight:300}.hero-kana{font-family:var(--jp);font-size:clamp(3rem,8vw,6rem);color:var(--text3);letter-spacing:.1em;margin-bottom:3rem;display:block;animation:float 4s ease-in-out infinite}.cta-group{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:5rem}.btn-primary,.feature-card h3{font-size:.95rem;font-weight:600}.btn-primary,.btn-secondary{padding:13px 28px;border-radius:var(--radius);cursor:pointer;font-family:var(--font);transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:var(--accent);color:#fff;border:0}.btn-primary:hover{background:var(--accent2);transform:translateY(-1px)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border2);font-size:.95rem;font-weight:500}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;max-width:900px;margin:0 auto 5rem;padding:0 2rem}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius2);padding:1.5rem;transition:border-color .2s,transform .2s}.feature-card:hover{border-color:var(--border2);transform:translateY(-2px)}.feature-icon{font-size:1.5rem;margin-bottom:.75rem;width:44px;height:44px;background:var(--surface2);border-radius:10px;display:flex;align-items:center;justify-content:center}.feature-card h3{margin-bottom:4px}.feature-card p{font-size:.825rem;color:var(--text2);line-height:1.5}.practice-container{max-width:720px;margin:0 auto;padding:2rem 1.5rem;min-height:calc(100vh - 60px);display:flex;flex-direction:column}.mode-bar{display:flex;gap:8px;margin-bottom:1.5rem;flex-wrap:wrap}.mode-btn{padding:8px 18px;border-radius:10px;border:1px solid var(--border2);background:var(--surface);color:var(--text2);font-size:.85rem;font-weight:500;cursor:pointer;font-family:var(--font);transition:all .2s}.mode-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.mode-btn:hover:not(.active){color:var(--text);border-color:var(--border2);background:var(--surface2)}.stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:1.5rem}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.875rem 1rem;text-align:center}.stat-label{font-size:.7rem;color:var(--text3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;font-weight:500}.stat-value{font-family:var(--mono);font-size:1.25rem;font-weight:500;color:var(--text);transition:color .2s}.stat-value.good{color:var(--green)}.trainer-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius2);padding:3rem 2rem;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;min-height:340px;transition:border-color .15s}.progress-bar-wrap{position:absolute;top:0;left:0;right:0;height:3px;background:var(--border)}.progress-bar-fill{height:100%;background:var(--accent);transition:width .4s ease;border-radius:0 3px 3px 0}.kana-display{font-family:var(--jp);font-size:clamp(5rem,15vw,9rem);font-weight:700;line-height:1;color:var(--text);margin-bottom:.5rem;transition:transform .15s,opacity .15s;user-select:none}.combo-badge,.kana-romanji-hint{font-size:.8rem;font-family:var(--mono)}.kana-romanji-hint{color:var(--text3);margin-bottom:1.5rem;min-height:18px}.combo-badge{position:absolute;top:1rem;right:1rem;background:var(--surface2);border:1px solid var(--border2);border-radius:100px;padding:4px 14px;color:var(--text2);transition:all .3s}.input-wrap{width:100%;max-width:320px;position:relative}.kana-input{width:100%;padding:14px 20px;border-radius:var(--radius);border:2px solid var(--border2);background:var(--bg2);color:var(--text);font-family:var(--mono);font-size:1.25rem;text-align:center;letter-spacing:.1em;outline:0;transition:border-color .15s;caret-color:var(--accent)}.kana-input:focus{border-color:var(--accent)}.input-hint,footer{text-align:center;color:var(--text3)}.input-hint{font-size:.75rem;margin-top:8px}.controls-row{gap:10px;margin-top:1.5rem;justify-content:center;flex-wrap:wrap}.controls-row,.ctrl-btn,.result-overlay{display:flex;align-items:center}.ctrl-btn{padding:9px 20px;border-radius:10px;border:1px solid var(--border2);background:var(--surface);color:var(--text2);font-size:.85rem;font-weight:500;cursor:pointer;font-family:var(--font);transition:all .2s;gap:6px}.ctrl-btn:hover{color:var(--text);border-color:var(--border2);background:var(--surface2)}.ctrl-btn.danger:hover{color:var(--red);border-color:var(--red)}.result-overlay{position:fixed;inset:0;z-index:200;background:rgb(10 10 15/.9);backdrop-filter:blur(10px);justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s}.result-card{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius2);padding:3rem;max-width:480px;width:90%;text-align:center;transform:translateY(20px);transition:transform .3s}.result-emoji{font-size:3rem;margin-bottom:1rem}.about-content h2,.result-title{font-size:2rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-1px}.result-sub{color:var(--text2);font-size:.95rem;margin-bottom:2rem}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:2rem}.result-stat{background:var(--bg2);border-radius:var(--radius);padding:1rem}.kana-table th,.result-stat .label{font-size:.75rem;color:var(--text3);text-transform:uppercase;letter-spacing:.08em}.result-stat .val{font-size:1.5rem;font-family:var(--mono);font-weight:500;margin-top:2px}.about-content{max-width:700px;margin:0 auto;padding:4rem 2rem}.about-content h2{margin-bottom:1.5rem}.about-content h3{font-size:1.1rem;font-weight:600;margin:2rem 0 .75rem}.about-content p{color:var(--text2);margin-bottom:1rem;line-height:1.8}.kana-table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-family:var(--mono);font-size:.875rem}.kana-table th{padding:8px 12px;text-align:left;border-bottom:1px solid var(--border2);font-weight:500}.kana-table td{padding:10px 12px;border-bottom:1px solid var(--border)}.kana-table .kana-cell{font-family:var(--jp);font-size:1.5rem;color:var(--text);line-height:1}.about-content h3,.kana-table .romaji-cell,.streak-text strong{color:var(--accent)}.streak-banner{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,rgb(124 109 250/.15),rgb(251 191 36/.08));border:1px solid rgb(124 109 250/.3);border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:1rem}.achievement-toast .ach-icon,.streak-icon{font-size:1.5rem}.streak-text{font-size:.875rem}.achievement-toast{position:fixed;top:80px;right:1.5rem;z-index:300;background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius);padding:.875rem 1.25rem;display:flex;align-items:center;gap:12px;transform:translateX(120%);transition:transform .3s;max-width:300px}.achievement-toast .ach-text{font-size:.85rem}.achievement-toast .ach-title{font-weight:600;margin-bottom:2px}.achievement-toast .ach-sub{color:var(--text2);font-size:.775rem}footer{padding:2rem;font-size:.8rem;border-top:1px solid var(--border)}@media (max-width:600px){.stats-bar{grid-template-columns:repeat(2,1fr)}.trainer-card{padding:2rem 1.25rem}nav{padding:0 1rem}.nav-links a{display:none}.hero{padding:4rem 1.25rem 2rem}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}