:root{--ink:#13231e;--muted:#68736f;--line:#dfe5e1;--paper:#f6f8f6;--white:#fff;--mint:#bdebd9;--mint-deep:#12815f;--coral:#ff8b73;--coral-soft:#fff0ec;--yellow:#f5d95f;--shadow:0 22px 55px rgba(21,43,35,.12);--radius:18px}*{box-sizing:border-box}body{margin:0;font-family:"DM Sans","Noto Sans JP",sans-serif;color:var(--ink);background:var(--paper);letter-spacing:.01em}button,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#13251f;color:#fff;padding:32px 22px 22px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:24px;font-weight:700;margin:0 10px 42px}.brand-mark{width:31px;height:31px;display:flex;align-items:center;justify-content:center;gap:3px;background:var(--mint);border-radius:10px;transform:rotate(-5deg)}.brand-mark span{width:3px;border-radius:4px;background:#173129}.brand-mark span:nth-child(1){height:9px}.brand-mark span:nth-child(2){height:17px}.brand-mark span:nth-child(3){height:12px}.main-nav{display:grid;gap:8px}.nav-item{border:0;background:transparent;color:#aab8b3;border-radius:10px;padding:12px 13px;text-align:left;display:flex;align-items:center;gap:13px;font-weight:500}.nav-item:hover,.nav-item.active{background:#263b34;color:#fff}.nav-icon{font-size:18px;width:20px;text-align:center}.sidebar-bottom{margin-top:auto;display:grid;gap:18px}.profile{border-top:1px solid #31463f;padding-top:18px;display:flex;align-items:center;gap:11px}.avatar{width:36px;height:36px;border-radius:50%;background:#d8efe5;color:#18352c;display:grid;place-items:center;font-weight:700}.profile div:nth-child(2){display:flex;flex-direction:column;font-size:12px}.profile small{color:#8da098;margin-top:2px}.profile button{margin-left:auto;background:transparent;border:0;color:#8da098}.main-content{margin-left:238px;width:calc(100% - 238px);padding:34px 48px 60px;max-width:1540px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.eyebrow,.overline{font-size:10px;letter-spacing:.16em;font-weight:700;color:#82908b;margin:0 0 7px;text-transform:uppercase}.topbar h1{font-size:24px;margin:0;letter-spacing:-.02em}.top-actions{display:flex;gap:10px}.icon-button,.outline-button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:11px 15px;font-weight:600}.icon-button{width:44px;position:relative}.notification-dot{position:absolute;width:6px;height:6px;background:var(--coral);border-radius:50%;right:10px;top:8px}.view{display:none}.view.active{display:block;animation:fadeIn .25s ease}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.practice-card{position:relative;min-height:510px;border-radius:22px;overflow:hidden;padding:24px 28px 28px;display:flex;flex-direction:column}.pre-card{background:#d8f1e7}.post-card{background:#ffe6df}.card-topline{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.mode-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.7);padding:7px 11px;border-radius:99px;font-size:12px;font-weight:700}.mode-badge i{display:block;width:7px;height:7px;border-radius:50%}.mode-badge.mint i{background:var(--mint-deep)}.mode-badge.coral i{background:#e85f48}.duration{font-size:12px;color:#53645e}.practice-visual{height:190px;display:grid;place-items:center;position:relative}.sound-ring{width:142px;height:142px;border:1px solid rgba(18,129,95,.22);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 25px rgba(255,255,255,.22),0 0 0 53px rgba(255,255,255,.16)}.sound-bars{display:flex;align-items:center;gap:5px;height:38px}.sound-bars i{width:5px;border-radius:6px;background:var(--ink);height:16px}.sound-bars i:nth-child(2){height:29px}.sound-bars i:nth-child(3){height:38px}.sound-bars i:nth-child(4){height:25px}.sound-bars i:nth-child(5){height:12px}.sound-bars.active i{animation:wave .7s ease-in-out infinite alternate}.sound-bars.active i:nth-child(2){animation-delay:.15s}.sound-bars.active i:nth-child(4){animation-delay:.25s}.orbit-dot{position:absolute;border-radius:50%;background:#8ccbb5}.orbit-dot.one{width:10px;height:10px;top:35px;left:22%}.orbit-dot.two{width:7px;height:7px;right:19%;top:70px}.orbit-dot.three{width:5px;height:5px;bottom:25px;left:32%}.quote-card{background:#fff;border-radius:14px;padding:19px 23px;box-shadow:0 18px 36px rgba(120,64,52,.12);transform:rotate(-2deg);position:relative}.quote-card span{position:absolute;font-size:36px;color:var(--coral);top:2px}.quote-card p{font-weight:600;line-height:1.7;margin:15px 4px 0}.mini-wave{position:absolute;right:17%;bottom:28px;display:flex;gap:3px;align-items:center}.mini-wave i{width:3px;background:#e76d55;border-radius:3px;height:10px}.mini-wave i:nth-child(2),.mini-wave i:nth-child(4){height:20px}.mini-wave i:nth-child(3){height:28px}.practice-copy{margin-top:auto;position:relative;z-index:2}.practice-copy h2{font-size:27px;line-height:1.45;letter-spacing:-.04em;margin:0 0 10px}.practice-copy>p:not(.overline){font-size:13px;line-height:1.8;color:#5d6965;margin:0 0 20px}.primary-button{border:0;border-radius:11px;padding:14px 18px;font-weight:700;display:inline-flex;align-items:center;justify-content:space-between;gap:30px}.primary-button.dark{background:var(--ink);color:#fff}.coral-button{background:#e86f59;color:#fff}.primary-button:hover{transform:translateY(-1px);filter:brightness(1.04)}.content-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin-top:20px}.panel{background:#fff;border:1px solid #e4e9e6;border-radius:var(--radius);padding:23px}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading h3,.section-heading h2{margin:0}.text-button{border:0;background:transparent;color:var(--mint-deep);font-weight:600}.assignment-row{display:flex;align-items:center;margin-top:20px;padding-top:20px;border-top:1px solid #edf0ee;gap:14px}.client-logo{width:46px;height:46px;border-radius:12px;background:#dde7ff;color:#3159a4;display:grid;place-items:center;font-weight:700;font-size:21px}.assignment-info{display:flex;flex-direction:column;min-width:210px}.assignment-info span{color:var(--muted);font-size:11px;margin-top:5px}.assignment-stat{border-left:1px solid var(--line);padding-left:20px;margin-left:auto;display:flex;flex-direction:column}.assignment-stat span{font-size:10px;color:var(--muted)}.assignment-stat strong{font-size:22px;margin-top:4px}.assignment-stat small{font-size:10px;margin-left:2px}.assignment-stat .score{color:var(--mint-deep)}.round-button{width:36px;height:36px;border-radius:50%;border:0;background:var(--ink);color:#fff;margin-left:8px}.trend-up{font-size:12px;color:var(--mint-deep);font-weight:700}.spark-chart svg{width:100%;height:100px;margin-top:8px}.spark-chart .area{fill:url(#fade)}.spark-chart .line{fill:none;stroke:#18a77a;stroke-width:3;stroke-linecap:round}.spark-chart circle{fill:#18a77a;stroke:#fff;stroke-width:3}.chart-labels{display:flex;justify-content:space-between;color:#9ba5a1;font-size:10px;padding:0 8px}.page-section-heading{margin:12px 0 24px}.page-section-heading h2{font-size:30px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;transition:.2s}.project-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.project-card .client-logo{margin-bottom:34px}.project-card h3{margin:0 0 8px}.project-card p{font-size:12px;color:var(--muted);margin:0}.project-meta{display:flex;gap:8px;margin:18px 0}.subtle-chip{padding:6px 9px;border-radius:7px;background:#edf3f0;color:#567066;font-size:11px}.project-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0ee;padding-top:15px}.project-footer span{font-size:11px;color:var(--muted)}.history-list{display:grid;gap:10px}.history-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px 20px;display:grid;grid-template-columns:110px 1fr 180px 80px;align-items:center;gap:15px}.history-item time,.history-item small{color:var(--muted);font-size:11px}.history-item strong{display:block}.score-pill{justify-self:end;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#e3f4ed;color:var(--mint-deep);font-weight:700}.team-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:20px}.insight-large,.coach-card{min-height:390px}.objection-bars{display:grid;gap:22px;margin-top:35px}.objection-bars div{display:grid;grid-template-columns:130px 1fr;align-items:center;font-size:12px}.objection-bars b{position:relative;background:#e8f4ef;border-radius:6px;padding:9px;width:var(--w);min-width:60px;color:var(--mint-deep);font-size:11px}.coach-card{background:#fff3cd;border-color:#f1df98;display:flex;flex-direction:column}.ai-badge{width:48px;height:48px;border-radius:14px;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:700;margin-bottom:35px}.coach-card>p:not(.overline){color:#6f684c;line-height:1.8;font-size:13px}.coach-card .primary-button{margin-top:auto}select,textarea{border:1px solid var(--line);background:#fff;border-radius:10px;padding:11px 12px;outline:none}textarea{resize:vertical}.modal-backdrop{position:fixed;inset:0;background:rgba(12,25,21,.62);backdrop-filter:blur(7px);display:none;align-items:center;justify-content:center;padding:20px;z-index:50}.modal-backdrop.open{display:flex;animation:fadeIn .2s ease}.modal{width:min(560px,100%);max-height:92vh;overflow:auto;background:#f9faf9;border-radius:24px;padding:35px;box-shadow:var(--shadow);position:relative}.practice-modal{width:min(620px,100%)}.modal-close{position:absolute;right:20px;top:18px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:20px}.modal h2{font-size:28px;margin:18px 0 8px}.modal-lead{color:var(--muted);font-size:13px;line-height:1.7;margin:0 0 24px}.modal-step{display:none}.modal-step.active{display:block;animation:fadeIn .25s ease}.form-field{display:grid;gap:8px;font-size:12px;font-weight:600;margin:15px 0}.difficulty-row{display:flex;justify-content:space-between;align-items:center;margin:20px 0;font-size:12px;font-weight:600}.segmented{background:#e9eeeb;border-radius:9px;padding:3px;display:flex}.segmented button{border:0;background:transparent;padding:8px 13px;border-radius:7px;color:var(--muted);font-size:11px}.segmented button.active{background:#fff;color:var(--ink);box-shadow:0 2px 7px rgba(0,0,0,.06)}.full{width:100%}.session-header{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px}.session-header>div{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:8px}.session-header small{grid-column:2;color:var(--muted);margin-top:3px}.session-header time{font-weight:700}.live-dot{width:8px;height:8px;background:#e95d4d;border-radius:50%;box-shadow:0 0 0 4px #ffe5e0;animation:pulse 1.2s infinite}.ai-customer{text-align:center;margin:28px 0 20px;display:flex;flex-direction:column;align-items:center}.customer-orb{width:110px;height:110px;border-radius:50%;background:#d7efe5;display:grid;place-items:center;box-shadow:0 0 0 12px #edf7f3;margin-bottom:16px}.ai-customer>span{font-size:11px;color:var(--muted);margin-top:4px}.conversation{height:150px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px;display:flex;flex-direction:column;gap:10px}.bubble{max-width:82%;padding:10px 12px;border-radius:12px;font-size:12px;line-height:1.6}.bubble.ai{align-self:flex-start;background:#eef3f0}.bubble.user{align-self:flex-end;background:#19342b;color:#fff}.voice-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:22px}.mic-button{grid-column:2;width:62px;height:62px;border-radius:50%;border:0;background:var(--coral);color:#fff;box-shadow:0 0 0 8px #ffe5df}.mic-button.listening{animation:pulseMic 1s infinite}.mic-button span{font-size:15px}.voice-controls p{grid-column:1/4;text-align:center;color:var(--muted);font-size:11px;margin:15px 0 0}.end-button{justify-self:end;border:1px solid #efb4aa;color:#ce5440;background:#fff;border-radius:9px;padding:9px 13px}.result-step{text-align:center}.result-score{margin:24px auto;width:155px;height:155px;border-radius:50%;border:9px solid #dcefe7;display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;padding-top:27px}.result-score span{width:100%;font-size:11px;color:var(--muted)}.result-score strong{font-size:50px;color:var(--mint-deep)}.result-score small{font-size:12px}.score-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.score-breakdown div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;flex-direction:column;font-size:10px;color:var(--muted)}.score-breakdown b{font-size:18px;color:var(--ink);margin-top:5px}.feedback-card{text-align:left;background:#fff3cd;border:1px solid #f0df9c;border-radius:12px;padding:16px;margin:18px 0}.feedback-card p{font-size:12px;line-height:1.7;color:#665f45;margin:7px 0 0}.result-actions{display:flex;gap:10px}.result-actions>*{flex:1}.voice-input{width:100%;margin-bottom:12px}.toast{position:fixed;right:25px;bottom:25px;background:var(--ink);color:#fff;padding:13px 17px;border-radius:10px;box-shadow:var(--shadow);font-size:12px;transform:translateY(20px);opacity:0;pointer-events:none;transition:.25s;z-index:80}.toast.show{opacity:1;transform:translateY(0)}@keyframes fadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes wave{to{height:8px}}@keyframes pulse{50%{opacity:.45}}@keyframes pulseMic{50%{box-shadow:0 0 0 16px rgba(255,139,115,.22)}}@media(max-width:1000px){.sidebar{width:78px;padding:28px 13px}.brand>span:last-child,.nav-item:not(.active){font-size:0}.brand{margin-left:8px}.nav-item{justify-content:center}.nav-item.active{font-size:0}.profile div:not(.avatar),.profile button{display:none}.main-content{margin-left:78px;width:calc(100% - 78px);padding:30px}.hero-grid{grid-template-columns:1fr}.practice-card{min-height:460px}.content-grid,.team-grid{grid-template-columns:1fr}.project-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.main-content{padding:22px 16px}.topbar{align-items:flex-start}.topbar h1{font-size:19px}.top-actions .icon-button{display:none}.outline-button{font-size:11px}.practice-card{padding:20px;min-height:480px}.project-grid{grid-template-columns:1fr}.content-grid{display:block}.trend-panel{margin-top:15px}.assignment-stat{display:none}.history-item{grid-template-columns:75px 1fr 50px}.history-item>div:nth-child(3){display:none}.modal{padding:28px 20px}.score-breakdown{grid-template-columns:1fr 1fr 1fr}.sidebar{bottom:0;top:auto;width:100%;height:66px;display:block;padding:8px;z-index:20}.brand,.sidebar-bottom{display:none}.main-nav{display:grid;grid-template-columns:repeat(4,1fr)}.nav-item,.nav-item.active,.nav-item:not(.active){font-size:9px;display:flex;flex-direction:column;gap:2px;padding:7px}.nav-icon{font-size:16px}.main-content{margin:0 0 66px;width:100%}.practice-visual{height:170px}}