:root{--bg:#7c4dff;--surface:#fff;--surface2:#efeaff;--border:#1a1625;--text:#1a1625;--muted:#5f5873;--mint:#5b2ee0;--greenbg:#e6fbed;--blue:#385da8;--orange:#ff9100;--red:#b42342;--yellow:#875100;--radius:20px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1a1625;--primary:#7c4dff;--primary-strong:#5b2ee0;--primary-soft:#efeaff;--accent:#00e676;--success:#087a44;--success-bg:#e6fbed;--warning:#774800;--warning-bg:#fff0d9;--danger:#b42342;--danger-bg:#fff0f2;--score-track:#e4e0ef;--paper-shadow:4px 4px 0 #1a1625}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-inter,Inter),"Noto Sans JP",sans-serif;-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.75}a{color:inherit;text-decoration:none}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--mint)}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button{color:inherit}img,svg{flex-shrink:0}h1,h2,h3,h4,p{margin:0}h1{letter-spacing:-.05em;font-size:30px;font-weight:700;line-height:1.5}h2{letter-spacing:-.03em;font-size:20px;line-height:1.6}h3{font-size:16px;line-height:1.6}p+p{margin-top:8px}em{font-style:normal}input,textarea,select{border:1px solid var(--ink);color:var(--text);background:#fff;border-radius:10px;width:100%;min-width:0;padding:12px 14px}input::placeholder,textarea::placeholder{color:var(--muted)}input[type=checkbox]{width:18px;height:18px;accent-color:var(--mint);flex-shrink:0}input[type=range]{accent-color:var(--mint);border:0;padding:0}input[type=file]{font-size:12px}textarea{resize:vertical}audio{width:100%;height:42px}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}details>summary{justify-content:space-between;align-items:center;gap:12px;display:flex}details[open]>summary{margin-bottom:12px}mark{color:var(--mint);background:0 0}ul{padding-left:22px}hr{border:0;border-top:1px solid var(--border);width:100%}table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}td,th{border-bottom:1px solid var(--border);padding:12px}th{color:var(--muted);white-space:nowrap;font-weight:500}button:not(.button):not(.icon-button):not(.nav-link):not(.goal-option):not(.play-button):not(.sentence-button):not(.word-result){transition:background .15s}a:hover{color:var(--mint)}.button:hover{color:inherit;filter:brightness(1.08)}.muted{color:var(--muted)}.mint,.text-success{color:var(--mint)}.text-error{color:var(--red)}.text-primary{color:var(--text)}.small{font-size:12px}.stack{flex-direction:column;gap:20px;display:flex}.row{align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.full{width:100%}.grid{gap:20px;display:grid}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:0;padding:26px}.button{white-space:normal;text-align:center;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:12px 20px;font-size:13px;font-weight:600;line-height:1.6;transition:filter .15s,background .15s;display:inline-flex}.button.secondary{border-color:var(--ink);background:#fff}.button.ghost{color:var(--muted);background:0 0}.button.danger{color:#9d193d;border-color:var(--ink);background:#fff0f2}.button.compact{min-height:36px;padding:8px 12px;font-size:12px}.button.large{padding:17px 25px;font-size:15px}.icon-button{background:0 0;border:0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.icon-button:hover{background:#efeaff}.badge{border:1px solid var(--ink);letter-spacing:.04em;white-space:nowrap;background:#efeaff;border-radius:6px;align-items:center;gap:5px;padding:3px 9px;font-size:10px;font-weight:600;display:inline-flex}.badge.green{background:var(--greenbg);border-color:var(--ink);color:var(--mint)}.field{color:#1a1625;flex-direction:column;gap:7px;font-size:12px;font-weight:500;display:flex}.field>input,.field>textarea,.field>select{font-size:14px;font-weight:400}.checkbox-row{color:var(--muted);align-items:flex-start;gap:10px;font-size:12px;display:flex}.checkbox-row a{color:var(--mint)}.segmented{border:1px solid var(--border);background:#fff;border-radius:11px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.segmented button{white-space:nowrap;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:7px;flex:1;min-height:36px;padding:8px 14px;font-size:12px}.segmented button[aria-pressed=true],.segmented button[aria-selected=true]{border-color:var(--ink);color:var(--text);background:#1a1625}.alert{border:1px solid var(--ink);color:#42325f;background:#f1edff;border-radius:11px;padding:14px 16px;line-height:1.8}.alert.warning{border-color:var(--ink);color:#774800;background:#fff0d9}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:270px;display:flex}.empty>svg{color:var(--mint)}.empty p{max-width:500px}.text-link{color:var(--mint);align-items:center;gap:8px;font-size:12px;font-weight:500;display:inline-flex}.eyebrow{letter-spacing:.16em;color:var(--mint);font-size:10px;font-weight:600;line-height:1.8}.page-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:5px;display:flex}.page-heading h1{margin:7px 0}.page-heading .muted{font-size:13px}.page-stack{gap:32px}.section-heading{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.section-heading h2{margin-top:7px}.skip-link{background:var(--mint);color:var(--muted);z-index:100;padding:12px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:10px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.loading{min-height:50vh;color:var(--muted);justify-content:center;align-items:center;gap:12px;display:flex}.pulse{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.4}}.spinner{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.brand{letter-spacing:-.06em;color:var(--text);align-items:center;gap:11px;font-size:18px;font-weight:800;display:flex}.brand:hover{color:var(--text)}.brand-icon{background:var(--mint);color:#fff;border-radius:11px;place-items:center;width:37px;height:37px;display:grid}.brand-sub{font-family:var(--font-inter,Inter),sans-serif;letter-spacing:.28em;color:var(--muted);margin-top:-2px;font-size:8px;font-weight:500;display:block}.sidebar{border-right:1px solid var(--ink);z-index:30;background:#fff;flex-direction:column;width:242px;padding:33px 24px;display:flex;position:fixed;top:0;bottom:0;left:0}.nav-caption{letter-spacing:.19em;color:#5f5873;margin:47px 10px 17px;font-size:8px}.sidebar nav{flex-direction:column;gap:7px;display:flex}.nav-link{color:#5f5873;border-radius:10px;align-items:center;gap:13px;padding:13px;font-size:13px;display:flex}.nav-link.active{color:var(--mint);background:#00e676}.active-dot{background:var(--mint);border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-bottom{margin-top:auto}.mini-note{color:#5f5873;border:1px solid var(--border);border-radius:12px;gap:12px;margin-bottom:20px;padding:15px;font-size:11px;line-height:1.9;display:flex}.mini-note svg{color:var(--mint);margin-top:4px}.copyright{letter-spacing:.1em;color:#5f5873;padding:24px 12px 0;font-size:8px}.app-topbar{border-bottom:1px solid var(--ink);align-items:center;gap:20px;height:76px;margin-left:242px;padding:0 44px;display:flex}.topbar-label{color:#fff;letter-spacing:.15em;margin-right:auto;font-size:9px}.local-label{color:#fff;align-items:center;gap:7px;font-size:10px;display:flex}.local-label i,.hero-tag span{background:var(--mint);border-radius:50%;width:5px;height:5px}.avatar{border:1px solid var(--ink);color:#5b2ee0;background:#efeaff;border-radius:50%;place-items:center;width:32px;height:32px;font-size:12px;display:grid}.demo-strip{color:#5f5873;border-bottom:1px solid var(--ink);background:#efeaff;margin-left:242px;padding:8px 44px;font-size:10px}.app-main{max-width:1350px;min-height:calc(100vh - 110px);margin-left:242px;padding:36px 44px 90px}.bottom-nav{display:none}.network-alert{color:var(--yellow);background:#fff0d9;justify-content:center;align-items:center;gap:10px;padding:8px 20px;font-size:12px;display:flex}.install-tip{border:1px solid var(--border);z-index:20;max-width:360px;box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:10px;flex-wrap:wrap;align-items:center;padding:0 5px;display:flex;position:fixed;bottom:14px;right:18px}.install-tip p{flex-basis:100%;padding:0 12px 12px}.level-badge{letter-spacing:.1em;color:#5b2ee0;gap:12px;padding:6px 12px;font-size:8px}.level-badge strong{color:var(--mint);font-size:24px;line-height:1.5}.dashboard-grid{grid-template-columns:280px 1fr;gap:22px;display:grid}.habit-card{padding:23px}.section-label{color:#5f5873;letter-spacing:.13em;font-size:9px}.streak-number{letter-spacing:-.05em;margin:6px 0;font-size:52px;font-weight:600;line-height:1.4}.streak-number span{letter-spacing:0;color:#5f5873;margin-left:9px;font-size:13px;font-weight:400}.week-grid{grid-template-columns:repeat(7,1fr);gap:3px;margin:13px 0 23px;display:grid}.week-grid>div{color:#5f5873;flex-direction:column;align-items:center;gap:6px;font-size:9px;display:flex}.day-dot{border:1px solid var(--ink);border-radius:50%;place-items:center;width:26px;height:26px;font-size:10px;display:grid}.day-dot.done{background:var(--mint);color:var(--muted);border-color:var(--mint)}.progress-track{background:#fff;border-radius:4px;height:5px;overflow:hidden}.progress-track>div{background:var(--mint);border-radius:4px;height:100%;transition:width .3s}.habit-card .progress-track{margin:9px 0 11px}.habit-card>p{font-size:10px}.today-card{border:1px solid var(--ink);border-radius:var(--radius);background:#ff9100;flex-direction:column;justify-content:space-between;gap:23px;min-width:0;padding:24px 27px;display:flex}.today-content{justify-content:space-between;gap:20px;display:flex}.today-content h2{letter-spacing:-.04em;max-width:430px;margin:8px 0;font-size:29px;line-height:1.4}.today-content p{font-size:12px}.today-content p.mint{margin-top:17px;font-size:11px}.today-sound{border:1px solid var(--ink);width:110px;height:110px;color:var(--mint);box-shadow:none;background:#efeaff;border-radius:50%;flex-shrink:0;place-items:center;margin-top:10px;display:grid}.next-step{align-items:flex-start;gap:18px;display:flex}.next-step h3{margin-bottom:6px;font-size:14px}.next-step .text-link{margin-top:12px}.feature-icon{width:42px;height:42px;color:var(--mint);background:#00e676;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.feature-icon.blue{color:var(--blue);background:#efeaff}.page-end{letter-spacing:.2em;color:#fff;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:8px;display:flex}.page-end span{background:var(--mint);border-radius:50%;width:4px;height:4px}.material-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.material-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;min-width:0;transition:transform .2s,border-color .2s;overflow:hidden}.material-card:hover{border-color:var(--ink);transform:translateY(-3px)}.material-art{color:#5b2ee0;background:#efeaff;justify-content:center;align-items:center;height:128px;display:flex;position:relative;overflow:hidden}.material-art:before,.material-art:after{content:"";opacity:.12;border:1px solid;border-radius:50%;width:180px;height:180px;position:absolute;top:-85px;right:-12px}.material-art:after{width:220px;height:220px;top:38px;left:-70px}.art-orbit{opacity:.08;border:1px solid;border-radius:40px;width:200px;height:200px;position:absolute;left:40px;transform:rotate(-35deg)}.art-index{color:currentColor;opacity:.12;letter-spacing:-.07em;font-size:40px;font-weight:700;line-height:1.1;position:absolute;top:10px;right:16px}.art-category{letter-spacing:.09em;opacity:.8;font-size:9px;position:absolute;bottom:14px;left:17px}.material-body{flex-direction:column;gap:8px;padding:15px 17px 20px;display:flex}.material-body>.row:first-child{margin-bottom:1px}.material-title{letter-spacing:-.02em;justify-content:space-between;align-items:flex-start;gap:12px;font-size:16px;font-weight:600;line-height:1.55;display:flex}.material-title svg{color:var(--muted);margin-top:4px}.material-body>p{min-height:42px;font-size:11px}.material-body>.row:last-child{margin-top:auto;padding-top:7px;font-size:9px}.library-count{color:var(--muted);align-items:center;gap:10px;font-size:10px;display:flex}.library-count strong{color:var(--text);font-size:23px}.library-controls{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:20px;padding:20px;display:flex}.search-field{align-items:center;display:flex;position:relative}.search-field>svg{color:var(--muted);position:absolute;left:15px}.search-field input{padding-left:44px}.search-field>button{color:var(--muted);background:0 0;border:0;font-size:24px;position:absolute;right:10px}.filter-row{grid-template-columns:1fr 1fr 1fr;gap:18px;display:grid}.filter-row .field{font-size:10px}.filter-row select{font-size:12px}.library-tabs{background:0 0;border:0;gap:5px;padding:0}.library-tabs button{padding:8px 15px;font-size:12px}.library-tabs button[aria-pressed=true]{border-color:var(--ink);color:var(--mint);background:#fff}.placement-container{max-width:720px;margin:auto}.placement-container .page-heading{display:block}.placement-icon{width:80px;height:80px;color:var(--mint);background:#00e676;border-radius:24px;place-items:center;margin:0 auto 7px;display:grid}.goal-options{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.goal-option{text-align:left;border:1px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;gap:10px;padding:18px 15px;display:flex}.goal-option strong{font-size:13px}.goal-option .small{font-size:11px}.goal-option.selected{border-color:var(--ink);background:#efeaff}.goal-option.selected .row{color:var(--mint)}.question-player{text-align:center;flex-direction:column;align-items:center;gap:18px;padding:30px 10px;display:flex}.question-player>svg{color:var(--mint)}.question-player audio{max-width:460px}.result-card{text-align:center;align-items:center;padding:40px}.result-level{color:var(--mint);letter-spacing:-.07em;font-size:95px;font-weight:600;line-height:1.1}.result-level span{letter-spacing:0;font-size:32px}.answer-review{border:1px solid var(--border);text-align:left;border-radius:12px;width:100%;padding:15px}.answer-review summary{color:var(--muted);font-size:13px}.answer-review div{border-top:1px solid var(--border);padding:13px 0}.answer-review div p{margin:3px}.marketing-header{justify-content:space-between;align-items:center;gap:20px;max-width:1280px;height:96px;margin:auto;padding:0 56px;display:flex}.marketing-header nav{align-items:center;gap:30px;font-size:12px;display:flex}.marketing-main{overflow:hidden}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:45px;max-width:1280px;min-height:650px;margin:auto;padding:60px 56px 100px;display:grid}.hero-tag{letter-spacing:.09em;color:var(--muted);align-items:center;gap:9px;margin-bottom:27px;font-size:11px;display:flex}.hero h1{letter-spacing:-.06em;font-size:clamp(40px,4.2vw,60px);font-weight:700;line-height:1.65}.hero h1 em{color:var(--mint)}.hero-copy>p{color:var(--muted);margin-top:24px;font-size:14px;line-height:2}.hero-actions{flex-wrap:wrap;margin-top:31px}.hero-copy>p.hero-fine{margin-top:15px;font-size:9px}.hero-benefits{color:var(--muted);flex-wrap:wrap;gap:20px;margin-top:28px;font-size:10px;display:flex}.hero-benefits>span{align-items:center;gap:5px;display:flex}.hero-benefits svg{color:var(--mint)}.hero-visual{isolation:isolate;justify-content:center;align-items:center;height:510px;display:flex;position:relative}.visual-halo{z-index:-1;background:radial-gradient(#ffffff26,#0000 65%);position:absolute;inset:-10px}.visual-halo:before,.visual-halo:after{content:"";border:1px solid var(--ink);border-radius:50%;width:400px;height:400px;position:absolute;top:50px;left:50%;transform:translate(-50%)}.visual-halo:after{width:500px;height:500px;top:0}.preview-phone{border:5px solid var(--ink);width:275px;min-height:468px;box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:39px;padding:40px 21px 21px;position:relative;transform:rotate(4deg)}.phone-island{background:#1a1625;border-radius:15px;width:80px;height:16px;position:absolute;top:11px;left:50%;transform:translate(-50%)}.phone-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.phone-heading .eyebrow{font-size:8px}.preview-phone h3{letter-spacing:-.04em;font-size:27px;line-height:1.35}.preview-phone>p{margin-top:7px;font-size:10px}.preview-wave{align-items:center;gap:3px;height:82px;margin:15px 0;display:flex}.preview-wave i{background:var(--mint);border-radius:3px;width:3px}.preview-script{letter-spacing:-.02em;color:var(--muted);padding:0 3px;font-size:20px;line-height:1.7}.phone-play{color:var(--muted);justify-content:space-between;align-items:center;margin-top:20px;font-size:9px;display:flex}.round-play{background:var(--mint);width:45px;height:45px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.phone-tip{border-top:1px solid var(--ink);color:var(--muted);align-items:center;gap:10px;margin-top:22px;padding-top:16px;font-size:9px;display:flex}.floating-label{z-index:2;border:1px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:13px 17px;display:flex;position:absolute}.floating-label.top{font-size:10px;top:50px;left:0;transform:rotate(-4deg)}.floating-label.top svg{color:var(--mint)}.floating-label.bottom{font-size:11px;bottom:25px;right:-5px;transform:rotate(-3deg)}.floating-label.bottom p{color:var(--muted);margin-top:3px;font-size:9px}.little-chart{width:40px;height:40px;color:var(--mint);background:#efeaff;border-radius:9px;place-items:center;display:grid}.hero-vertical{writing-mode:vertical-rl;letter-spacing:.24em;color:var(--muted);font-size:8px;position:absolute;top:80px;right:-15px}.landing-section{border-top:1px solid var(--ink);background:#fff;grid-template-columns:280px 1fr;gap:60px;padding:80px max(40px,50vw - 584px);display:grid}.section-intro h2,.pricing-section h2,.faq-section h2,.closing-cta h2{letter-spacing:-.04em;margin:15px 0;font-size:31px;line-height:1.7}.section-intro>p:last-child{font-size:12px;line-height:2}.feature-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.feature{padding-top:9px}.feature>.row{color:var(--mint);margin:0 0 30px}.feature>.row span{color:var(--muted);font-size:12px}.feature h3{margin-bottom:12px;font-size:14px;line-height:1.8}.feature p{font-size:11px;line-height:2}.pricing-section{grid-template-columns:1fr 400px;align-items:center;gap:80px;max-width:1100px;margin:auto;padding:100px 60px;display:grid}.pricing-section>div>p.muted{font-size:12px;line-height:2}.price-card{border:1px solid var(--ink);background:#fff;border-radius:22px;padding:35px}.price{letter-spacing:-.07em;font-size:56px;font-weight:500;line-height:1.6}.price>span{letter-spacing:0;color:var(--muted);font-size:12px;font-weight:400}.price-card>p.muted{font-size:11px}.price-card>p.small{text-align:center;margin-top:15px;font-size:9px;line-height:1.9}.check-list{flex-direction:column;gap:11px;padding:20px 0;font-size:12px;list-style:none;display:flex}.check-list svg{height:14px;color:var(--mint);vertical-align:middle;margin-right:6px}.faq-section{max-width:840px;margin:auto;padding:30px 40px 90px}.faq-section h2{margin-bottom:30px}.faq-section details{border-bottom:1px solid var(--border);padding:22px 0}.faq-section summary{font-size:13px}.faq-section details p{padding-top:3px;font-size:12px;line-height:2}.faq-section summary svg{color:var(--muted)}.closing-cta{text-align:center;border-top:1px solid var(--ink);background:0 0;padding:70px 25px 100px}.closing-cta>svg{color:var(--mint)}.closing-cta h2{margin-bottom:28px}.marketing-footer{border-top:1px solid var(--ink);flex-wrap:wrap;align-items:center;gap:25px;max-width:1280px;margin:auto;padding:35px 56px;display:flex}.marketing-footer .brand{font-size:15px}.marketing-footer .brand-icon{width:31px;height:31px}.marketing-footer>p{color:var(--muted);font-size:10px}.marketing-footer nav{color:var(--muted);gap:20px;margin-left:auto;font-size:10px;display:flex}.marketing-footer>span{color:var(--muted);flex-basis:100%;font-size:9px}.signup-layout{grid-template-columns:1fr 440px;align-items:start;gap:70px;max-width:1100px;margin:auto;padding:70px 40px 100px;display:grid}.signup-intro h1{margin:20px 0;font-size:38px}.signup-intro>p{line-height:2}.signup-steps{color:var(--muted);flex-direction:column;gap:17px;margin-top:40px;font-size:11px;display:flex}.signup-steps .active{color:var(--mint)}.signup-card{max-width:520px;margin:40px auto;padding:30px}.signup-layout .signup-card{margin:0}.signup-card h1{font-size:24px}.divider-text{color:var(--muted);align-items:center;gap:12px;font-size:9px;display:flex}.divider-text:before,.divider-text:after{content:"";background:var(--border);flex:1;height:1px}.plan-summary{border:1px solid var(--ink);background:#efeaff;border-radius:12px;padding:20px}.plan-summary .price{font-size:42px}.summary-list{flex-direction:column;gap:8px;margin:0;font-size:11px;display:flex}.summary-list>div{justify-content:space-between;gap:12px;display:flex}.summary-list dt{color:var(--muted)}.summary-list dd{text-align:right;margin:0}.legal-page{max-width:800px;margin:40px auto 90px;padding:0 30px}.legal-page>h1{margin:20px 0}.legal-page>h2{margin-top:30px}.legal-page>p{color:var(--muted);margin-top:15px;font-size:13px;line-height:2}.legal-page a{color:var(--mint)}.learning-screen{max-width:860px;margin:auto}.learning-screen>.row{flex-wrap:wrap}.script-tabs{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.script-tabs button{border:1px solid var(--ink);color:var(--muted);background:0 0;border-radius:9px;padding:10px 7px;font-size:12px}.script-tabs button[aria-pressed=true]{color:var(--mint);border-color:var(--ink);background:#00e676}.script-card{padding:12px!important}.sentence{border:1px solid #0000;border-radius:11px;padding:15px}.sentence.current{border-color:var(--ink);background:#efeaff}.sentence p{margin:0}.english{font-size:19px;line-height:1.9}.sentence .english{letter-spacing:.005em}.sentence-button{color:var(--muted);background:0 0;border:0;padding:5px}.annotation{position:relative}.annotation summary{line-height:inherit;color:var(--mint);border-bottom:1px dashed var(--ink);display:inline}.annotation.elision summary{color:var(--yellow);border-color:var(--ink)}.annotation.weak_form summary{color:var(--blue);border-color:var(--ink)}.annotation[open]{border:1px solid var(--border);background:#f4f0ff;border-radius:8px;margin:4px 0;padding:9px;font-size:14px;display:block}.annotation-label{color:var(--mint);font-size:11px}.waveform{justify-content:center;align-items:center;gap:3px;height:55px;display:flex;overflow:hidden}.waveform span{background:var(--mint);border-radius:5px;flex-shrink:0;width:4px}.play-button{background:var(--mint);width:56px;height:56px;color:var(--muted);border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.recording-card{text-align:center;padding:30px}.recording-orb{width:90px;height:90px;color:var(--muted);border:1px solid var(--ink);background:#fff;border-radius:50%;place-items:center;margin:15px auto;display:grid}.recording-orb.is-recording{background:#ff9100;animation:1s infinite pulse}.recording-timer{letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:48px;font-weight:600}.score-ring{background:conic-gradient(var(--mint) 0deg 280deg,var(--score-track) 280deg);border-radius:50%;place-items:center;width:164px;height:164px;margin:auto;display:grid}.score-ring>div{background:var(--surface);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:142px;height:142px;display:flex}.score-ring strong{color:var(--mint);font-size:52px;line-height:1.2}.word-results{flex-wrap:wrap;gap:8px;line-height:2;display:flex}.word-result{background:0 0;border:1px solid #0000;border-radius:7px;padding:3px 9px;font-size:17px;font-weight:500}.word-good{color:#1a1625;background:#00e676;border-color:#087a44}.word-medium{color:var(--yellow);background:#fff0d9;border-color:#bd7300}.word-low,.word-omitted{color:#9d193d;background:#fff0f2;border-color:#b42342}.word-omitted{text-decoration:line-through}.improvement{border:1px solid var(--border);background:#f6f3ff;border-radius:12px;padding:18px}.improvement+.improvement{margin-top:12px}.stat-value{color:var(--text);font-size:34px;font-weight:600;line-height:1.4}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.calendar-day{border:1px solid var(--ink);background:#fff;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;min-height:48px;font-size:11px;display:flex}.calendar-day.active,.calendar-day.studied{color:var(--mint);border-color:var(--ink);background:#00e676}.calendar-day.today{box-shadow:inset 0 0 0 1px var(--mint)}.chat-message{border:1px solid var(--border);white-space:pre-wrap;background:#fff;border-radius:15px;max-width:86%;padding:17px 20px;font-size:13px}.chat-message.user{border-color:var(--ink);background:#efeaff;align-self:flex-end}.chat-message.assistant{align-self:flex-start}.table-scroll{overflow-x:auto}.table{min-width:570px}.management-screen,.settings-screen,.progress-screen,.coach-screen{max-width:960px;margin:auto}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.chart-container{width:100%;overflow:hidden}.coach-screen form{background:var(--bg);padding-top:14px;position:sticky;bottom:0}.coach-screen form textarea{min-height:70px}.settings-section{scroll-margin-top:20px}@media (min-width:1600px){.app-main{margin-left:calc(50vw - 558px)}}@media (max-width:1190px){.sidebar{width:210px;padding:28px 18px}.brand{font-size:16px}.app-topbar,.demo-strip,.app-main{margin-left:210px}.app-main{padding:30px 28px 85px}.app-topbar{padding:0 28px}.demo-strip{padding:8px 28px}.dashboard-grid{grid-template-columns:250px 1fr;gap:18px}.today-card{padding:22px}.today-sound{display:none}.today-content h2{font-size:26px}.material-grid{gap:14px}.material-body{padding:12px 14px 17px}.material-title{font-size:14px}.material-body .badge{font-size:9px}.landing-section{grid-template-columns:230px 1fr;gap:40px;padding:60px 40px}.feature-grid{gap:20px}.hero{gap:30px}.hero .button.large{font-size:13px}.pricing-section{gap:40px}.hero-visual{transform:scale(.9)}.hero-benefits{gap:12px}.floating-label.top{left:-20px}.hero-copy>p.hero-fine{font-size:8px}}@media (max-width:960px){.sidebar{width:190px;padding:25px 14px}.sidebar .brand{gap:8px;font-size:14px}.sidebar .brand-icon{width:31px;height:31px}.nav-link{gap:10px;padding:12px;font-size:12px}.app-topbar,.demo-strip,.app-main{margin-left:190px}.app-main{padding:28px 24px 80px}.app-topbar{padding:0 24px}.demo-strip{padding:8px 24px;font-size:9px}.dashboard-grid{grid-template-columns:1fr}.habit-card{grid-template-columns:1fr 1fr;align-items:center;gap:8px 30px;display:grid}.habit-card .week-grid{grid-area:1/2/4;margin:5px 0}.habit-card .streak-number{grid-column:1;margin:0}.habit-card>.progress-track,.habit-card>p{grid-column:1/-1}.today-card{min-height:280px}.material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.two{grid-template-columns:1fr}.page-heading h1{font-size:26px}.hero{gap:10px;padding:40px 35px 70px}.hero h1{font-size:40px}.hero-actions .button.ghost{padding-left:0}.hero-visual{transform-origin:100%;transform:scale(.85)}.landing-section{padding:55px 35px;display:block}.section-intro{margin-bottom:30px}.section-intro h2 br,.section-intro>p br{display:none}.feature-grid{gap:30px}.pricing-section{grid-template-columns:1fr 350px;gap:35px;padding:65px 40px}.price-card{padding:26px}.signup-layout{grid-template-columns:1fr 400px;gap:35px;padding:50px 30px}.signup-intro h1{font-size:29px}.marketing-footer{padding:30px 35px}.marketing-footer nav{width:100%;margin-left:0}}@media (max-width:700px){body{font-size:13px}.sidebar,.topbar-label{display:none}.app-topbar{gap:12px;height:65px;margin-left:0;padding:0 22px}.app-topbar:before{content:"シャドホーダイ";letter-spacing:-.06em;margin-right:auto;font-size:17px;font-weight:800}.local-label{font-size:9px}.demo-strip{margin-left:0;padding:7px 22px;font-size:8px;line-height:1.8}.app-main{margin-left:0;padding:28px 20px 125px}.bottom-nav{z-index:40;border-top:1px solid var(--ink);padding:10px 8px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fff;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:var(--muted);flex-direction:column;align-items:center;gap:3px;min-width:52px;min-height:44px;font-size:9px;display:flex}.bottom-nav a.active{color:var(--mint)}.install-tip{opacity:.96;max-width:310px;bottom:78px;right:12px}.install-tip .button{min-height:28px;padding:5px 8px;font-size:10px}.install-tip .icon-button{width:28px;height:30px}.page-heading{align-items:flex-start;gap:12px}.page-heading h1{font-size:23px}.page-heading .muted{font-size:11px}.page-stack{gap:27px}.card{border-radius:16px;padding:20px}.stack{gap:18px}.level-badge{gap:6px;margin-top:17px;padding:4px 8px;font-size:6px}.level-badge strong{font-size:21px}.dashboard-grid{gap:18px}.habit-card{flex-direction:column;align-items:stretch;gap:5px;display:flex}.habit-card .streak-number{margin:1px 0;font-size:47px}.habit-card .week-grid{margin:7px 0 14px}.day-dot{width:30px;height:30px}.habit-card .week-grid>div{gap:6px;font-size:10px}.today-card{gap:20px;min-height:290px;padding:21px}.today-card>.row:first-child>.small{font-size:8px}.today-content h2{margin:11px 0;font-size:25px;line-height:1.5}.today-card>.row:last-child{flex-direction:column;align-items:stretch;gap:12px}.today-card>.row:last-child>.small{text-align:center;font-size:10px}.today-content p{font-size:11px}.section-heading h2{font-size:17px}.section-heading .text-link{white-space:nowrap;font-size:10px}.eyebrow{font-size:9px}.material-grid{grid-template-columns:1fr;gap:15px}.material-art{height:138px}.material-title{font-size:17px}.material-body{gap:8px;padding:14px 18px 19px}.material-body>p{min-height:0;font-size:11px}.material-body>.row:last-child{margin-top:3px;font-size:10px}.material-body .badge{font-size:10px}.library-count{flex-wrap:wrap;justify-content:flex-end;gap:6px;padding-top:19px;font-size:9px}.library-count svg{display:none}.library-count strong{font-size:19px}.library-count span{display:none}.filter-row{grid-template-columns:1fr 1fr;gap:9px}.filter-row>.field:last-child{grid-column:1/-1}.library-controls{gap:15px;padding:16px}.filter-row select{padding:10px 7px}.library-tabs button{padding:7px 11px;font-size:11px}.search-field input{font-size:12px}.goal-options{grid-template-columns:1fr}.goal-option{gap:5px;padding:14px 16px}.placement-container .page-heading h1{font-size:23px}.result-card{padding:26px 20px}.result-card h2{font-size:17px}.question-player{padding:20px 0}.question-player h2{font-size:17px}.question-player audio{width:100%}.english{font-size:17px}.script-tabs{gap:5px}.script-tabs button{padding:9px 4px;font-size:10px}.learning-screen .row.between{gap:8px}.word-result{font-size:16px}.marketing-header{height:76px;padding:0 22px}.marketing-header .brand{gap:8px;font-size:16px}.marketing-header .brand-icon{width:32px;height:32px}.marketing-header nav{gap:10px;font-size:10px}.marketing-header nav>a:first-child{display:none}.marketing-header .button.compact{min-height:34px;padding:7px 10px;font-size:10px}.hero{text-align:left;grid-template-columns:1fr;gap:15px;padding:35px 25px 55px}.hero-tag{margin-bottom:22px;font-size:10px}.hero h1{font-size:39px;line-height:1.6}.hero-copy>p{margin-top:23px;font-size:12px}.hero-actions{gap:8px;margin-top:25px}.hero-actions .button.primary{flex:1;padding:15px 18px;font-size:12px}.hero-actions .button.ghost{flex-basis:100%;justify-content:flex-start;margin-top:4px;padding:10px 0;font-size:10px}.hero-copy>p.hero-fine{max-width:300px;font-size:8px;line-height:1.9}.hero-benefits{gap:15px;margin-top:20px;font-size:9px}.hero-benefits svg{width:12px;height:12px}.hero-visual{transform-origin:50%;height:440px;margin-top:-20px;margin-bottom:-20px;transform:scale(.85)}.floating-label.top{left:-10px}.floating-label.bottom{bottom:-4px;right:-8px}.hero-vertical{right:-15px}.landing-section{padding:50px 25px}.section-intro h2,.pricing-section h2,.faq-section h2,.closing-cta h2{font-size:27px;line-height:1.65}.section-intro h2 br{display:block}.feature-grid{grid-template-columns:1fr;gap:28px}.feature{border-top:1px solid var(--border);padding-top:25px}.feature>.row{margin-bottom:12px}.feature h3{margin-bottom:6px;font-size:15px}.feature p{font-size:12px;line-height:1.9}.pricing-section{grid-template-columns:1fr;gap:30px;padding:60px 25px}.price-card{padding:25px}.faq-section{padding:10px 25px 60px}.faq-section details{padding:20px 0}.faq-section summary{font-size:12px}.closing-cta{padding:55px 25px 65px}.closing-cta .button.large{font-size:12px}.marketing-footer{gap:16px;padding:28px 25px}.marketing-footer .brand{font-size:15px}.marketing-footer>p{font-size:9px}.marketing-footer nav{flex-wrap:wrap;gap:17px;font-size:9px}.signup-layout{grid-template-columns:1fr;gap:30px;padding:30px 22px 60px}.signup-intro h1{margin:14px 0;font-size:30px;line-height:1.7}.signup-intro>p{font-size:12px}.signup-steps{flex-flow:wrap;gap:12px;margin-top:25px;font-size:9px}.signup-card{max-width:none;margin:20px;padding:23px}.signup-layout .signup-card{width:100%;padding:23px}.signup-card h2{font-size:19px}.signup-card .price{font-size:39px}.legal-page{margin-top:20px;padding:0 25px}.legal-page h1{font-size:26px}.form-grid{grid-template-columns:1fr}.calendar-grid{gap:4px}.calendar-day{min-height:39px;font-size:10px}.chat-message{max-width:94%;padding:14px;font-size:12px}.stat-value{font-size:29px}}button.annotation{color:var(--mint);font:inherit;line-height:inherit;background:0 0;border:0;border-bottom:1px dashed;border-radius:0;padding:0;display:inline}button.annotation-elision{color:var(--yellow)}button.annotation-weak_form{color:var(--blue)}button.annotation-flap{color:#6a36b3}button.annotation-assimilation{color:#985000}.segmented a{color:var(--muted);border-radius:7px;padding:7px 16px;font-size:12px}.segmented a.active{color:var(--text);background:#1a1625}div.spinner{border:3px solid var(--ink);border-top-color:var(--mint);border-radius:50%;width:30px;height:30px;margin:auto}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.pagination{flex-wrap:wrap;justify-content:center;gap:7px}.pagination .button{min-width:38px}.pagination>span{gap:7px}.today-card .today-content{min-width:0;display:block}.today-card .today-content h2,.today-card .today-content .challenge-excerpt{overflow-wrap:anywhere}.dashboard-grid>*{min-width:0}@media (max-width:700px){.library-heading .page-heading{flex-direction:column}.library-heading .page-heading>div:first-child{width:100%}.library-heading .library-count{justify-content:flex-start;padding-top:0}.library-heading .library-count span{display:inline}}.onboarding-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:24px;display:grid}.onboarding-preview{background:#fff;position:sticky;top:100px}.starting-level{color:var(--mint);align-items:baseline;gap:10px;font-size:22px;display:flex}.starting-level strong{letter-spacing:-.06em;font-size:88px;font-weight:750;line-height:1.1}.onboarding-example{border-left:2px solid var(--mint);padding:8px 0 8px 18px}.onboarding-example p{margin-top:12px;font-size:17px;line-height:1.8}.qualification-callout,.personal-dashboard-callout{align-items:center;gap:22px;display:flex}.qualification-callout>div,.personal-dashboard-callout>div:nth-child(2){flex:1}.qualification-callout p,.personal-dashboard-callout p{margin-top:8px}.qualification-callout h2,.personal-dashboard-callout h2{font-size:20px}.qualification-summary{border-bottom:1px solid var(--border);padding-bottom:18px}.qualification-summary p{gap:12px}.challenge-excerpt{color:#1a1625;max-width:54ch;margin-top:18px;font-size:17px;line-height:1.8}.personal-dashboard-callout{border-color:var(--ink);background:#fff}.personal-flow{color:var(--muted);flex-wrap:wrap;align-items:center;gap:18px;font-size:13px;display:flex}.personal-flow b{color:var(--mint);margin-right:7px}.personal-compose-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);align-items:start;gap:24px;display:grid}.topic-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.topic-choice{border:1px solid var(--border);text-align:left;font:inherit;color:var(--text);cursor:pointer;background:#fff;border-radius:12px;justify-content:space-between;align-items:center;min-height:52px;padding:15px 16px;display:flex}.topic-choice.selected{border-color:var(--mint);color:var(--mint);background:#efeaff}.personal-guide{background:#fff}.personal-guide h2{letter-spacing:-.04em;font-size:25px;line-height:1.6}.personal-guide-item{align-items:flex-start;gap:13px;display:flex}.personal-guide-item>svg{color:var(--mint);flex-shrink:0;margin-top:5px}.personal-guide-item p{margin-top:7px}.personal-result{border-color:var(--ink);scroll-margin-top:90px}.personal-english{font-size:21px;font-weight:450;line-height:1.9}.personal-english p+p{margin-top:12px}.expression-card{border:1px solid var(--border);border-radius:12px;padding:17px}.expression-card strong{color:var(--mint);font-size:17px}.expression-card p{margin-top:7px}.personal-excerpt{color:#42325f;font-size:16px;line-height:1.8}.topic-choice:disabled{cursor:wait;opacity:.65}@media (max-width:1000px){.onboarding-grid,.personal-compose-grid{grid-template-columns:1fr}.onboarding-preview{position:static}.personal-dashboard-callout,.qualification-callout{flex-wrap:wrap}.personal-dashboard-callout>.button,.qualification-callout>.button{width:100%}}@media (max-width:700px){.personal-flow{gap:10px;font-size:11px}.personal-flow>svg{display:none}.personal-flow span{flex:1;min-width:90px}.topic-choice{padding:12px;font-size:12px}.starting-level strong{font-size:65px}.personal-guide h2{font-size:21px}.personal-english{font-size:18px}.qualification-summary p{flex-wrap:wrap;gap:7px}.personal-dashboard-callout .feature-icon{display:none}.personal-dashboard-callout>div:nth-child(2){flex-basis:100%}.challenge-excerpt{font-size:15px}}body{color:#fff;background-color:var(--bg);font-family:var(--font-inter,Inter),"Noto Sans JP",sans-serif;background-image:radial-gradient(#ffffff29 1.2px,#0000 1.4px);background-size:16px 16px;font-weight:500}::selection{background:var(--accent);color:var(--ink)}h1{letter-spacing:-.045em;font-weight:800}h2,h3{font-weight:800}button:disabled{opacity:.5}input,textarea,select{color:var(--ink);border-width:2px;box-shadow:inset 0 1px #1a162508}input::placeholder,textarea::placeholder{color:#716984;opacity:1}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.card{color:var(--ink);border:2px solid var(--ink);box-shadow:var(--paper-shadow)}.button{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:14px;font-weight:800}.button.primary{background:var(--accent);color:var(--ink);box-shadow:4px 4px 0 var(--ink)}.button.secondary{background:var(--surface);color:var(--ink)}.button.ghost{box-shadow:none;color:var(--muted);border-color:#0000}.button.danger{background:var(--danger-bg);color:#9d193d;border-color:var(--ink)}.button:hover{filter:none;box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.button.ghost:hover{background:var(--primary-soft);box-shadow:none;transform:none}.button:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.button:disabled:hover{transform:none}.badge{border:1.5px solid var(--ink);color:var(--ink);background:var(--primary-soft);font-weight:800}.badge.green{background:var(--accent);color:var(--ink);border-color:var(--ink)}.text-success{color:var(--success)}.orange{color:#9b5100}.alert{border:2px solid var(--ink);background:var(--primary-soft);color:#42325f}.alert.warning{background:var(--warning-bg);color:var(--warning)}.segmented{border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:14px;padding:4px}.segmented button[aria-pressed=true],.segmented button[aria-selected=true],.segmented a.active{background:var(--ink);border-color:var(--ink);color:#fff}.sidebar{border-right:2px solid var(--ink);color:var(--ink);background:#fff}.brand,.brand:hover{color:var(--ink)}.brand-icon{background:var(--primary);color:#fff;border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}.nav-link{color:var(--muted);border:2px solid #0000;font-weight:700}.nav-link.active{background:var(--accent);color:var(--ink);border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.nav-link:hover{color:var(--ink);background:var(--primary-soft)}.mini-note{background:var(--primary-soft);color:var(--muted);border-width:2px}.app-topbar{border-bottom:2px solid var(--ink);color:#fff;background:0 0}.avatar{border:2px solid var(--ink);color:var(--primary-strong);background:#fff;font-weight:800}.demo-strip{border-top:0;border-bottom:2px solid var(--ink);color:var(--muted);background:#fff}.network-alert{border-bottom:2px solid var(--ink);background:var(--warning-bg);color:var(--warning)}.install-tip{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);color:var(--ink)}.app-main .page-heading,.app-main .section-heading,.app-main .page-heading .muted,.app-main .page-heading .eyebrow,.app-main .section-heading .eyebrow,.app-main .section-heading .text-link,.app-main>.stack>.small.muted,.app-main>.stack>p.muted,.app-main>.stack>.page-end{color:#fff}.qualification-summary{color:#fff;border-color:#fff}.qualification-summary .muted,.qualification-summary .text-link{color:#fff}.qualification-summary .text-link{text-underline-offset:4px;text-decoration:underline}.library-count,.library-count span{color:#fff}.library-controls{border:2px solid var(--ink);box-shadow:var(--paper-shadow);background:#fff}.library-tabs{box-shadow:2px 2px 0 var(--ink)}.library-tabs button{color:var(--muted);font-weight:800}.library-tabs button[aria-pressed=true]{color:var(--ink);border-color:#0000;border-bottom:4px solid var(--orange);background:#fff;border-radius:7px 7px 0 0}#library-results>span{color:#fff}.card .eyebrow,.card .mint{color:var(--primary-strong)}.card .section-heading,.card .section-heading .text-link,.card .section-heading .eyebrow{color:var(--ink)}.card .muted{color:var(--muted)}.level-badge{color:var(--primary-strong);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff}.level-badge strong{color:var(--primary-strong)}.today-card{background:var(--orange);border:2px solid var(--ink);color:var(--ink);box-shadow:var(--paper-shadow)}.today-card .muted,.today-card .section-label,.today-card .challenge-excerpt{color:var(--ink)}.today-card .badge{background:#fff}.progress-track{border:2px solid var(--ink);background:#fff;border-radius:6px;height:11px}.progress-track>div{background:var(--orange);border-radius:2px}.day-dot{border:2px solid var(--ink);color:var(--ink);background:#fff}.day-dot.done{background:var(--accent);border-color:var(--ink);color:var(--ink)}.week-grid>.today{color:var(--ink)}.today .day-dot{border-color:var(--ink)}.feature-icon{background:var(--accent);color:var(--ink);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}.feature-icon.blue{background:var(--primary-soft);color:var(--primary-strong)}.material-card{border:2px solid var(--ink);box-shadow:var(--paper-shadow);color:var(--ink);background:#fff}.material-card:hover{border-color:var(--ink);box-shadow:5px 5px 0 var(--ink);transform:translate(-1px,-1px)}.material-art{background:var(--primary-soft);color:var(--primary-strong);border-bottom:2px solid var(--ink)}.material-art:before,.material-art:after{border-color:#5b2ee025}.material-art .material-level{color:#5b2ee035}.material-art.category-daily{color:var(--success);background:#dffbee}.material-art.category-news{color:#385da8;background:#e7edff}.material-art.category-speech{color:#9d3b65;background:#ffe7ef}.material-art.category-exam{color:#875100;background:#fff0d9}.material-type{color:var(--muted)}.material-title:hover,.material-footer a{color:var(--primary-strong)}.material-footer,.material-meta{color:var(--muted)}.personal-flow{color:#fff}.personal-flow b{color:#fff;background:var(--primary-strong);border:1px solid #ffffff8c;border-radius:5px;padding:2px 5px}.topic-choice{border:2px solid var(--ink);color:var(--ink);background:#fff;font-weight:700}.topic-choice.selected{border-color:var(--ink);background:var(--primary-soft);color:var(--primary-strong);box-shadow:2px 2px 0 var(--ink)}.topic-choice:hover{border-color:var(--ink)}.onboarding-preview{background:#fff}.starting-level{color:var(--primary-strong)}.onboarding-example{border-color:var(--primary);color:var(--ink)}.personal-dashboard-callout,.personal-guide{border-color:var(--ink);background:#fff}.expression-card{border:2px solid var(--ink);background:var(--primary-soft);box-shadow:2px 2px 0 var(--ink)}.expression-card strong{color:var(--primary-strong)}.personal-result{border-color:var(--ink)}.personal-guide-item>svg{color:var(--primary-strong)}.play-button{background:var(--orange);color:var(--ink);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}.player-controls,.waveform{color:var(--primary-strong)}.script-tabs button[aria-pressed=true]{background:var(--accent);color:var(--ink);border-color:var(--ink)}.sentence{border-color:var(--border)}.sentence.current{background:var(--primary-soft);border-color:var(--primary)}.annotation[open]{background:var(--primary-soft)}.annotation summary{border-color:var(--primary)}button.annotation-linking{color:#087a44;border-color:#087a44}button.annotation-elision{color:#8a5100;border-color:#8a5100}button.annotation-weak_form{color:#385da8;border-color:#385da8}button.annotation-flap{color:#6a36b3;border-color:#6a36b3}button.annotation-assimilation{color:#985000;border-color:#985000}.recording-orb{border:3px solid var(--ink);color:var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff}.recording-orb.is-recording{background:var(--orange);color:var(--ink);box-shadow:4px 4px 0 var(--ink),0 0 0 12px #ff910026}.score-ring{--border:var(--ink);color:var(--ink)}.score-ring-inner{color:var(--ink);background:#fff}.word-good{background:var(--accent);color:var(--ink);border:1.5px solid #087a44}.word-medium{background:var(--warning-bg);color:var(--warning);border:1.5px solid #bd7300}.word-low,.word-omitted{background:var(--danger-bg);color:#9d193d;border:1.5px solid var(--danger)}.improvement{border:2px solid var(--ink);background:#f6f3ff}.calendar-day{border:1.5px solid var(--ink);color:var(--muted);background:#fff}.calendar-day.active,.calendar-day.studied{background:var(--accent);color:var(--ink);border-color:var(--ink)}.calendar-day.today{border:2px solid var(--primary)}.chat-message{color:var(--ink);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);background:#fff}.chat-message.user{background:var(--primary-soft)}.bottom-nav{border-top:2px solid var(--ink);color:var(--muted);background:#fff}.bottom-nav a{color:var(--muted);font-weight:700}.bottom-nav a.active{color:var(--ink);font-weight:800}.bottom-nav a.active svg{box-sizing:content-box;background:var(--accent);border:2px solid var(--ink);color:var(--ink);border-radius:16px;padding:3px 12px}.landing-header{color:var(--ink);border-bottom:2px solid var(--ink);background:#fff}.landing-header .brand,.landing-header a{color:var(--ink)}.hero,.hero .muted,.hero .eyebrow,.hero-tag{color:#fff}.hero h1 em{color:#fff;text-decoration:underline;-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange);text-underline-offset:9px}.hero .hero-bottom-note,.hero .hero-note{color:#fff}.hero .button.secondary{color:var(--ink)}.visual-halo{background:radial-gradient(#ffffff26,#0000 65%)}.preview-phone{color:var(--ink);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:#fff}.phone-island{background:var(--ink)}.preview-phone .muted,.preview-phone .eyebrow{color:var(--muted)}.floating-label{color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff}.little-chart{background:var(--primary-soft);border-color:var(--ink)}.landing-section{color:var(--ink);border-block:2px solid var(--ink);background:#fff}.landing-section .eyebrow{color:var(--primary-strong)}.landing-section .muted{color:var(--muted)}.price-card{color:var(--ink);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#fff}.pricing-section>div:first-child,.pricing-section>div:first-child .muted,.pricing-section>div:first-child .eyebrow{color:#fff}.closing-cta{color:#fff;background:0 0}.closing-cta .muted,.closing-cta .eyebrow{color:#fff}.marketing-footer{color:var(--ink);border-top:2px solid var(--ink);background:#fff}.marketing-footer p,.marketing-footer nav{color:var(--muted)}.signup-layout,.signup-intro .muted,.signup-steps{color:#fff}.signup-card{color:var(--ink);border:2px solid var(--ink);box-shadow:var(--paper-shadow)}.signup-card .eyebrow{color:var(--primary-strong)}.plan-summary{background:var(--primary-soft);color:var(--ink);border:2px solid var(--ink)}.plan-option.selected{background:var(--primary-soft);color:var(--primary-strong);border-color:var(--ink)}.legal-page,.legal-page>p,.legal-page>.muted{color:#fff}.legal-page .card{color:var(--ink)}.legal-page .card .muted{color:var(--muted)}@media (prefers-reduced-motion:reduce){.button,.material-card{transition:none}.button:hover,.button:active,.material-card:hover{transform:none}}.marketing-header{color:var(--ink);border-bottom:2px solid var(--ink);background:#fff}.marketing-header nav,.marketing-header .brand,.marketing-header nav>a{color:var(--ink)}.hero-copy>p,.hero-copy>p.hero-fine,.hero-benefits,.hero-benefits svg,.hero-vertical,.signup-intro>p,.signup-steps .active,.closing-cta p{color:#fff}.hero-actions .button.ghost{color:#fff;border-color:#fff}.hero-actions .button.ghost:hover{color:#fff;background:var(--primary-strong)}.hero-tag span{background:var(--accent)}.round-play{background:var(--orange);color:var(--ink);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}.faq-section details{color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:16px;margin-bottom:16px;padding:20px}.faq-section details p{color:var(--muted)}.legal-page{color:var(--ink);border:2px solid var(--ink);box-shadow:var(--paper-shadow);background:#fff;border-radius:20px;padding:32px}.legal-page>p,.legal-page>.muted{color:var(--muted)}.app-main>.stack>.text-link{color:#fff;text-underline-offset:4px;text-decoration:underline}.app-main>.stack>.row>.button.ghost,.app-main .loading{color:#fff}.skip-link{background:var(--accent);color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:4px;box-shadow:0 0 0 7px #fff}section[aria-label=音声評価スコア],section[aria-label=サンプルスコア]{background:var(--orange);color:var(--ink)}.score-summary .muted{color:var(--ink)}.score-ring{border:2px solid var(--ink);background:conic-gradient(var(--accent) 0deg 280deg,var(--ink) 280deg)}.score-ring>div{border:2px solid var(--ink);background:#fff}.library-tabs,.library-views{background:#fff}.library-tabs button,.library-views button{color:var(--muted)}.annotation-label{color:var(--primary-strong);background:var(--primary-soft);border:1.5px solid var(--ink);border-radius:8px;padding:3px 7px;line-height:1.6}.app-main .section-heading .muted{color:inherit}.app-main>.stack>.button.ghost{color:#fff;border-color:#fff}.app-main>.stack>.button.ghost:hover{color:#fff;background:var(--primary-strong)}
:root{--bg:#7c4dff;--primary:#7c4dff;--primary-strong:#6730ee;--primary-soft:#efeaff;--accent:#00d878;--mint:#6730ee;--orange:#ff9100;--ink:#1a1625;--text:#1a1625;--muted:#686178;--border:#1a1625;--surface:#fff;--surface2:#efeaff;--greenbg:#00d878;--success:#087a44;--radius:23px;--paper-shadow:4px 4px 0 #1a1625}html{background:#eee8f9;min-height:100%}body{font-family:var(--font-noto),"Noto Sans JP",sans-serif;color:var(--ink);background:#eee8f9;margin:0;font-size:13px;line-height:1.7}button,input,textarea,select{font-family:var(--font-noto),"Noto Sans JP",sans-serif}.mobile-app{isolation:isolate;background-color:var(--bg);background-image:radial-gradient(circle,#ffffff30 1.2px,#0000 1.5px);background-size:16px 16px;width:100%;max-width:390px;min-height:100svh;margin:0 auto;display:flow-root;position:relative;overflow:clip;box-shadow:0 0 60px #36235a20}h1,h2,h3,h4{letter-spacing:-.035em}h1{font-family:var(--font-dela),sans-serif;font-size:23px;font-weight:400;line-height:1.5}h2{font-size:17px;font-weight:900;line-height:1.5}h3{font-size:15px;font-weight:900}a:hover{color:inherit}.app-main{color:#fff;width:100%;min-width:0;max-width:none;min-height:100svh;margin:0;padding:48px 20px 108px}.marketing-main{color:#fff;width:100%;max-width:none;min-height:0;margin:0;padding:0 20px 44px}.is-learning .app-main,.is-placement .app-main{padding:48px 20px 20px}.stack{flex-direction:column;gap:16px;min-width:0;display:flex}.page-stack{gap:16px;padding:0}.row{gap:9px;min-width:0}.card{color:var(--ink);border:1.5px solid var(--ink);border-radius:var(--radius);box-shadow:var(--paper-shadow);background:#fff;min-width:0;padding:17px}.card .muted,.card .eyebrow{color:var(--muted)}.card h1,.card h2,.card h3,.card .section-heading,.card .section-heading .text-link,.card .button.ghost{color:var(--ink)}.button{border:1.5px solid var(--ink);min-height:46px;box-shadow:none;border-radius:15px;gap:8px;padding:11px 16px;font-size:14px;font-weight:900;line-height:1.5;transition:transform .12s,box-shadow .12s}.button.primary{background:var(--accent);color:var(--ink);box-shadow:var(--paper-shadow)}.button.secondary{color:var(--ink);border:1.5px solid var(--ink);background:#fff}.button.ghost{color:inherit;box-shadow:none;background:0 0;border-color:#0000}.button:hover{filter:none;box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.button.ghost:hover{color:inherit;box-shadow:none;background:#ffffff18}.button:active{box-shadow:none;transform:translate(2px,2px)}.button:disabled:hover{box-shadow:none;transform:none}.button.large{min-height:56px;padding:13px 12px;font-size:19px}.button.compact{min-height:36px;padding:6px 10px;font-size:12px}.icon-button{color:var(--ink)}.badge{border:1.5px solid var(--ink);letter-spacing:0;color:var(--ink);background:#fff;border-radius:99px;padding:3px 9px;font-size:11px;font-weight:700;line-height:1.4}.badge.green{color:var(--ink);background:var(--accent);border-color:var(--ink)}.small{font-size:11px}.muted{color:var(--muted)}.eyebrow{letter-spacing:.06em;font-size:10px;font-weight:800}.page-heading{color:inherit;justify-content:space-between;align-items:center;gap:10px;margin:0;display:flex}.page-heading h1{margin:0;font-size:23px}.page-heading .eyebrow{margin-bottom:6px}.app-main .page-heading,.app-main .section-heading,.app-main .page-heading .muted,.app-main .page-heading .eyebrow{color:#fff}.page-heading .muted{margin-top:7px;font-size:12px}.app-main .card .page-heading,.app-main .card .section-heading{color:var(--ink)}.app-main .card .page-heading .muted,.app-main .card .page-heading .eyebrow{color:var(--muted)}.section-heading{align-items:center;gap:9px}.section-heading h2{margin:0}.section-heading .text-link{font-size:12px}.text-link{gap:5px;font-weight:700}.grid.two,.two,.form-grid,.onboarding-grid,.personal-compose-grid{grid-template-columns:minmax(0,1fr)}.grid{gap:16px}.material-grid{grid-template-columns:minmax(0,1fr);gap:11px}.field{flex-direction:column;align-items:stretch;gap:7px;min-width:0;margin:0;font-size:12px;font-weight:700;display:flex}input,textarea,select{border:1.5px solid var(--ink);color:var(--ink);background:#fff;border-radius:13px;min-width:0;padding:11px 13px;font-size:16px}textarea{line-height:1.6}input[type=checkbox]{width:19px;height:19px;accent-color:var(--primary);padding:0}.checkbox-row{align-items:flex-start;gap:8px;font-size:11px;line-height:1.7;display:flex}.checkbox-row input{margin-top:3px}.checkbox-row a{text-underline-offset:3px;text-decoration:underline}.alert{border:1.5px solid var(--ink);color:var(--ink);box-shadow:none;background:#efeaff;border-radius:14px;padding:12px 14px;font-size:12px;line-height:1.8}.alert .button{margin-top:10px}.text-error{color:#a9193a}.text-success{color:#087a44}.progress-track{border:1.5px solid var(--ink);background:#fff;border-radius:9px;height:9px;overflow:hidden}.progress-track>div{background:var(--orange);border-radius:0;height:100%}.segmented{border:1.5px solid var(--ink);color:var(--ink);background:#fff;border-radius:15px;gap:0;max-width:100%;padding:3px;display:flex;overflow:hidden}.segmented button,.segmented a{text-align:center;color:var(--ink);background:0 0;border:0;border-radius:10px;flex:1;padding:8px 10px;font-size:12px;font-weight:900}.segmented button[aria-pressed=true],.segmented a.active{background:var(--ink);color:#fff;box-shadow:none}.empty{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:32px 20px;display:flex}.empty h1{font-size:20px}.empty h2{font-size:18px}.loading{justify-content:center;align-items:center;gap:10px;padding-top:30px;font-size:12px;display:flex}.round-back,.profile-button{border:1.5px solid var(--ink);width:44px;height:44px;color:var(--ink);box-shadow:2px 2px 0 var(--ink);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.marketing-header{border:1.5px solid var(--ink);width:auto;max-width:none;height:50px;box-shadow:var(--paper-shadow);z-index:1;background:#fff;border-radius:17px;justify-content:space-between;align-items:center;gap:8px;margin:20px 20px 18px;padding:7px 10px 7px 8px;display:flex;position:relative;top:auto;left:auto;right:auto}.brand{font-family:var(--font-dela),sans-serif;letter-spacing:-.05em;white-space:nowrap;color:var(--ink);align-items:center;gap:9px;font-size:17px;font-weight:400;line-height:1.1;display:flex}.brand-icon{background:var(--primary);border:1.5px solid var(--ink);color:#fff;width:32px;height:32px;box-shadow:none;border-radius:10px;justify-content:center;align-items:center;display:flex}.brand-logo{flex-shrink:0;justify-content:center;align-items:center;width:48px;height:32px;display:flex}.brand-logo img{object-fit:contain;width:100%;height:100%;display:block}.brand-wordmark{flex-shrink:1;width:153px;min-width:0;height:auto;display:block}.app-brand-header{align-items:center;padding:20px 20px 0;display:flex}.app-brand-header~.app-main{min-height:calc(100svh - 52px);padding-top:20px}@media (max-width:359px){.brand{gap:7px}.brand-wordmark{width:132px}.brand-logo{width:40px;height:28px}.app-brand-header{padding-left:16px;padding-right:16px}}.marketing-header nav{gap:0;font-size:12px;display:flex}.marketing-header nav>a:first-child{display:flex}.login-link{background:var(--orange);border:1.5px solid var(--ink);color:var(--ink);border-radius:11px;padding:2px 10px;font-size:13px;font-weight:900}.utility-header{color:#fff;justify-content:space-between;align-items:center;gap:12px;padding:25px 20px 0;display:flex}.utility-account{font-size:12px;font-weight:700}.utility-header~.app-main{padding-top:24px}.utility-header~.app-main .page-heading{flex-direction:column;align-items:flex-start;gap:4px}.mobile-app .app-main .segmented .button.ghost{color:var(--ink)}.mobile-app .app-main .segmented .button.primary{color:var(--ink);background:var(--accent)}.bottom-nav{width:min(100%,390px);height:84px;padding:8px 8px max(12px,env(safe-area-inset-bottom));border-top:1.5px solid var(--ink);color:var(--ink);z-index:40;box-shadow:none;background:#fff;justify-content:space-around;align-items:flex-start;display:flex;position:fixed;bottom:0;left:50%;right:auto;transform:translate(-50%)}.bottom-nav a{min-width:0;color:var(--muted);background:0 0;border-radius:0;flex-direction:column;flex:1;align-items:center;gap:3px;padding:0;font-size:11px;font-weight:700;line-height:1.5;display:flex}.bottom-nav-icon{border:1.5px solid #0000;border-radius:99px;justify-content:center;align-items:center;width:55px;height:33px;display:flex}.bottom-nav a.active{color:var(--ink);background:0 0}.bottom-nav a.active .bottom-nav-icon{background:var(--accent);border-color:var(--ink)}.bottom-nav a.active svg{color:var(--ink);background:0 0;border:0;border-radius:0;width:22px;height:22px;padding:0}.network-alert{border:1.5px solid var(--ink);color:var(--ink);z-index:2;background:#fff0d9;border-radius:12px;align-items:center;gap:8px;margin:14px 20px 0;padding:10px 12px;font-size:11px;display:flex;position:relative}.install-tip{border:1.5px solid var(--ink);width:auto;max-width:none;box-shadow:var(--paper-shadow);color:var(--ink);z-index:2;background:#fff;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:-80px 20px 105px;padding:10px 12px;display:flex;position:relative;bottom:auto;right:auto}.install-tip p{flex-basis:100%;margin:8px 0 0;font-size:11px}.skip-link{z-index:100;left:50%;transform:translate(-50%)}.skip-link:focus{top:10px}.placement-container,.settings-screen,.management-screen,.progress-screen,.coach-screen{width:100%;max-width:none;margin:0}.settings-screen .page-heading,.management-screen .page-heading{flex-direction:column;align-items:flex-start}.settings-section{scroll-margin-top:20px}.settings-screen .section-heading{flex-wrap:wrap}.settings-screen .card,.management-screen .card{padding:17px}.settings-screen .price{font-size:32px}.settings-screen h2{font-size:17px}.table-scroll{max-width:100%;overflow:auto}.table{min-width:500px}.personal-dashboard-callout,.qualification-callout{flex-direction:column;align-items:flex-start;display:flex}.personal-flow{gap:10px}.personal-flow>svg{display:none}.personal-guide{padding:17px}.personal-guide h2{font-size:21px}.personal-english{font-size:16px}.personal-compose-grid{gap:16px}.onboarding-preview{position:static}.onboarding-screen .page-heading h1{font-size:23px}.topic-choice{padding:10px;font-size:11px}.topic-grid{gap:8px}.legal-page{border:1.5px solid var(--ink);box-shadow:var(--paper-shadow);border-radius:20px;margin-top:22px;padding:18px;font-size:12px}.legal-page h1{font-size:21px}.legal-page h2{font-size:16px}.legal-page .card{box-shadow:none;padding:10px}.summary-list{margin:0}.summary-list>div{border-bottom:1px solid #e1dce9;justify-content:space-between;gap:10px;padding:8px 0;font-size:11px;display:flex}.summary-list dt{color:var(--muted)}.summary-list dd{text-align:right;margin:0}.price{font-family:var(--font-inter),sans-serif;font-size:35px;font-weight:800;line-height:1.3}.price>span{font-family:var(--font-noto),sans-serif;font-size:12px;font-weight:500}.check-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.check-list li{align-items:flex-start;gap:8px;display:flex}.check-list svg{width:18px;height:18px;color:var(--primary)}.offer{flex-direction:column;gap:13px;display:flex}.offer-tag{background:var(--accent);color:var(--ink);border:1.5px solid var(--ink);border-radius:99px;align-self:flex-start;padding:1px 10px;font-size:11px;font-weight:900;line-height:1.6}.offer-hero{min-height:174px;position:relative}.offer-hero h1{color:#fff;font-family:var(--font-dela),sans-serif;letter-spacing:-.04em;white-space:nowrap;margin:0 0 8px;font-size:28px;font-weight:400;line-height:1.55}.offer-highlight{background:var(--orange);border:1.5px solid var(--ink);color:var(--ink);border-radius:9px;padding:0 9px 3px;font-size:34px;line-height:1.4;display:inline-block}.offer-hero>p{color:#fff;max-width:225px;font-size:13px;font-weight:700;line-height:1.8}.offer-price{background:var(--accent);border:1.5px solid var(--ink);width:105px;height:105px;color:var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;line-height:1.4;display:flex;position:absolute;top:68px;right:1px;transform:rotate(-9deg)}.offer-price>span{font-size:11px;font-weight:900}.offer-price>strong{font-family:var(--font-inter),sans-serif;letter-spacing:-.07em;font-size:31px;font-weight:800}.offer-price small{font-family:var(--font-noto),sans-serif;font-size:13px;font-weight:900}.offer-benefits{flex-direction:column;gap:10px;margin:0;padding:0;font-size:12px;font-weight:700;line-height:1.55;list-style:none;display:flex}.offer-benefits li{align-items:center;gap:8px;display:flex}.offer-check{border:1.5px solid var(--ink);width:20px;height:20px;color:var(--ink);background:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.offer-plan-heading{font-family:var(--font-noto),sans-serif;color:#fff;margin-top:0;font-size:15px;font-weight:900}.offer-plans{flex-direction:column;gap:10px;display:flex}.offer-plan{border:1.5px solid var(--ink);min-height:68px;color:var(--ink);text-align:left;background:#fff;border-radius:20px;align-items:center;gap:12px;width:100%;padding:12px 16px;line-height:1.5;display:flex}.offer-plan.selected{background:var(--orange);box-shadow:var(--paper-shadow)}.offer-radio{background:#fff;border:1.2px solid #8c8c8c;border-radius:50%;flex-shrink:0;width:20px;height:20px}.offer-plan.selected .offer-radio{border:1.5px solid var(--ink);background:var(--ink);box-shadow:inset 0 0 0 3px #fff}.offer-plan-copy{flex:1;min-width:0}.offer-plan-copy>strong{white-space:nowrap;font-size:15px;font-weight:900}.offer-plan-copy>small{color:var(--muted);font-size:11px;font-weight:500;display:block}.selected .offer-plan-copy>small{color:var(--ink);font-weight:700}.offer-plan-price{white-space:nowrap;font-size:12px;font-weight:500}.offer-plan-price strong{font-family:var(--font-inter),sans-serif;letter-spacing:-.04em;font-size:24px;font-weight:800}.offer-plan-price small{font-size:11px}.offer-saving{letter-spacing:-.04em;background:var(--ink);color:var(--accent);vertical-align:middle;border-radius:5px;margin-left:5px;padding:2px 5px;font-size:10px;display:inline-block}.offer-social{gap:8px;display:flex}.offer-social .button{white-space:nowrap;min-height:44px;color:var(--ink);background:#fff;border-radius:14px;flex:1;padding:8px;font-size:13px}.offer-fine{color:#fff;font-size:10px;font-weight:500;line-height:1.9}.offer-fine a{text-underline-offset:2px;text-decoration:underline}.offer-status{color:#fff;margin-top:6px;font-size:10px;line-height:1.8}.offer-status summary{text-underline-offset:3px;justify-content:flex-start;font-weight:500;text-decoration:underline}.offer-status[open]>summary{margin-bottom:6px}.offer-status p{background:#ffffff13;border-radius:8px;padding:8px}.auth-card{margin-top:24px;scroll-margin-top:24px}.auth-card h1{font-size:22px}.auth-card .auth-social{gap:8px;display:flex}.auth-card .auth-social .button{flex:1;padding:10px 6px;font-size:12px}.auth-back{color:#fff;align-self:center;margin-top:10px;font-size:12px;text-decoration:underline}.auth-card .signup-steps{color:var(--muted);gap:10px;margin:0;font-size:10px;display:flex}.auth-card .signup-steps .active{color:var(--primary);font-weight:900}.plan-summary{background:var(--primary-soft);color:var(--ink);border:1.5px solid var(--ink);border-radius:16px;padding:14px}.plan-summary .price{font-size:34px}.divider-text{color:var(--muted);align-items:center;gap:8px;font-size:10px;display:flex}.divider-text:before,.divider-text:after{content:"";background:#e1dce9;flex:1;height:1px}.auth-intro{color:#fff}.auth-intro h1{margin:10px 0;font-size:24px}.auth-intro .eyebrow,.auth-intro .muted,.auth-intro .mint{color:#fff}.auth-intro .signup-steps{gap:14px;margin-top:16px;font-size:10px;display:flex}.auth-intro .signup-steps .active{color:var(--accent);font-weight:900}.auth-layout>.auth-card{margin-top:0}.auth-layout{gap:20px}.auth-intro>p{font-size:12px}.auth-back{color:#fff;min-height:30px;margin:0 0 12px;padding:4px 0}@media (max-width:359px){.app-main{padding-left:16px;padding-right:16px}.marketing-header{margin-left:16px;margin-right:16px}.marketing-main{padding-left:16px;padding-right:16px}.brand{font-size:15px}.offer-hero h1{font-size:25px}.offer-highlight{font-size:30px}.offer-price{width:92px;height:92px;top:75px}.offer-hero>p{max-width:195px;font-size:12px}.offer-plan{gap:8px;padding:11px}.offer-plan-copy>strong{font-size:13px}.offer-plan-price strong{font-size:22px}.offer-saving{margin-left:3px;padding:2px 3px;font-size:9px}}@media (prefers-reduced-motion:reduce){.button{transition:none}.button:hover,.button:active{transform:none}}
.home-screen,.library-screen{flex-direction:column;gap:16px;min-width:0;display:flex}.home-heading{color:#fff;justify-content:space-between;align-items:center;gap:8px;min-height:64px;padding-top:0;display:flex;position:relative}.home-date{margin:0 0 6px;font-size:13px;font-weight:700}.home-heading h1{font-family:var(--font-dela),sans-serif;letter-spacing:-.055em;white-space:nowrap;font-size:20px;line-height:1.55}.home-heading h1 span{background:var(--orange,#ff9100);border:1.5px solid var(--ink,#1a1625);color:var(--ink,#1a1625);border-radius:8px;padding:0 5px 1px;font-size:23px;display:inline-block;transform:rotate(-1deg)}.home-account{width:43px;height:43px;color:var(--ink,#1a1625);border:1.5px solid var(--ink,#1a1625);box-shadow:2px 3px 0 var(--ink,#1a1625);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-self:center;align-items:center;display:flex}.home-habit{color:var(--ink,#1a1625);border:1.5px solid var(--ink,#1a1625);box-shadow:4px 4px 0 var(--ink,#1a1625);background:#fff;border-radius:24px;padding:15px 20px 14px}.home-habit-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.home-streak{white-space:nowrap;align-items:center;gap:7px;min-width:0;display:flex}.home-streak strong{font-family:var(--font-dela),sans-serif;color:var(--primary,#7c4dff);font-size:39px;font-weight:400;line-height:1.15}.home-streak>span{font-size:14px;font-weight:900}.home-daily{text-align:right;color:#696477;flex-shrink:0;width:96px;font-size:12px}.home-daily p{white-space:nowrap;margin:0 0 4px}.home-daily b{color:var(--ink,#1a1625);font-weight:900}.home-daily-track{border:1.5px solid var(--ink,#1a1625);background:#fff;border-radius:8px;height:10px;overflow:hidden}.home-daily-track i{background:var(--orange,#ff9100);height:100%;display:block}.home-week{justify-content:space-between;gap:6px;display:flex}.home-week-day{color:#696477;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:700;display:flex}.home-week-day>span{border:1.5px dashed #bbb2d0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.home-week-day.done>span{background:var(--accent,#00d878);border:1.5px solid var(--ink,#1a1625);color:var(--ink,#1a1625)}.home-week-day.today>span{border:2.5px solid var(--primary,#7c4dff)}.home-week-day.today b{color:var(--ink,#1a1625)}.home-recommendation{background:var(--orange,#ff9100);border:1.5px solid var(--ink,#1a1625);box-shadow:4px 4px 0 var(--ink,#1a1625);color:var(--ink,#1a1625);border-radius:27px;flex-direction:column;gap:11px;padding:16px 18px 14px;display:flex}.home-lesson-tags{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.home-lesson-tags>span{border:1.5px solid var(--ink,#1a1625);white-space:nowrap;background:#fff;border-radius:14px;padding:1px 9px;font-size:12px;font-weight:700;line-height:1.45}.home-lesson-tags .home-today-tag{background:var(--accent,#00d878);font-weight:900}.home-lesson-title{font-family:var(--font-inter),var(--font-noto),sans-serif;letter-spacing:-.035em;overflow-wrap:anywhere;margin:0 0 1px;font-size:27px;font-weight:800;line-height:1.15}.home-lesson-title:hover{color:inherit}.home-lesson-description{font-size:13px;font-weight:700;line-height:1.55}.home-sound-summary{font-size:11px;font-weight:700;line-height:1.7;margin:0!important}.home-start{background:var(--accent,#00d878);border:1.5px solid var(--ink,#1a1625);box-shadow:4px 4px 0 var(--ink,#1a1625);min-height:52px;color:var(--ink,#1a1625);border-radius:17px;justify-content:center;align-items:center;gap:9px;margin:0 0 1px;font-size:18px;font-weight:900;display:flex}.home-start:hover{color:var(--ink,#1a1625);filter:brightness(1.04)}.home-assessment-count{text-align:center;font-size:12px;font-weight:900;margin:0!important}.home-no-lesson{justify-content:center;min-height:190px}.home-candidates{flex-direction:column;gap:8px;display:flex}.home-section-heading{color:#fff;justify-content:space-between;align-items:center;gap:12px;display:flex}.home-section-heading h2{font-size:16px;font-weight:900;line-height:1.5}.home-section-heading a{text-underline-offset:2px;font-size:13px;font-weight:700;text-decoration:underline}.home-section-heading a:hover{color:#fff}.home-candidate-list{flex-direction:column;gap:9px;display:flex}.lesson-row.material-card{border:1.5px solid var(--ink,#1a1625);box-shadow:none;min-width:0;color:var(--ink,#1a1625);background:#fff;border-radius:18px;flex-direction:row;align-items:center;gap:9px;padding:11px 13px;display:flex;position:relative;overflow:visible}.lesson-row-main{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.lesson-row-main:hover{color:inherit}.lesson-level{border:1.5px solid var(--ink,#1a1625);color:#6535e8;width:49px;min-height:49px;font-family:var(--font-inter),sans-serif;background:#efeaff;border-radius:13px;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;font-size:16px;font-weight:800;display:flex}.lesson-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lesson-row .material-title{font-family:var(--font-inter),var(--font-noto),sans-serif;letter-spacing:-.03em;overflow-wrap:anywhere;margin:0;font-size:16px;font-weight:700;line-height:1.35;display:block}.lesson-meta{color:#696477;font-size:12px;font-weight:500;line-height:1.45}.lesson-row-action{flex-shrink:0;justify-content:center;align-items:center;min-width:27px;display:flex}.lesson-favorite{background:0 0;border:0;justify-content:center;align-items:center;min-width:26px;min-height:36px;padding:5px 0 5px 5px;display:flex}.lesson-status{background:var(--accent,#00d878);border:1.5px solid var(--ink,#1a1625);white-space:nowrap;border-radius:9px;align-items:center;gap:3px;padding:1px 6px;font-size:12px;font-weight:900;display:flex}.lesson-row.lesson-row-featured{box-shadow:3px 3px 0 var(--orange,#ff9100)}.lesson-row-featured .lesson-level{background:var(--orange,#ff9100);color:var(--ink,#1a1625);font-size:20px}.lesson-row.lesson-row-compact{border-radius:16px;gap:6px;padding:10px 12px}.lesson-row-compact .lesson-level{border-radius:12px;width:40px;min-height:40px}.lesson-row-compact .lesson-row-main{gap:11px}.lesson-row-compact .material-title{font-size:14px;line-height:1.35}.lesson-row-compact .lesson-meta{font-size:12px}.lesson-source{color:#706878;font-size:10px;font-weight:700}.lesson-error{z-index:2;color:#b42342;box-shadow:2px 2px 0 var(--ink,#1a1625);background:#fff0f2;border:1px solid #b42342;border-radius:8px;max-width:100%;padding:5px 8px;font-size:11px;position:absolute;top:100%;left:0}.home-secondary-links{color:#fff;flex-direction:column;gap:8px;margin:2px 0 0;display:flex}.home-secondary-links a{align-items:center;gap:7px;min-height:24px;font-size:11px;font-weight:700;line-height:1.4;display:flex}.home-secondary-links a svg:last-child{margin-left:auto}.home-secondary-links a:hover{color:#fff}.library-screen{gap:14px}.library-top-heading{color:#fff;justify-content:space-between;align-items:center;gap:12px;min-height:39px;margin-bottom:2px;display:flex}.library-top-heading h1{font-family:var(--font-dela),sans-serif;letter-spacing:-.04em;font-size:25px;line-height:1.3}.library-your-level{white-space:nowrap;align-items:center;gap:5px;font-size:12px;font-weight:900;display:flex}.library-your-level:hover{color:#fff}.library-your-level span{background:var(--accent,#00d878);border:1.5px solid var(--ink,#1a1625);color:var(--ink,#1a1625);font-family:var(--font-inter),sans-serif;border-radius:14px;padding:0 9px;font-size:14px;font-weight:800;line-height:1.45}.library-search{border:1.5px solid var(--ink,#1a1625);min-height:47px;box-shadow:3px 4px 0 var(--ink,#1a1625);color:var(--ink,#1a1625);background:#fff;border-radius:15px;align-items:center;gap:10px;padding:0 13px;display:flex}.library-search input{box-shadow:none;min-width:0;color:var(--ink,#1a1625);outline-offset:0;background:0 0;border:0;border-radius:0;flex:1;padding:8px 0;font-size:16px}.library-search input::placeholder{color:#858585}.library-search button{color:#746a86;background:0 0;border:0;justify-content:center;align-items:center;padding:4px;display:flex}.library-search button.is-open{color:#6535e8}.library-level-scroll{scrollbar-width:none;align-items:center;gap:9px;margin-right:-20px;padding:2px 20px 2px 0;display:flex;overflow-x:auto}.library-level-scroll::-webkit-scrollbar{display:none}.library-category-scroll::-webkit-scrollbar{display:none}.library-level-scroll button{border:1.5px solid var(--ink,#1a1625);min-height:37px;font-family:var(--font-inter),var(--font-noto),sans-serif;white-space:nowrap;color:var(--ink,#1a1625);background:#fff;border-radius:22px;flex-shrink:0;padding:6px 14px;font-size:14px;font-weight:800}.library-level-scroll button.active{background:var(--ink,#1a1625);color:var(--accent,#00d878)}.library-category-scroll{scrollbar-width:none;border-bottom:1.5px solid #b69cff;align-items:center;gap:15px;margin-top:-3px;display:flex;overflow-x:auto}.library-category-scroll button{color:#fff;white-space:nowrap;background:0 0;border:0;padding:0 0 11px;font-size:13px;font-weight:900;line-height:1.4;position:relative}.library-category-scroll button.active:after{content:"";background:#ffd600;height:4px;position:absolute;bottom:-1px;left:0;right:0}.library-filter-panel{border:1.5px solid var(--ink,#1a1625);box-shadow:3px 3px 0 var(--ink,#1a1625);background:#fff;border-radius:17px;flex-direction:column;gap:12px;padding:15px;display:flex}.library-filter-panel .field{flex-direction:column;gap:4px;font-size:12px;display:flex}.library-filter-panel select{border:1.5px solid var(--ink,#1a1625);background:#f5f0ff;border-radius:9px;padding:8px;font-size:12px}.library-filter-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.library-view-tabs{gap:5px;display:flex}.library-view-tabs button{border:1.5px solid var(--ink,#1a1625);background:#efeaff;border-radius:9px;flex:1;padding:5px;font-size:12px}.library-view-tabs button.active{background:var(--accent,#00d878);font-weight:900}.library-clear{background:0 0;border:0;align-self:flex-end;font-size:11px;text-decoration:underline}.library-result-list{flex-direction:column;gap:10px;min-width:0;scroll-margin-top:20px;display:flex}.library-result-count{text-align:center;color:#fff;font-size:12px;font-weight:700;margin:0!important}.library-pagination{justify-content:center;align-items:center;gap:7px;display:flex}.library-pagination>span{align-items:center;gap:6px;display:flex}.library-pagination i{color:#fff;font-style:normal}.library-pagination button{border:1.5px solid var(--ink,#1a1625);width:34px;height:35px;font-family:var(--font-inter),sans-serif;background:#fff;border-radius:10px;justify-content:center;align-items:center;padding:0;font-weight:700;display:flex}.library-pagination button.active{background:var(--accent,#00d878)}.library-personal-link{color:#fff;text-underline-offset:3px;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:700;text-decoration:underline;display:flex}.library-personal-link:hover{color:#fff}.library-notice{color:#fff;opacity:.85;font-size:10px;line-height:1.7;margin:0!important}.library-no-results{gap:10px;font-size:12px}.library-no-results h2{font-size:17px}.need-profile{flex-direction:column;align-items:center;gap:16px;display:flex}@media (max-width:360px){.home-streak{gap:5px}.home-streak>span{font-size:12px}.home-streak strong{font-size:35px}.home-habit{padding-left:14px;padding-right:14px}.home-daily{width:86px;font-size:11px}.home-heading h1{font-size:18px}.home-heading h1 span{font-size:20px}.home-account{width:37px;height:37px}.home-lesson-title{font-size:24px}.home-lesson-tags{gap:4px}.home-lesson-tags>span{padding:1px 6px;font-size:11px}.lesson-row .material-title{font-size:14px}.lesson-level{width:43px;min-height:47px}.lesson-row-main{gap:9px}.lesson-meta{font-size:11px}.lesson-row.lesson-row-compact{padding:9px}.lesson-row-compact .material-title{font-size:13px}.library-your-level{font-size:10px}.library-your-level span{font-size:13px}}
.learning-screen{color:#fff;flex-direction:column;gap:16px;width:100%;min-width:0;max-width:none;margin:0;display:flex}.learning-toolbar{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.learning-round{width:44px;height:44px;color:var(--ink);border:1.5px solid var(--ink);box-shadow:none;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.learning-round:hover{color:var(--ink);background:#efeaff}.learning-round-spacer{flex-shrink:0;width:44px;display:block}.learning-modes{border:1.5px solid var(--ink);width:178px;min-width:0;height:43px;color:var(--ink);background:#fff;border-radius:14px;flex-shrink:1;gap:0;padding:3px;display:flex}.learning-modes a{white-space:nowrap;border-radius:10px;flex:1;justify-content:center;align-items:center;padding:0 9px;font-size:14px;font-weight:900;line-height:1.3;display:flex}.learning-modes a.active{background:var(--ink);color:#fff}.learning-modes a:hover{color:inherit}.learning-title{color:#fff;flex-direction:column;gap:1px;display:flex}.learning-title p{margin:0;font-size:12px;font-weight:700;line-height:1.6}.learning-title h1{font-family:var(--font-inter),var(--font-noto),sans-serif;letter-spacing:-.04em;overflow-wrap:anywhere;margin:0;font-size:24px;font-weight:800;line-height:1.3}.learning-material-notice:empty{display:none}.learning-material-notice .alert{padding:8px 11px;font-size:10px;line-height:1.6}.learning-screen .script-tabs{color:var(--ink);background:0 0;border:0;border-radius:0;gap:6px;margin:0;padding:0;display:flex;overflow:visible}.learning-screen .script-tabs button{border:1.5px solid var(--ink);min-width:0;height:35px;color:var(--ink);background:#fff;border-radius:10px;flex:1;padding:4px 3px;font-size:13px;font-weight:900;line-height:1.4}.learning-screen .script-tabs button[aria-pressed=true]{background:var(--accent);color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.learning-screen .script-card{border:1.5px solid var(--ink);min-height:299px;color:var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:23px;flex-direction:column;gap:4px;display:flex;overflow:visible;padding:9px 8px!important}.learning-screen .sentence{background:0 0;border:1.5px solid #0000;border-radius:14px;min-width:0;padding:6px 10px;line-height:1.45;position:relative}.learning-screen .sentence.current{background:var(--accent);border-color:var(--ink)}.learning-screen .sentence p{color:var(--ink);margin:0;font-size:17px;line-height:1.5}.learning-screen .sentence .english{font-family:var(--font-inter),var(--font-noto),sans-serif;letter-spacing:-.03em;margin:0;font-size:20px;font-weight:500;line-height:1.45}.learning-screen .sentence.current .english{font-weight:700}.learning-screen .sentence .muted.small{color:var(--ink);margin-top:7px;font-size:12px;font-weight:700;line-height:1.6}.sentence-tools{z-index:2;opacity:0;pointer-events:none;position:absolute;top:-7px;right:3px}.sentence:hover .sentence-tools,.sentence:focus-within .sentence-tools{opacity:1;pointer-events:auto}.sentence-play{border:1px solid var(--ink);color:var(--ink);background:#fff;border-radius:8px;align-items:center;gap:4px;padding:2px 5px;font-size:10px;line-height:1.5;display:flex}.learning-screen .annotation{color:#6730ee;font:inherit;font-weight:700;line-height:inherit;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;display:inline}.learning-screen .annotation-linking{text-underline-offset:4px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;text-decoration-thickness:1.5px}.learning-screen .annotation-elision{text-decoration:none}.learning-screen .annotation-weak_form{font-size:.82em}.learning-screen .annotation:hover{color:#6730ee;background:#efeaff}.sound-legend{border:1.5px solid var(--ink);min-height:31px;color:var(--muted);background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:9px;padding:5px 10px;font-size:11px;font-weight:700;line-height:1.5;display:flex}.sound-legend span{white-space:nowrap}.sound-legend b{color:var(--primary-strong);font-size:13px}.sound-legend small{color:var(--ink);font-size:9px}.learning-player{color:#fff;box-shadow:none;background:0 0;border:0;flex-direction:column;gap:3px;padding:0;display:flex}.learning-player>audio,.record-screen>audio{display:none}.learning-wave-seek{align-items:center;height:37px;display:flex;position:relative}.learning-screen .waveform{height:37px;box-shadow:none;color:#fff;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:3px;width:100%;padding:0;display:flex;overflow:hidden}.learning-screen .waveform span{background:#fff;border-radius:4px;flex-shrink:0;width:4px;max-height:34px;display:block}.learning-wave-seek input[type=range]{appearance:none;opacity:0;cursor:pointer;z-index:1;background:0 0;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.learning-wave-seek:focus-within{outline-offset:4px;border-radius:4px;outline:2px solid #fff}.learning-times{font-family:var(--font-inter),sans-serif;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;line-height:1.5;display:flex}.learning-controls{justify-content:space-between;align-items:center;gap:7px;min-height:88px;margin-top:5px;display:flex}.learning-main-play{border:2.5px solid var(--ink);background:var(--orange);width:76px;height:76px;color:var(--ink);box-shadow:3px 4px 0 var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.learning-main-play:hover{background:#ffa21e}.learning-main-play:active{box-shadow:none;transform:translate(2px,2px)}.ab-trigger,.learning-rate{text-align:center;border:1.5px solid var(--ink);width:57px;height:44px;color:var(--ink);font-family:var(--font-inter),sans-serif;background:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;padding:5px;font-size:15px;font-weight:800;line-height:1.5;display:flex}.ab-trigger.selected{background:var(--accent)}.learning-rate{appearance:none;cursor:pointer;font-size:14px}.skip-control{color:#fff;background:0 0;border:0;justify-content:center;align-items:center;width:31px;height:40px;padding:5px;display:flex}.repeat-panel{border:1.5px solid var(--ink);color:var(--ink);background:#fff;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:6px 0;padding:9px;display:flex}.repeat-panel .button{border-radius:9px;min-height:31px;padding:4px 8px;font-size:11px}.repeat-panel .row{gap:6px}.practice-screen>.button.primary,.recording-submit{border-radius:17px;min-height:56px;margin-top:3px;padding:12px 8px;font-size:18px;font-weight:900;line-height:1.4}.learning-help{color:#fff;margin-top:0;font-size:10px;line-height:1.8}.learning-help>summary{text-underline-offset:3px;justify-content:flex-start;font-size:10px;font-weight:500;text-decoration:underline}.learning-help p{margin:7px 0 0}.learning-help h2{color:#fff;font-size:14px}.learning-footnote{color:#fff;text-align:center;font-size:10px;line-height:1.8;margin:0!important}.headphone-notice{border:1.5px solid var(--ink);min-height:59px;color:var(--ink);background:#fff;border-radius:16px;align-items:center;gap:11px;padding:11px 14px;font-size:13px;font-weight:700;line-height:1.5;display:flex}.headphone-notice.confirmed{background:var(--accent)}.headphone-notice label{cursor:pointer;align-items:center;gap:9px;min-width:0;display:flex}.headphone-notice input{width:17px;height:17px;accent-color:var(--ink);flex-shrink:0}.headphone-notice.confirmed input{opacity:0;width:1px;height:1px;position:absolute}.headphone-notice.confirmed:focus-within{outline-offset:4px;outline:2px solid #fff}.script-toggle{color:#fff;cursor:pointer;justify-content:space-between;align-items:center;gap:10px;min-height:31px;font-size:14px;font-weight:700;display:flex;position:relative}.script-toggle input{opacity:0;cursor:pointer;z-index:2;width:52px;height:31px;margin:0;position:absolute;top:0;right:0}.toggle-track{border:1.5px solid var(--ink);background:#d2c4f2;border-radius:99px;flex-shrink:0;width:52px;height:31px;display:block;position:relative}.toggle-track:after{content:"";border:1.5px solid var(--ink);background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .15s;position:absolute;top:2px;left:3px}.script-toggle input:checked+.toggle-track{background:var(--accent)}.script-toggle input:checked+.toggle-track:after{transform:translate(20px)}.script-toggle:focus-within .toggle-track{outline-offset:4px;outline:2px solid #fff}.learning-screen .recording-card{text-align:center;min-height:354px;box-shadow:4px 4px 0 var(--ink);border-radius:25px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:38px 14px 40px;display:flex}.recording-status{background:var(--ink);color:#fff;border-radius:99px;justify-content:center;align-self:center;align-items:center;gap:7px;min-height:28px;padding:3px 12px;font-size:13px;font-weight:900;line-height:1.4;display:flex;margin:0!important}.recording-status i{background:var(--muted);border-radius:50%;width:10px;height:10px}.recording-status.recording i{background:var(--orange)}.recording-timer{font-family:var(--font-dela),sans-serif;letter-spacing:-.04em;color:var(--primary);margin:4px 0 0;padding:0;font-size:62px;font-weight:400;line-height:1.25}.recording-description{color:var(--muted);white-space:nowrap;font-size:11px;font-weight:700;line-height:1.6;margin:-5px 0 0!important}.recording-wave{justify-content:center;align-items:center;gap:4px;width:100%;height:61px;margin:3px 0 1px;display:flex;overflow:hidden}.recording-wave span{background:var(--primary);border-radius:5px;flex-shrink:0;width:5px;transition:height .1s}.recording-wave:not(.is-recording){opacity:.5}.recording-volume{border:1.5px solid var(--ink);background:var(--accent);color:var(--ink);border-radius:99px;padding:2px 10px;font-size:11px;font-weight:700;line-height:1.6;display:inline-block;margin:0!important}.record-actions{justify-content:space-between;align-items:center;gap:12px;min-height:88px;margin-top:0;padding:0 21px;display:flex}.record-main{width:87px;height:87px}.record-side{color:#fff;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:0;font-size:13px;font-weight:700;line-height:1.5;display:flex}.record-side>span{border:1.5px solid var(--ink);width:50px;height:50px;color:var(--ink);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.recording-preview{flex-direction:column;gap:10px;display:flex}.recording-preview h2{font-size:15px}.recording-preview audio{height:38px}.recording-submit{width:100%;min-height:56px;margin-top:0;font-size:16px}.recording-submit:disabled{opacity:.65}.record-screen .script-card>.english{font-family:var(--font-inter),sans-serif;color:var(--ink);margin:3px 6px;font-size:17px;line-height:1.5}.feedback-screen{gap:12px}.feedback-toolbar{color:#fff;justify-content:space-between;align-items:center;gap:8px;min-height:44px;display:flex}.feedback-toolbar h1{font-family:var(--font-dela),sans-serif;letter-spacing:-.04em;font-size:23px;line-height:1.4}.feedback-toolbar>.badge{padding:3px 8px;font-size:10px}.learning-screen .score-summary{background:var(--orange);border:1.5px solid var(--ink);min-height:157px;box-shadow:4px 4px 0 var(--ink);color:var(--ink);border-radius:25px;flex-direction:row;justify-content:flex-start;align-items:center;gap:18px;padding:16px 20px;display:flex}.learning-screen .score-ring{border:2px solid var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:110px;height:110px;margin:0;padding:7px;display:flex}.learning-screen .score-ring>div{border:2px solid var(--ink);width:100%;height:100%;color:var(--ink);background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex}.learning-screen .score-ring strong{font-family:var(--font-dela),sans-serif;letter-spacing:-.05em;color:var(--primary);font-size:40px;font-weight:400;line-height:1.1}.learning-screen .score-ring span{font-size:11px;font-weight:900;line-height:1.5}.score-metrics{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.score-metrics>.badge{white-space:nowrap;align-self:flex-start;padding:2px 10px;font-size:11px}.score-metrics .row{gap:8px;line-height:1.5}.score-metrics .row>span{white-space:nowrap;font-size:13px;font-weight:700}.score-metrics strong{font-family:var(--font-inter),sans-serif;letter-spacing:-.04em;font-size:21px;font-weight:800}.feedback-words{box-shadow:none;border-radius:20px;flex-direction:column;gap:9px;padding:13px 14px 12px;display:flex}.feedback-words>h2{color:var(--muted);margin-bottom:-3px;font-size:11px;font-weight:700;line-height:1.3}.learning-screen .word-results{flex-wrap:wrap;align-items:baseline;gap:1px 3px;line-height:1.7;display:flex}.learning-screen .word-result{color:var(--ink);font-family:var(--font-inter),sans-serif;letter-spacing:-.025em;background:0 0;border:0;border-radius:3px;min-height:0;padding:0 2px;font-size:17px;font-weight:700;line-height:1.5;display:inline-block}.learning-screen .word-good{background:var(--accent);color:var(--ink)}.learning-screen .word-medium{-webkit-text-decoration:underline wavy var(--primary);text-decoration:underline wavy var(--primary);text-underline-offset:5px;text-decoration-thickness:2px}.learning-screen .word-low{background:var(--orange);color:var(--ink);text-decoration:line-through;text-decoration-thickness:2px}.learning-screen .word-result[aria-pressed=true]{outline:2px solid var(--primary);outline-offset:1px}.feedback-legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;font-size:10px;font-weight:700;line-height:1.5;display:flex}.feedback-legend b{color:var(--ink);font-weight:700}.legend-good{background:var(--accent);border-radius:2px;padding:1px 3px}.legend-medium{-webkit-text-decoration:underline wavy var(--primary);text-decoration:underline wavy var(--primary);text-underline-offset:4px;text-decoration-thickness:1.5px}.legend-low{background:var(--orange);border-radius:2px;padding:1px 3px;text-decoration:line-through}.word-detail{color:var(--ink);border-top:1px solid #e5def1;margin-top:5px;padding-top:8px;font-size:12px}.feedback-improvement{box-shadow:3px 4px 0 var(--orange);border-radius:21px;flex-direction:column;gap:8px;padding:13px 14px;display:flex}.feedback-improvement .row{gap:9px;font-size:11px;font-weight:700}.improvement-tag{border:1.3px solid var(--primary);color:var(--primary);background:#efeaff;border-radius:6px;padding:1px 7px;font-size:11px;font-weight:900;line-height:1.6}.feedback-improvement>h2{color:var(--ink);font-size:17px;font-weight:900;line-height:1.5}.feedback-improvement>p{margin:0;font-size:12px;line-height:1.85}.feedback-improvement .improvement-tip{color:var(--ink);font-size:12px}.feedback-improvement>details{color:var(--muted);font-size:11px;font-weight:700;line-height:1.7}.feedback-improvement>details>summary{line-height:1.6;display:block}.additional-point{border-top:1px solid #ddd4ed;margin-top:9px;padding-top:9px}.additional-point h3{font-size:13px}.additional-point p{margin-top:5px;font-size:12px;font-weight:400;line-height:1.8}.feedback-good{background:var(--accent);color:var(--ink);border:1.5px solid var(--ink);border-radius:16px;align-items:flex-start;gap:10px;padding:11px 14px;font-size:12px;font-weight:500;line-height:1.8;display:flex}.feedback-good>svg{margin-top:2px}.feedback-good strong{font-weight:900}.feedback-good details{margin-top:6px;font-size:11px}.feedback-primary-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:11px;margin-top:66px;display:grid}.feedback-primary-actions .button{min-height:53px;box-shadow:4px 4px 0 var(--ink);border-radius:17px;padding:10px 7px;font-size:19px;font-weight:900}.feedback-coach-link{color:#fff;text-align:center;justify-content:center;align-items:center;gap:6px;margin:2px 0 1px;font-size:12px;font-weight:700;line-height:1.5;display:flex}.feedback-coach-link:hover{color:#fff}.feedback-sample-notice{text-align:left;padding-top:4px}.feedback-detail-summary{margin-top:0}.feedback-comparison{flex-direction:column;gap:14px;margin-top:1px;display:flex}.feedback-comparison h2{font-size:15px}.feedback-comparison audio{height:38px}.feedback-comparison label{gap:5px}.feedback-comparison .button.ghost{color:var(--ink);min-height:36px;padding:6px;font-size:12px}@media (max-width:359px){.learning-toolbar{gap:8px}.learning-modes{width:160px}.learning-title h1{font-size:21px}.learning-screen .sentence .english{font-size:17px}.learning-screen .script-card{min-height:280px;padding:9px 6px}.sound-legend{gap:6px;font-size:10px}.learning-controls{gap:4px}.learning-main-play{width:69px;height:69px}.ab-trigger,.learning-rate{width:52px}.script-toggle{font-size:12px}.recording-timer{font-size:55px}.recording-description{font-size:10px}.record-actions{padding:0 14px}.record-main{width:80px;height:80px}.learning-screen .score-summary{gap:12px;padding:15px 14px}.learning-screen .score-ring{width:99px;height:99px}.score-metrics .row>span{font-size:12px}.score-metrics strong{font-size:19px}.feedback-primary-actions .button{font-size:17px}.feedback-coach-link{font-size:11px}}@media (prefers-reduced-motion:reduce){.recording-wave span,.toggle-track:after{transition:none}.learning-main-play:active{transform:none}}