:root{--ink:#0b2239;--teal:#0a8f87;--paper:#f5f7fa;--line:#dce4ea;--good:#07885e;--warn:#a66a00}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",Meiryo,sans-serif}.learn-header{min-height:70px;padding:12px max(18px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.learn-header>a{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.brand-mark{width:42px;height:42px;display:inline-flex}.brand-mark svg{width:100%;height:100%}.learn-header a span{display:flex;flex-direction:column}.learn-header small{opacity:.62}.learn-header nav{display:flex;gap:14px}.learn-header nav a{color:var(--ink);font-size:.85rem}.learn-shell{width:min(1120px,calc(100% - 28px));margin:0 auto 80px}.learn-hero{padding:60px 0 34px;display:flex;justify-content:space-between;gap:40px;align-items:end}.learn-hero>div>span,.today-box>div>span{font-size:.7rem;letter-spacing:.16em;color:var(--teal);font-weight:900}.learn-hero h1{font-size:clamp(2.3rem,6vw,4.8rem);line-height:1.05;margin:8px 0 18px}.learn-hero p{max-width:700px;line-height:1.85}.industry-switch{display:flex;gap:8px}.industry-switch a{padding:12px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);text-decoration:none;color:inherit;white-space:nowrap}.industry-switch a.active{background:#0a8f87;color:#fff;border-color:#0a8f87;box-shadow:0 6px 16px rgba(10,143,135,.22)}.member-note,.today-box,.practice-card,.learn-principle{background:#fff;border:1px solid var(--line);border-radius:24px}.member-note{padding:20px 24px;margin-bottom:18px}.member-note p{margin:7px 0 13px}.member-note div{display:flex;gap:8px}.member-note a{padding:10px 13px;border-radius:10px;background:var(--ink);color:#fff;text-decoration:none;font-weight:800}.member-note a:last-child{background:#e0a126;color:#0b2239;box-shadow:0 5px 14px rgba(224,161,38,.20)}.today-box{padding:24px;display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;margin-bottom:18px}.today-box h2{margin:4px 0}.today-box p{margin:5px 0;opacity:.7}.today-list{display:grid;gap:8px}.today-item{width:100%;padding:12px 14px;text-align:left;border:1px solid var(--line);background:var(--paper);border-radius:12px;cursor:pointer}.today-item strong,.today-item small{display:block}.today-item small{margin-top:3px;opacity:.68}.practice-card{padding:clamp(20px,5vw,48px)}.practice-meta{display:flex;justify-content:space-between;color:var(--teal);font-size:.78rem;font-weight:800}.practice-card h2{font-size:clamp(1.45rem,4vw,2.4rem);margin:24px 0 8px}.english{font-size:clamp(1.35rem,4vw,2.2rem);line-height:1.45;margin:0 0 24px;font-weight:800}.listen-actions{display:flex;gap:8px}.listen-actions button,.result-actions button,.phrase-nav button{border:1px solid var(--line);background:#fff;padding:12px 15px;border-radius:12px;font-weight:700;color:var(--ink)}.mastery-line{margin:22px 0;padding:14px 16px;background:var(--paper);border-radius:14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mastery-line span{font-size:.75rem;opacity:.6}.mastery-line strong{color:var(--teal)}.mastery-line small{margin-left:auto;opacity:.65}.record-area{text-align:center;padding:28px 0}.record-button{width:min(280px,80vw);min-height:72px;border:0;border-radius:999px;background:var(--teal);color:#fff;font-size:1.15rem;font-weight:900;box-shadow:0 15px 35px rgba(10,143,135,.22)}.record-button.recording{background:#d33;animation:pulse 1s infinite}.record-area p{font-size:.84rem;opacity:.65}@keyframes pulse{50%{transform:scale(1.025)}}.result-panel{margin-top:16px;padding:22px;border-radius:20px;background:#f8fbfa;border:1px solid #cce7df}.communicability{display:flex;gap:15px;align-items:center}.communicability>span{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--good);color:#fff;font-size:1.7rem}.communicability small{color:var(--good);font-weight:800}.communicability h3{font-size:1.7rem;margin:2px 0}.communicability p{margin:0;opacity:.7}.score-row{display:grid;grid-template-columns:.7fr 1.3fr;gap:14px;margin:20px 0}.main-score,dl{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.main-score>span{display:block;font-size:.72rem;opacity:.6}.main-score strong{font-size:2.3rem}.main-score strong small{font-size:.9rem}dl{margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}dl div{text-align:center}dt{font-size:.72rem;opacity:.6}dd{margin:4px 0;font-size:1.35rem;font-weight:900}.recognized-box,.problem-box,.advice{margin:12px 0;padding:13px 15px;border-radius:12px;background:#fff;border:1px solid var(--line);line-height:1.7}.problem-word{display:inline-block;margin:4px 6px 4px 0;padding:5px 9px;border-radius:8px;background:#fff1c7;color:#775100;font-weight:800}.advice{border-color:#b9ddd5}.result-actions{display:flex;gap:8px;flex-wrap:wrap}.result-actions button:last-child{margin-left:auto;background:var(--ink);color:#fff}.phrase-nav{margin-top:26px;padding-top:20px;border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;gap:8px}.phrase-nav select{min-width:0;padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff}.learn-principle{margin-top:18px;padding:28px}.learn-principle h2{margin-top:0}.learn-principle p{line-height:1.9}.empty{padding:30px;text-align:center}.hidden{display:none!important}@media(max-width:720px){.learn-header{position:static}.learn-header nav a:first-child{display:none}.learn-hero{padding-top:35px;display:block}.industry-switch{margin-top:22px}.today-box{grid-template-columns:1fr}.score-row{grid-template-columns:1fr}dl{grid-template-columns:repeat(3,1fr)}.phrase-nav{grid-template-columns:1fr 1fr}.phrase-nav select{grid-column:1/-1;grid-row:1}.listen-actions{flex-direction:column}.listen-actions button{width:100%}.result-actions button{flex:1 1 45%}}