.dp-page{min-height:100vh;background:var(--surface-backdrop);color:var(--text-primary);font-family:var(--font-ui);display:flex;letter-spacing:var(--ls-tight)}.dp-page *{box-sizing:border-box}.dp-page button,.dp-page input,.dp-page textarea{font:inherit}.dp-page button{cursor:pointer}.dp-page button:focus-visible,.dp-page input:focus-visible,.dp-page textarea:focus-visible{outline:2px solid var(--border-inverse);outline-offset:3px}.dp-page h1,.dp-page h2,.dp-page h3,.dp-page p{margin-top:0}.dp-page h1,.dp-page h2,.dp-page h3{letter-spacing:var(--ls-tighter)}.dp-sidebar{width:292px;flex:none;background:var(--surface-page);border-right:1px solid var(--n-300);height:100vh;position:sticky;top:0;display:flex;flex-direction:column;padding:var(--sp-8) var(--sp-5) var(--sp-5);z-index:80}.dp-brand{display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-3)}.dp-brand-mark{height:42px;width:42px;background:var(--surface-inverse);color:var(--text-inverse);border-radius:var(--r-md);display:grid;place-items:center}.dp-brand strong{display:block;font-size:var(--fs-lg);line-height:var(--lh-tight)}.dp-brand small{font-size:var(--fs-xs);color:var(--text-muted)}.dp-sidebar-intro{font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--text-muted);margin:var(--sp-6) var(--sp-3) var(--sp-4)}.dp-screen-list{overflow-y:auto;scrollbar-width:thin;flex:1;padding:0 var(--sp-1)}.dp-screen-list h3{font-size:var(--fs-2xs);text-transform:uppercase;color:var(--text-disabled);letter-spacing:var(--ls-caps);margin:var(--sp-5) var(--sp-3) var(--sp-2);font-weight:var(--fw-heavy)}.dp-screen-list button{width:100%;border:0;background:transparent;color:var(--text-secondary);padding:var(--sp-3) var(--sp-3);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:var(--fs-sm);font-weight:var(--fw-semibold);margin:2px 0;transition:.2s}.dp-screen-list button svg{opacity:0}.dp-screen-list button:hover{background:var(--surface-sunken)}.dp-screen-list button.active{background:var(--surface-inverse);color:var(--text-inverse)}.dp-screen-list button.active svg{opacity:1}.dp-sidebar-foot{border-top:1px solid var(--border);padding:var(--sp-4) var(--sp-2) 3px;display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-2xs);color:var(--text-muted)}.dp-live-dot{width:7px;height:7px;display:inline-block;flex:none;border-radius:50%;background:var(--mint-strong);box-shadow:0 0 0 4px rgba(50,174,114,.12)}.dp-mobile-close{display:none}.dp-stage{flex:1;flex-direction:column;min-width:0;min-height:100vh;padding:var(--sp-6) var(--sp-6) var(--sp-5)}.dp-stage,.dp-stage-toolbar{display:flex;align-items:center}.dp-stage-toolbar{width:min(100%,440px);gap:var(--sp-3);margin-bottom:var(--sp-4);color:var(--text-secondary)}.dp-stage-toolbar>div{display:flex;flex-direction:column;gap:2px}.dp-stage-toolbar>div span{font-size:var(--fs-2xs);font-weight:var(--fw-heavy);letter-spacing:var(--ls-caps);color:var(--text-muted)}.dp-stage-toolbar strong{font-size:var(--fs-base);color:var(--text-primary)}.dp-stage-count{margin-left:auto;border:1px solid var(--n-300);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-lg);font-size:var(--fs-xs);font-weight:var(--fw-bold)}.dp-menu-trigger{display:none}.dp-stage-note{max-width:440px;color:var(--text-muted);text-align:center;font-size:var(--fs-xs);line-height:var(--lh-normal);margin:var(--sp-3) 0 0}.dp-phone{width:390px;height:844px;max-height:calc(100vh - 115px);min-height:600px;background:var(--surface-page);position:relative;border:3px solid rgba(255,255,255,.9);border-radius:47px;overflow:hidden;box-shadow:var(--shadow-xl)}.dp-phone-status{height:53px;position:absolute;top:0;left:0;right:0;z-index:25;display:flex;align-items:center;justify-content:space-between;padding:var(--sp-1) var(--sp-8) 0 var(--sp-10);color:var(--text-primary);font-size:var(--fs-base);font-weight:var(--fw-heavy);pointer-events:none}.dp-phone-status>div{display:flex;align-items:center;gap:var(--sp-1-5)}.dp-signal{font-size:var(--fs-md);letter-spacing:-3px;padding-right:2px}.dp-battery{height:10px;width:21px;border:1.6px solid var(--border-inverse);border-radius:3px;display:inline-block;position:relative;margin-left:1px}.dp-battery:before{inset:2px}.dp-battery:after,.dp-battery:before{content:"";position:absolute;background:var(--surface-inverse);border-radius:1px}.dp-battery:after{width:2px;height:4px;right:-4px;top:2px}.dp-phone-viewport{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;animation:dp-arrive .24s ease both}.dp-phone-viewport::-webkit-scrollbar{display:none}.dp-phone-viewport:has(.dp-welcome){overflow:hidden}.dp-bottom-nav{position:absolute;left:48px;right:48px;height:62px;border-radius:36px;background:var(--surface-inverse);z-index:30;display:flex;align-items:center;justify-content:space-around;padding:var(--sp-1-5);box-shadow:var(--shadow-md)}.dp-bottom-nav .lx-nav-item,.dp-bottom-nav button{border:0;background:transparent;color:var(--text-inverse-muted);height:49px;width:49px;position:relative}.dp-bottom-nav .lx-nav-item.active,.dp-bottom-nav button.active{background:var(--surface);color:var(--text-primary)}.dp-home-indicator{position:absolute;z-index:35;bottom:9px;left:50%;width:108px;height:4px;border-radius:var(--r-sm);transform:translateX(-50%);background:var(--surface-inverse);opacity:.7}.dp-phone:has(.dp-welcome) .dp-home-indicator{background:var(--surface-inverse)}.dp-phone:has(.dp-welcome) .dp-phone-status{color:var(--text-primary)}.dp-pad{padding:73px var(--sp-5) 110px;min-height:100%;background:var(--surface-page)}.dp-pad:has(.dp-topline){padding-top:67px}.dp-topline{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);margin-bottom:var(--sp-5);min-height:44px}.dp-topline>span:nth-child(2){font-weight:var(--fw-bold);font-size:var(--fs-md)}.dp-top-spacer{width:44px}.dp-icon-button{height:44px;width:44px;border:1px solid var(--border-strong);background:rgba(255,255,255,.8);border-radius:50%;display:grid;place-items:center;color:var(--text-primary);flex:none}.dp-dashboard-top{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-8)}.dp-dashboard-top>span{font-size:var(--fs-lg);font-weight:var(--fw-heavy);flex:1;line-height:var(--lh-snug)}.dp-dashboard-top>span small{display:block;font-weight:var(--fw-medium);font-size:var(--fs-xs);color:var(--text-muted);margin-top:var(--sp-1)}.dp-avatar{width:46px;height:46px;border-radius:50%;background:var(--chip-grey);color:var(--chip-grey-fg);display:grid;place-items:center;font-size:var(--fs-xl);font-weight:var(--fw-heavy);border:3px solid var(--surface);box-shadow:var(--shadow-sm)}.dp-avatar.large{height:66px;width:66px;font-size:var(--fs-3xl)}.dp-heading{display:flex;justify-content:space-between;align-items:start;gap:var(--sp-3);margin-bottom:var(--sp-5)}.dp-heading h1{font-size:var(--fs-4xl);line-height:var(--lh-tight);font-weight:var(--fw-heavy);margin:0;white-space:pre-line}.dp-heading .dp-muted{margin:var(--sp-3) 0 0}.dp-eyebrow{font-size:var(--fs-2xs)!important;font-weight:var(--fw-heavy)!important;letter-spacing:var(--ls-caps)!important;text-transform:uppercase;margin-bottom:var(--sp-2)}.dp-eyebrow,.dp-muted{color:var(--text-muted)}.dp-muted{font-size:var(--fs-md);line-height:var(--lh-normal)}.dp-center{text-align:center}.dp-section-title{display:flex;justify-content:space-between;align-items:center;margin:var(--sp-6) 0 var(--sp-4);gap:var(--sp-3)}.dp-section-title h2{font-size:var(--fs-xl);margin:0;font-weight:var(--fw-heavy)}.dp-section-title button,.dp-section-title>span{border:0;background:none;font-size:var(--fs-xs);font-weight:var(--fw-semibold);white-space:nowrap}.dp-section-title button{text-decoration:underline;text-underline-offset:3px}.dp-button{border:0;width:100%;height:54px;padding:var(--sp-1-5) var(--sp-2) var(--sp-1-5) var(--sp-5);border-radius:var(--r-2xl);display:flex;align-items:center;justify-content:center;font-size:var(--fs-base);font-weight:var(--fw-heavy);position:relative;transition:transform var(--dur-fast),filter var(--dur-fast)}.dp-button:hover{transform:translateY(-2px)}.dp-button:active{transform:scale(.98)}.dp-button-dark{background:var(--surface-inverse);color:var(--text-inverse)}.dp-button-light,.dp-button-outline{background:var(--surface);color:var(--text-primary)}.dp-button-outline{border:1px solid var(--border-strong)}.dp-button-icon{position:absolute;right:6px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12)}.dp-button-light .dp-button-icon,.dp-button-outline .dp-button-icon{background:var(--surface-inverse);color:var(--text-inverse)}.dp-text-link{display:block;background:none;border:0;margin:var(--sp-4) auto 0;font-size:var(--fs-sm);color:var(--text-secondary);font-weight:var(--fw-bold);text-decoration:underline;text-underline-offset:3px}.dp-chip-row{display:flex;gap:var(--sp-2);overflow-x:auto;scrollbar-width:none;margin:0 -20px var(--sp-6);padding:0 var(--sp-5)}.dp-chip-row::-webkit-scrollbar{display:none}.dp-chip{border:0;border-radius:var(--r-2xl);background:var(--surface);color:var(--text-secondary);padding:var(--sp-3) var(--sp-4);white-space:nowrap;font-size:var(--fs-sm);min-height:41px}.dp-chip.active{background:var(--surface-inverse);color:var(--text-inverse)}.dp-segment{display:flex;background:var(--surface-sunken);padding:var(--sp-1);border-radius:var(--r-xl);gap:2px;margin:0 0 var(--sp-5)}.dp-segment button{border:0;flex:1;border-radius:var(--r-xl);background:transparent;color:var(--text-muted);min-height:37px;font-size:var(--fs-sm);font-weight:var(--fw-bold)}.dp-segment button.active{background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow-sm)}.dp-search{display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-4);height:48px;border:1px solid var(--border);border-radius:var(--r-2xl);background:var(--surface);margin:var(--sp-5) 0}.dp-search input{border:0;outline:0;min-width:0;flex:1;color:var(--text-primary);background:transparent;font-size:var(--fs-sm)}.dp-search input::placeholder{color:var(--text-inverse-muted)}.dp-row{border:0;background:var(--surface);width:100%;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-3);text-align:left;border-radius:var(--r-lg);margin-bottom:var(--sp-2);min-height:69px}.dp-row-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:var(--r-md);background:var(--surface-sunken);color:var(--text-primary)}.dp-row-copy{flex:1;min-width:0}.dp-row-copy strong{font-size:var(--fs-md)}.dp-row-copy small,.dp-row-copy strong{display:block;line-height:var(--lh-snug)}.dp-row-copy small{font-size:var(--fs-xs);color:var(--text-muted);margin-top:var(--sp-1)}.dp-row-trailing{display:flex;align-items:center;justify-content:flex-end;font-size:var(--fs-sm)}.dp-badge,.dp-row-trailing{color:var(--text-secondary)}.dp-badge{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-lg);background:var(--surface-page);font-size:var(--fs-2xs);font-weight:var(--fw-bold);white-space:nowrap}.dp-focus-card{background:var(--yellow-bg);border-radius:var(--r-xl);padding:var(--sp-5);margin:var(--sp-5) 0;color:var(--text-primary)}.dp-focus-card.blue{background:var(--blue-bg)}.dp-focus-card.mint{background:var(--mint-bg)}.dp-focus-card.peach{background:var(--peach-bg)}.dp-focus-card h3{font-size:var(--fs-xl);line-height:var(--lh-snug);margin:0 0 var(--sp-2)}.dp-focus-card p{font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--lh-normal);margin:0}.dp-mini-link{border:0;background:transparent;color:var(--text-primary);font-size:var(--fs-sm);font-weight:var(--fw-heavy);padding:0;margin-top:var(--sp-4);display:inline-flex;align-items:center;gap:var(--sp-1-5)}.dp-metrics{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.dp-metric{border-radius:var(--r-xl);min-height:133px;padding:var(--sp-5);display:flex;flex-direction:column;align-items:start}.dp-metric.peach{background:var(--peach-bg)}.dp-metric.blue{background:var(--blue-bg)}.dp-metric.yellow{background:var(--yellow-bg)}.dp-metric.mint{background:var(--mint-bg)}.dp-metric>span{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text-secondary)}.dp-metric strong{font-size:var(--fs-3xl);line-height:var(--lh-tight);margin-top:var(--sp-3);letter-spacing:var(--ls-tighter)}.dp-metric strong small{font-size:var(--fs-sm);letter-spacing:0;font-weight:var(--fw-semibold)}.dp-metric p{font-size:var(--fs-2xs);color:var(--text-muted);margin:var(--sp-2) 0 0}.dp-welcome{min-height:100%;background-size:cover;background-position:49%;position:relative}.dp-welcome-copy{position:absolute;left:16px;right:16px;bottom:55px}.dp-welcome h1{font-size:var(--fs-4xl);line-height:var(--lh-tight);margin:var(--sp-5) 0 var(--sp-3);font-weight:var(--fw-heavy)}.dp-welcome p{font-size:var(--fs-md);max-width:300px;line-height:var(--lh-normal);margin-bottom:var(--sp-6)}.dp-welcome .dp-text-link{margin-top:var(--sp-3)}.dp-dots{display:flex;gap:var(--sp-1);align-items:center}.dp-dots i{width:7px;height:7px;border-radius:var(--r-xs);background:var(--n-300)}.dp-dots i.active{width:22px;background:var(--surface-inverse)}.dp-auth-art{height:180px;border-radius:var(--r-2xl);background:var(--blue-bg);position:relative;display:grid;place-items:center;margin-bottom:var(--sp-6);overflow:hidden}.dp-auth-art:after,.dp-auth-art:before{content:"";position:absolute;border:1px solid var(--blue-line);width:250px;height:250px;border-radius:50%}.dp-auth-art:after{width:170px;height:170px}.dp-auth-circle{height:92px;width:92px;background:var(--surface-inverse);color:var(--text-inverse);display:grid;place-items:center;border-radius:50%;z-index:1}.dp-auth-small{position:absolute;height:38px;width:38px;border-radius:50%;background:var(--surface);display:grid;place-items:center;z-index:2}.dp-auth-small.one{top:28px;right:66px}.dp-auth-small.two{bottom:22px;left:59px}.dp-form{display:grid;gap:var(--sp-3);margin-top:var(--sp-6)}.dp-field-label,.dp-form label{font-size:var(--fs-xs);font-weight:var(--fw-bold);display:grid;gap:var(--sp-2);color:var(--text-secondary)}.dp-field-label input,.dp-field-label textarea,.dp-form input{width:100%;border:1px solid var(--border);background:var(--surface);border-radius:var(--r-md);padding:var(--sp-4);color:var(--text-primary);font-size:var(--fs-sm);resize:vertical}.dp-form .dp-button{margin-top:var(--sp-1-5)}.dp-divider{display:flex;align-items:center;gap:var(--sp-3);color:var(--text-inverse-muted);font-size:var(--fs-xs);justify-content:center;margin:var(--sp-1) 0}.dp-divider:after,.dp-divider:before{content:"";height:1px;background:var(--surface-sunken);flex:1}.dp-auth-switch{font-size:var(--fs-sm);text-align:center;color:var(--text-muted);margin-top:var(--sp-6)}.dp-auth-switch button{border:0;background:none;color:var(--text-primary);font-weight:var(--fw-heavy);text-decoration:underline}.dp-otp-icon{width:72px;height:72px;border-radius:var(--r-xl);background:var(--mint-bg);display:grid;place-items:center;margin:75px 0 var(--sp-6)}.dp-otp-boxes{display:flex;gap:var(--sp-2);margin:var(--sp-8) 0}.dp-otp-boxes input{min-width:0;width:100%;height:51px;text-align:center;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--text-primary);font-weight:var(--fw-heavy);font-size:var(--fs-xl)}.dp-preset-list{display:grid;gap:var(--sp-2);margin-bottom:var(--sp-6)}.dp-preset{border:1.5px solid transparent;display:flex;align-items:center;gap:var(--sp-3);text-align:left;border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-3);min-height:70px;color:var(--text-primary)}.dp-preset.peach{background:var(--peach-bg)}.dp-preset.blue{background:var(--blue-bg)}.dp-preset.yellow{background:var(--yellow-bg)}.dp-preset.lavender{background:var(--lavender-bg)}.dp-preset.mint{background:var(--mint-bg)}.dp-preset.selected{border-color:var(--border-inverse)}.dp-preset>span{height:43px;width:43px;border-radius:var(--r-md);background:rgba(255,255,255,.72);display:grid;place-items:center}.dp-preset div{flex:1}.dp-preset strong{display:block;font-size:var(--fs-base)}.dp-preset small{display:block;font-size:var(--fs-xs);color:var(--text-muted);margin-top:var(--sp-1)}.dp-preset b{font-size:var(--fs-lg);font-weight:var(--fw-medium)}.dp-quota{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--text-muted);background:var(--surface-sunken);border-radius:var(--r-md);padding:var(--sp-3);margin:var(--sp-4) 0}.dp-call{min-height:100%;padding:66px var(--sp-5) 145px;display:flex;flex-direction:column;background:var(--surface-page)}.dp-call .dp-topline{margin-bottom:var(--sp-1)}.dp-call-intro{font-size:var(--fs-xs);color:var(--text-muted);display:flex;align-items:center;gap:var(--sp-2)}.dp-call-intro>span:last-child{margin-left:auto;font-variant-numeric:tabular-nums}.dp-call-orb{height:215px;display:grid;place-items:center;position:relative}.dp-orb-core{height:132px;width:132px;border-radius:50%;display:grid;place-items:center;background:var(--surface-sunken);color:var(--text-primary);z-index:1;animation:dp-breathe 3s ease-in-out infinite}.dp-orb-ring{position:absolute;height:177px;width:177px;border:1px solid var(--blue-line);border-radius:50%}.dp-call-prompt{text-align:center;font-size:var(--fs-xl);font-weight:var(--fw-heavy);line-height:var(--lh-snug);margin:-5px var(--sp-1-5) var(--sp-5)}.dp-transcript{display:grid;gap:var(--sp-3)}.dp-message{border-radius:var(--r-lg);padding:var(--sp-4);font-size:var(--fs-sm);line-height:var(--lh-normal)}.dp-message.agent{background:var(--surface);margin-right:var(--sp-6)}.dp-message.self{background:var(--blue-bg);margin-left:var(--sp-6)}.dp-message small{font-size:var(--fs-2xs);letter-spacing:var(--ls-caps);font-weight:var(--fw-heavy);color:var(--text-muted)}.dp-message p{margin:var(--sp-1-5) 0 0}.dp-message button{border:0;background:none;font-size:var(--fs-2xs);text-decoration:underline;padding:0}.dp-message button,.dp-message em{color:var(--text-muted);margin-top:var(--sp-2)}.dp-message em{display:block;font-style:normal}.dp-inline-coach{background:var(--mint-bg);border-radius:var(--r-md);display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3);font-size:var(--fs-2xs)}.dp-inline-coach span{flex:1}.dp-inline-coach button{background:none;border:0;text-decoration:underline;font-weight:var(--fw-heavy);font-size:var(--fs-2xs)}.dp-call-controls{position:absolute;bottom:35px;left:20px;right:20px;display:flex;align-items:center;gap:var(--sp-3)}.dp-call-controls .dp-icon-button{background:var(--surface)}.dp-end-call{height:46px;border:0;background:var(--surface-inverse);color:var(--text-inverse);padding:0 var(--sp-5);flex:1;font-weight:var(--fw-heavy)}.dp-call-sheet,.dp-end-call{border-radius:var(--r-xl);font-size:var(--fs-sm)}.dp-call-sheet{position:absolute;bottom:95px;left:15px;right:15px;background:var(--surface);box-shadow:var(--shadow-lg);padding:var(--sp-4);z-index:5}.dp-sheet-head{display:flex;justify-content:space-between;font-size:var(--fs-base)}.dp-sheet-head button{border:0;background:none}.dp-call-sheet p{margin:var(--sp-4) 0 var(--sp-2);color:var(--text-muted)}.dp-sheet-highlight{padding:var(--sp-3);background:var(--mint-bg);border-radius:var(--r-md);line-height:var(--lh-normal)}.dp-call-sheet small{display:block;margin-top:var(--sp-3);color:var(--text-muted)}.dp-debrief-hero{text-align:center;padding:var(--sp-4) var(--sp-2) var(--sp-6)}.dp-score-circle{width:145px;height:145px;border-radius:50%;border:10px solid var(--mint-bg);outline:2px solid var(--mint-line);background:var(--surface);margin:var(--sp-4) auto var(--sp-6);display:flex;flex-direction:column;align-items:center;justify-content:center}.dp-score-circle strong{font-size:var(--fs-5xl);line-height:1}.dp-score-circle small{font-size:var(--fs-xs);color:var(--text-muted);margin-top:var(--sp-2)}.dp-debrief-hero h1{font-size:var(--fs-3xl);line-height:var(--lh-tight);margin:0 0 var(--sp-2)}.dp-debrief-hero p{font-size:var(--fs-sm);color:var(--text-muted);margin:0}.dp-insight-feature{background:var(--surface-inverse);color:var(--text-inverse);border-radius:var(--r-2xl);padding:var(--sp-6);margin-bottom:var(--sp-5)}.dp-insight-feature .dp-eyebrow{color:var(--text-inverse-muted)}.dp-insight-feature h2{font-size:var(--fs-2xl);line-height:var(--lh-tight);margin:var(--sp-4) 0 var(--sp-3)}.dp-insight-feature p{font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--text-inverse-muted)}.dp-insight-feature button{border:0;color:var(--text-primary);padding:var(--sp-3) var(--sp-3);font-size:var(--fs-xs);font-weight:var(--fw-heavy);display:flex;align-items:center;gap:var(--sp-3)}.dp-chart,.dp-insight-feature button{background:var(--surface);border-radius:var(--r-xl)}.dp-chart{height:165px;padding:var(--sp-6) var(--sp-5) var(--sp-4);margin-bottom:var(--sp-5)}.dp-chart-bars{height:110px;display:flex;align-items:end;justify-content:space-around;gap:var(--sp-3);border-bottom:1px solid var(--border)}.dp-chart-bars i{display:block;width:29px;background:var(--blue-bg);border-radius:var(--r-sm) var(--r-sm) 0 0}.dp-chart-bars i:last-child{background:var(--surface-inverse)}.dp-chart-labels{display:flex;justify-content:space-between;font-size:var(--fs-2xs);color:var(--text-muted);padding-top:var(--sp-2)}.dp-learning-card{background:var(--mint-bg);padding:var(--sp-5);border-radius:var(--r-xl);margin-bottom:var(--sp-3)}.dp-learning-card.peach{background:var(--peach-bg)}.dp-learning-card.blue{background:var(--blue-bg)}.dp-learning-card h3{margin:var(--sp-3) 0 var(--sp-2);font-size:var(--fs-2xl)}.dp-learning-card p{font-size:var(--fs-sm);margin:0 0 var(--sp-3)}.dp-drill-progress,.dp-learning-card small{color:var(--text-muted);font-size:var(--fs-2xs)}.dp-drill-progress{display:flex;justify-content:space-between;font-weight:var(--fw-heavy);letter-spacing:var(--ls-caps);margin:var(--sp-1) 0 var(--sp-3)}.dp-progress-track{height:5px;background:var(--surface-sunken);border-radius:var(--r-xs);margin-bottom:var(--sp-8);overflow:hidden}.dp-progress-track i{height:100%;background:var(--surface-inverse);display:block;border-radius:var(--r-xs);transition:width .3s}.dp-drill-question{border-radius:var(--r-xl);background:var(--blue-bg);padding:var(--sp-6);margin:var(--sp-6) 0}.dp-drill-question p{font-size:var(--fs-xl);line-height:var(--lh-snug);font-weight:var(--fw-bold);margin:var(--sp-3) 0}.dp-record{height:85px;width:85px;display:grid;place-items:center;background:var(--surface-inverse);color:var(--text-inverse);border:8px solid var(--border);border-radius:50%;margin:var(--sp-8) auto var(--sp-4);box-shadow:0 0 0 10px var(--border)}.dp-drill-question .dp-icon-button{margin-top:var(--sp-4)}.dp-field-label{margin:var(--sp-5) 0}.dp-result-illustration{width:112px;height:112px;border-radius:35px;background:var(--yellow-bg);display:grid;place-items:center;margin:var(--sp-8) auto var(--sp-8);transform:rotate(-8deg)}.dp-result-illustration svg{transform:rotate(8deg)}.dp-result-illustration.blue{background:var(--blue-bg)}.dp-result-illustration.mint{background:var(--mint-bg)}.dp-word-card{background:var(--blue-bg);border-radius:var(--r-xl);padding:var(--sp-5);margin-bottom:var(--sp-3)}.dp-word-card.yellow{background:var(--yellow-bg)}.dp-word-card>div:first-child{display:flex;justify-content:space-between;align-items:center}.dp-word-card>div:first-child button{background:var(--surface);border:0;border-radius:50%;height:34px;width:34px;display:grid;place-items:center}.dp-word-card h3{font-size:var(--fs-2xl);margin:var(--sp-3) 0 3px}.dp-word-card p{font-size:var(--fs-xs);margin:var(--sp-1-5) 0;color:var(--text-secondary)}.dp-word-card .dp-ipa{font-size:var(--fs-sm);color:var(--text-muted)}.dp-word-actions{display:flex;gap:var(--sp-2);margin-top:var(--sp-4)}.dp-word-actions button{padding:var(--sp-2) var(--sp-3);border:0;background:var(--surface);border-radius:var(--r-lg);font-size:var(--fs-2xs);font-weight:var(--fw-heavy)}.dp-word-actions button:last-child{background:var(--surface-inverse);color:var(--text-inverse)}.dp-feature-article{height:332px;background-size:cover;background-position:50%;border-radius:var(--r-2xl);color:var(--text-inverse);display:flex;flex-direction:column;justify-content:end;padding:var(--sp-4);position:relative;overflow:hidden}.dp-article-save{position:absolute;top:15px;right:15px;height:36px;width:36px;border:0;border-radius:50%;background:rgba(255,255,255,.3);backdrop-filter:blur(5px);color:var(--text-inverse);display:grid;place-items:center}.dp-feature-article>div span{font-size:var(--fs-2xs);letter-spacing:var(--ls-caps);font-weight:var(--fw-heavy)}.dp-feature-article h2{font-size:var(--fs-2xl);line-height:var(--lh-tight);margin:var(--sp-2) 0 var(--sp-4)}.dp-feature-article .dp-button{height:46px}.dp-feature-article .dp-button-icon{height:36px;width:36px}.dp-article-screen{background:var(--surface-page);min-height:100%}.dp-article-screen>.dp-topline{padding:65px var(--sp-5) 0;margin-bottom:var(--sp-4)}.dp-article-screen>img{display:block;width:100%;height:210px;object-fit:cover}.dp-article-body{padding-top:var(--sp-6)}.dp-article-body h1{font-size:var(--fs-3xl);line-height:var(--lh-tight);margin-bottom:var(--sp-3)}.dp-article-body>p:not(.dp-muted){font-family:var(--font-reading);font-size:var(--fs-lg);line-height:var(--lh-relaxed);color:var(--text-primary);margin:var(--sp-6) 0}.dp-article-body mark{background:var(--yellow-line);border-radius:3px;padding:1px 2px}.dp-article-actions{display:flex;gap:var(--sp-2);margin:var(--sp-5) 0}.dp-translated{font-family:var(--font-reading);background:var(--blue-bg);border-radius:var(--r-md);padding:var(--sp-3);font-size:var(--fs-md);line-height:var(--lh-normal)}.dp-toggle{width:34px;height:20px;border-radius:var(--r-lg);background:var(--n-200);position:relative;display:block}.dp-toggle:after{content:"";position:absolute;height:14px;width:14px;top:3px;left:3px;border-radius:50%;background:var(--surface)}.dp-toggle.on{background:var(--surface-inverse)}.dp-toggle.on:after{left:17px}.dp-read-text{background:var(--blue-bg);padding:var(--sp-6);border-radius:var(--r-2xl);margin:var(--sp-5) 0}.dp-read-text p{font-family:var(--font-reading);font-size:var(--fs-xl);line-height:var(--lh-relaxed);margin:var(--sp-4) 0;color:var(--text-primary)}.dp-read-text button{gap:var(--sp-2);border:0;border-radius:var(--r-lg);background:var(--surface);padding:var(--sp-3) var(--sp-3);font-weight:var(--fw-bold)}.dp-read-text button,.dp-read-tip{display:flex;align-items:center;font-size:var(--fs-xs)}.dp-read-tip{gap:var(--sp-3);color:var(--text-muted);line-height:var(--lh-normal);margin:var(--sp-4) 0}.dp-read-tip p{margin:0}.dp-word-heatmap{font-family:var(--font-reading);font-size:var(--fs-lg);line-height:var(--lh-relaxed);background:var(--surface);border-radius:var(--r-lg);padding:var(--sp-5);margin-bottom:var(--sp-4)}.dp-word-heatmap em{font-style:normal;background:var(--peach-bg);border-radius:var(--r-xs);padding:2px 3px}.dp-sprint-hero{background:var(--surface-inverse);color:var(--text-inverse);border-radius:var(--r-2xl);padding:var(--sp-6);margin-bottom:var(--sp-6)}.dp-sprint-hero>svg{margin-bottom:var(--sp-5)}.dp-sprint-hero span{display:block;font-size:var(--fs-2xs);color:var(--text-inverse-muted);letter-spacing:var(--ls-caps)}.dp-sprint-hero h1{font-size:var(--fs-4xl);line-height:var(--lh-tight);margin:var(--sp-3) 0}.dp-sprint-hero p{font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--text-inverse-muted);margin:0}.dp-stepper{display:flex;justify-content:space-between;align-items:center;border-radius:var(--r-xl);background:var(--surface);padding:var(--sp-2);margin-bottom:var(--sp-6)}.dp-stepper button{height:37px;width:37px;border-radius:50%;border:0;background:var(--surface-sunken);font-size:var(--fs-xl)}.dp-stepper strong{font-size:var(--fs-lg)}.dp-sprint-question{border-radius:var(--r-2xl);background:var(--yellow-bg);padding:var(--sp-8) var(--sp-6);font-size:var(--fs-2xl);line-height:var(--lh-normal);font-weight:var(--fw-bold);margin:var(--sp-8) 0}.dp-plan-features{margin:var(--sp-6) 0}.dp-plan{width:100%;border:1.5px solid var(--border);background:var(--surface);border-radius:var(--r-lg);display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5);text-align:left;margin-bottom:var(--sp-2);color:var(--text-primary)}.dp-plan.selected{border-color:var(--border-inverse);background:var(--surface-sunken)}.dp-plan small,.dp-plan strong{display:block}.dp-plan strong{font-size:var(--fs-md)}.dp-plan small{color:var(--text-muted);font-size:var(--fs-2xs);margin-top:var(--sp-1-5)}.dp-plan b{font-size:var(--fs-sm)}.dp-plan+.dp-button{margin-top:var(--sp-5)}.dp-qr-card{border-radius:var(--r-2xl);background:var(--surface);padding:var(--sp-6);display:grid;place-items:center;margin:var(--sp-5) 0}.dp-qr-art{width:185px;height:185px;background:repeating-conic-gradient(var(--surface-inverse) 0 25%,var(--surface) 0 50%) 50%/19px 19px;position:relative;border:9px solid var(--surface)}.dp-qr-corner{position:absolute;height:44px;width:44px;background:var(--surface);border:9px solid var(--border-inverse)}.dp-qr-corner.one{top:0;left:0}.dp-qr-corner.two{top:0;right:0}.dp-qr-corner.three{bottom:0;left:0}.dp-qr-card small{font-size:var(--fs-2xs);color:var(--text-disabled);margin-top:var(--sp-3)}.dp-transfer-detail{background:var(--surface);border-radius:var(--r-xl);padding:var(--sp-1-5) var(--sp-5)}.dp-transfer-detail>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:var(--sp-3) 0;font-size:var(--fs-xs)}.dp-transfer-detail>div:last-child{border:0}.dp-transfer-detail span{color:var(--text-muted)}.dp-profile{display:flex;align-items:center;gap:var(--sp-4);background:var(--surface);border-radius:var(--r-xl);padding:var(--sp-4)}.dp-profile h2{font-size:var(--fs-lg);margin:0}.dp-profile p{font-size:var(--fs-xs);color:var(--text-muted);margin:var(--sp-1-5) 0}.dp-profile span{font-size:var(--fs-2xs);font-weight:var(--fw-heavy);background:var(--peach-bg);padding:var(--sp-1-5) var(--sp-2);border-radius:var(--r-sm)}.dp-scrim{display:none}@keyframes dp-arrive{0%{opacity:.72;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes dp-breathe{50%{transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){.dp-orb-core,.dp-phone-viewport{animation:none}}.dp-state-art{width:160px;height:160px;border-radius:44px;display:grid;place-items:center;margin:60px auto var(--sp-10);color:var(--text-primary);transform:rotate(-7deg)}.dp-state-art svg{transform:rotate(7deg)}.dp-state-art.yellow{background:var(--yellow-bg)}.dp-state-art.blue{background:var(--blue-bg)}.dp-state-art.mint{background:var(--mint-bg)}.dp-state-art.peach{background:var(--peach-bg)}.dp-reconnect-art{animation:dp-breathe 2.4s ease-in-out infinite}@media(max-width:760px){.dp-page{display:block}.dp-sidebar{position:fixed;left:0;top:0;bottom:0;transform:translateX(-105%);transition:transform var(--dur-base);width:min(83vw,310px);box-shadow:15px 0 50px rgba(0,0,0,.1)}.dp-sidebar.open{transform:translateX(0)}.dp-mobile-close{display:grid;place-items:center;margin-left:auto;border:0;background:transparent}.dp-scrim{display:block;position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.4);border:0}.dp-stage{padding:0;min-height:100dvh}.dp-stage-toolbar{position:fixed;top:48%;right:0;z-index:65;width:auto;margin:0}.dp-stage-count,.dp-stage-toolbar>div{display:none}.dp-menu-trigger{display:grid;place-items:center;width:29px;height:52px;border:1px solid var(--border-strong);border-right:0;border-radius:var(--r-md) 0 0 var(--r-md);background:rgba(255,255,255,.94);color:var(--text-primary)}.dp-phone{width:100vw;height:100dvh;max-height:none;min-height:0;border:0;border-radius:0;box-shadow:none}.dp-phone-status{padding-right:var(--sp-6);padding-left:var(--sp-8)}.dp-stage-note{display:none}.dp-bottom-nav{left:50%;right:auto;width:284px;transform:translateX(-50%)}.dp-menu-trigger{box-shadow:var(--shadow-sm)}}.dp-page{--dp-muted:var(--n-600)}.dp-call-intro,.dp-call-sheet p,.dp-call-sheet small,.dp-dashboard-top>span small,.dp-debrief-hero p,.dp-learning-card small,.dp-metric p,.dp-muted,.dp-preset small,.dp-profile p,.dp-row-copy small,.dp-word-card .dp-ipa{color:var(--text-secondary)}.dp-eyebrow,.dp-message small{font-size:var(--fs-xs)!important}.dp-message small,.dp-section-title button,.dp-section-title>span{color:var(--text-secondary)}.dp-phone-viewport button,.dp-phone-viewport input,.dp-phone-viewport textarea{scroll-margin-bottom:125px}.dp-bottom-nav{left:50%;right:auto;width:calc(100% - 48px);max-width:318px;transform:translateX(-50%);bottom:24px;height:66px;padding:var(--sp-2) var(--sp-2);border-radius:38px}.dp-bottom-nav .lx-nav-item,.dp-bottom-nav button{flex:0 1 52px;width:52px;min-width:44px;height:52px;border-radius:50%;display:grid;place-items:center}.dp-sticky-action{position:absolute;left:17px;right:17px;bottom:25px;z-index:32;background:rgba(246,247,248,.96);padding:var(--sp-3) 3px var(--sp-1-5);border-radius:34px;box-shadow:0 -10px 20px rgba(246,247,248,.9)}.dp-practice{padding-bottom:155px}.dp-quota{width:100%;min-height:62px;border:0;text-align:left;color:var(--text-secondary)}.dp-quota span{flex:1;display:flex;flex-direction:column;gap:3px;font-size:var(--fs-sm)}.dp-quota small{font-size:var(--fs-xs);color:var(--text-secondary)}.dp-confirm-backdrop{position:absolute;inset:0;z-index:50;background:rgba(17,24,26,.43);display:flex;align-items:end}.dp-confirm-card{background:var(--surface-page);border-radius:var(--r-2xl) var(--r-2xl) 0 0;padding:var(--sp-6) var(--sp-5) var(--sp-10);width:100%}.dp-confirm-card h2{font-size:var(--fs-2xl);line-height:var(--lh-tight);margin:3px 0 var(--sp-3)}.dp-confirm-card p{font-size:var(--fs-md);line-height:var(--lh-normal);color:var(--text-secondary);margin-bottom:var(--sp-6)}.dp-confirm-card .dp-button{margin-top:var(--sp-2)}.dp-button:disabled{opacity:.55;cursor:progress;transform:none}.dp-debrief-duration{display:block;font-size:69px;font-weight:var(--fw-heavy);letter-spacing:-.08em;font-variant-numeric:tabular-nums;line-height:var(--lh-tight);margin:var(--sp-4) 0 var(--sp-5)}.dp-text-link{min-height:44px;padding:var(--sp-3) var(--sp-4);display:flex;align-items:center;justify-content:center}.dp-auth-switch button{min-height:44px;padding:var(--sp-3) var(--sp-1-5)}.dp-section-title button{min-height:44px;padding:var(--sp-3) 0}.dp-message button{min-height:44px;padding:var(--sp-2) var(--sp-1-5);font-size:var(--fs-sm);margin-top:var(--sp-1)}.dp-inline-coach button,.dp-sheet-head button{min-width:44px;min-height:44px;display:grid;place-items:center}.dp-chip,.dp-insight-feature button,.dp-mini-link,.dp-read-text button,.dp-segment button{min-height:44px}.dp-mini-link{padding:var(--sp-3) 0}.dp-word-card>div:first-child button{width:44px;height:44px}.dp-word-actions button{min-height:44px;padding:var(--sp-3) var(--sp-4)}.dp-article-save,.dp-stepper button{width:44px;height:44px}@media(max-width:760px){.dp-menu-trigger{width:44px;min-height:56px}}.dp-qr-placeholder{min-height:245px;background:var(--surface-sunken);text-align:center;padding:var(--sp-6) var(--sp-8);align-content:center;gap:var(--sp-3)}.dp-qr-symbol{width:64px;height:64px;border-radius:var(--r-xl);background:var(--surface);display:grid;place-items:center;color:var(--text-primary)}.dp-qr-placeholder strong{font-size:var(--fs-lg)}.dp-qr-placeholder p{font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--text-secondary);margin:0}.dp-qr-placeholder span{font-size:var(--fs-2xs);font-weight:var(--fw-heavy);letter-spacing:var(--ls-caps);color:var(--text-secondary);margin-top:var(--sp-1)}.dp-payment-status{display:flex;align-items:center;gap:var(--sp-4);background:var(--surface);border-radius:var(--r-lg);padding:var(--sp-4);margin-top:var(--sp-4)}.dp-payment-status small,.dp-payment-status strong{display:block}.dp-payment-status strong{font-size:var(--fs-md)}.dp-payment-help,.dp-payment-status small{font-size:var(--fs-xs);line-height:var(--lh-normal);color:var(--text-secondary);margin-top:var(--sp-1)}.dp-payment-help{margin:var(--sp-4) 3px}.dp-transfer-detail span{color:var(--text-secondary)}.dp-news-empty{background:var(--surface);border-radius:var(--r-xl);text-align:center;padding:var(--sp-8) var(--sp-5);margin-top:var(--sp-5)}.dp-news-empty h2{font-size:var(--fs-xl);line-height:var(--lh-snug);margin:var(--sp-4) 0 var(--sp-2)}.dp-news-empty p{font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:var(--sp-5)}.dp-feature-article.no-image{background:var(--mint-bg);color:var(--text-primary)}.dp-feature-article.no-image .dp-article-save{background:var(--surface);color:var(--text-primary)}.dp-article-placeholder{height:210px;background:var(--mint-bg);color:var(--text-primary);display:grid;place-items:center}.dp-form-notice{background:var(--blue-bg);color:var(--blue-fg);padding:var(--sp-3) var(--sp-3);border-radius:var(--r-md);font-size:var(--fs-sm);line-height:var(--lh-normal)}.dp-field-label small{display:block;font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--text-secondary);margin-top:var(--sp-1)}.dp-time-warning{color:var(--red-strong);animation:dp-breathe 1s ease-in-out infinite}.dp-ending .dp-state-art{margin-top:var(--sp-10)}.dp-message button,.dp-section-title button{min-width:44px}.dp-badge,.dp-plan small,.dp-profile span,.dp-sidebar-foot{font-size:var(--fs-xs)}@media(prefers-reduced-motion:reduce){.dp-time-warning{animation:none}}@media(max-width:760px){.dp-stage-toolbar{top:5px;right:18px}.dp-menu-trigger{width:44px;height:44px;min-height:44px;border:1px solid var(--border-strong);border-radius:50%;background:var(--surface)}.dp-phone-status>div{display:none}}.dp-word-heatmap button{display:inline-flex;align-items:center;min-height:44px;margin:1px 2px;padding:2px var(--sp-2);border:0;border-radius:var(--r-sm);background:var(--peach-bg);color:var(--peach-fg);font-family:inherit;font-size:inherit;font-weight:var(--fw-bold);text-decoration:underline;text-decoration-color:var(--peach-strong);text-underline-offset:4px}.dp-word-heatmap button:focus-visible{outline-offset:1px}.dp-phoneme-word-card{background:var(--blue-bg);border-radius:var(--r-2xl);padding:var(--sp-5);margin:var(--sp-3) 0 var(--sp-6)}.dp-phoneme-word-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.dp-phoneme-word-head span{font-size:var(--fs-2xs);font-weight:var(--fw-heavy);letter-spacing:var(--ls-caps);color:var(--text-secondary)}.dp-phoneme-word-head strong{display:grid;place-items:center;min-width:59px;height:34px;padding:0 var(--sp-2);background:var(--surface);border-radius:var(--r-lg);font-size:var(--fs-base)}.dp-phoneme-word-card h2{font-size:var(--fs-5xl);line-height:1;margin:var(--sp-5) 0 var(--sp-2)}.dp-phoneme-word-card p{font-size:var(--fs-lg);font-weight:var(--fw-bold);margin:0 0 var(--sp-5)}.dp-phoneme-word-card p span{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-secondary)}.dp-phoneme-target button,.dp-phoneme-word-card button{border:0;background:var(--surface);color:var(--text-primary);border-radius:var(--r-xl);min-height:44px;padding:var(--sp-3) var(--sp-4);display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);font-weight:var(--fw-heavy)}.dp-phoneme-detail .dp-section-title{margin-top:var(--sp-6)}.dp-phoneme-parts{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin:0 0 var(--sp-4)}.dp-phoneme-parts button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:54px;min-height:61px;padding:var(--sp-2) var(--sp-3);border:1.5px solid transparent;border-radius:var(--r-md);gap:var(--sp-1)}.dp-phoneme-parts button strong{font-size:var(--fs-lg);font-weight:var(--fw-heavy);line-height:1}.dp-phoneme-parts button small{font-size:var(--fs-2xs);line-height:var(--lh-tight);font-weight:var(--fw-bold);white-space:nowrap}.dp-phoneme-parts button.correct{background:var(--mint-bg);color:var(--mint-fg)}.dp-phoneme-parts button.needs-work{background:var(--peach-bg);color:var(--peach-fg)}.dp-phoneme-parts button.selected{border-color:var(--border-inverse);box-shadow:0 0 0 2px var(--surface) inset}.dp-phoneme-feedback{background:var(--peach-bg);border-radius:var(--r-xl);padding:var(--sp-5);margin:var(--sp-2) 0 var(--sp-5)}.dp-phoneme-feedback.correct{background:var(--mint-bg)}.dp-phoneme-feedback h3{font-size:var(--fs-4xl);margin:0 0 var(--sp-3);line-height:1}.dp-phoneme-feedback p{font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--text-secondary);margin:var(--sp-3) 0 0}.dp-phoneme-compare{display:grid;grid-template-columns:1fr 18px 1fr;align-items:center;gap:var(--sp-2)}.dp-phoneme-compare>div{background:rgba(255,255,255,.75);border-radius:var(--r-md);padding:var(--sp-3);min-height:72px}.dp-phoneme-compare small{display:block;font-size:var(--fs-2xs);font-weight:var(--fw-heavy);letter-spacing:var(--ls-caps);color:var(--text-secondary);margin-bottom:var(--sp-1-5)}.dp-phoneme-compare strong{font-size:var(--fs-xl);line-height:1}.dp-phoneme-empty{background:var(--surface);border-radius:var(--r-xl);padding:var(--sp-6);margin:var(--sp-5) 0;color:var(--text-primary)}.dp-phoneme-empty>svg{margin-bottom:var(--sp-4)}.dp-phoneme-empty h2{font-size:var(--fs-xl);margin:0 0 var(--sp-2)}.dp-phoneme-empty p{margin:0}.dp-phoneme-empty p,.dp-practice-context{font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--text-secondary)}.dp-practice-context{background:var(--blue-bg);border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-4);margin:0 0 var(--sp-5)}@media(max-width:760px){.dp-drill-page .dp-progress-track{margin-bottom:var(--sp-5)}.dp-drill-page .dp-heading h1{font-size:clamp(28px,8vw,38px)}.dp-drill-page .dp-drill-question{padding:var(--sp-5);margin:var(--sp-4) 0}.dp-drill-page .dp-record{width:72px;height:72px;margin:var(--sp-6) auto var(--sp-3)}.dp-drill-page .dp-field-label{margin:var(--sp-4) 0}}.dp-phoneme-disclaimer{font-size:var(--fs-xs);line-height:var(--lh-normal);color:var(--text-secondary);margin:0 0 var(--sp-5)}.dp-phoneme-target{background:var(--blue-bg);border-radius:var(--r-2xl);padding:var(--sp-6);margin:var(--sp-5) 0}.dp-phoneme-target>span{font-size:var(--fs-xs);font-weight:var(--fw-heavy);letter-spacing:var(--ls-caps);color:var(--text-secondary)}.dp-phoneme-target>strong{display:block;font-size:var(--fs-5xl);line-height:var(--lh-tight);margin:var(--sp-3) 0}.dp-phoneme-target p{font-size:var(--fs-md);line-height:var(--lh-normal);color:var(--text-secondary);margin:0 0 var(--sp-5)}.dp-phoneme-retry .dp-record.recording{background:var(--red-strong);box-shadow:0 0 0 10px var(--peach-bg)}.dp-phoneme-retry .dp-focus-card,.dp-phoneme-retry>.dp-button{margin-top:var(--sp-6)}.dp-audio-advanced{padding:var(--sp-4) var(--sp-3) var(--sp-4);background:var(--surface-sunken);border-radius:var(--r-xl);margin-bottom:var(--sp-3)}.dp-audio-advanced>p{font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--text-secondary);margin:0 var(--sp-1) var(--sp-4)}.dp-audio-advanced .dp-row{min-height:69px}.dp-audio-advanced>small{display:block;font-size:var(--fs-xs);line-height:var(--lh-normal);color:var(--text-secondary);margin:var(--sp-3) var(--sp-1) 0}.dp-trend-card{background:var(--surface);border-radius:var(--r-2xl);padding:var(--sp-5) var(--sp-4) var(--sp-4);margin-bottom:var(--sp-5);box-shadow:0 1px 0 rgba(23,34,37,.035)}.dp-trend-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-2)}.dp-trend-head .dp-eyebrow{display:block;font-size:var(--fs-2xs)!important;margin-bottom:var(--sp-1)}.dp-trend-head h3{font-size:var(--fs-base);line-height:var(--lh-snug);margin:0;font-weight:var(--fw-heavy);letter-spacing:var(--ls-tight)}.dp-trend-change{flex:none;background:var(--mint-bg);color:var(--mint-fg);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-2);font-size:var(--fs-2xs);font-weight:var(--fw-heavy);white-space:nowrap}.dp-trend-value{display:flex;align-items:end;gap:var(--sp-3);margin:var(--sp-5) 0 var(--sp-1)}.dp-trend-value strong{font-size:var(--fs-5xl);line-height:.9;letter-spacing:var(--ls-tighter);font-variant-numeric:tabular-nums}.dp-trend-value strong small{font-size:var(--fs-2xl);letter-spacing:var(--ls-tighter)}.dp-trend-value>span{font-size:var(--fs-xs);font-weight:var(--fw-heavy);color:var(--text-primary);margin-bottom:2px}.dp-trend-value>span small{display:block;font-size:var(--fs-2xs);font-weight:var(--fw-medium);color:var(--text-muted);margin-top:3px}.dp-trend-graphic{display:block;width:100%;height:auto;overflow:visible}.dp-trend-grid{stroke:var(--border);stroke-width:1;stroke-dasharray:3 6}.dp-trend-grid-label{fill:var(--n-400);font-size:var(--fs-sm);font-weight:var(--fw-bold)}.dp-trend-area{fill:var(--blue-bg)}.dp-trend-line{fill:none;stroke:var(--border-inverse);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.dp-trend-guide{stroke:var(--n-400);stroke-width:1.5;stroke-dasharray:3 5}.dp-trend-dot{fill:var(--n-0);stroke:var(--blue-fg);stroke-width:2.5}.dp-trend-dot.selected{fill:var(--n-800);stroke:var(--surface);stroke-width:3;filter:drop-shadow(0 2px 4px rgba(21,36,41,.25))}.dp-trend-weeks{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-1);margin-top:-5px}.dp-trend-weeks button{min-height:44px;padding:var(--sp-1-5) 2px;border:0;border-radius:var(--r-lg);background:transparent;color:var(--text-muted);font-size:var(--fs-2xs);font-weight:var(--fw-bold)}.dp-trend-weeks button[aria-pressed=true]{background:var(--surface-inverse);color:var(--text-inverse)}.dp-trend-weeks button:focus-visible{outline:2px solid var(--border-inverse);outline-offset:2px}.dp-trend-footnote{border-top:1px solid var(--border);margin:var(--sp-3) 0 0;padding-top:var(--sp-3);color:var(--text-muted);font-size:var(--fs-2xs);line-height:var(--lh-normal)}.dp-mission-criteria{display:flex;flex-wrap:wrap;gap:var(--sp-1-5);margin-top:var(--sp-3)}.dp-mission-criteria span{border:1px solid rgba(26,39,42,.15);border-radius:999px;padding:var(--sp-1-5) var(--sp-2);font-size:var(--fs-2xs);font-weight:var(--fw-bold);line-height:var(--lh-snug);background:rgba(255,255,255,.65)}.dp-compare{background:var(--surface);border-radius:var(--r-2xl);padding:var(--sp-5);margin:var(--sp-5) 0 var(--sp-5);border:1px solid var(--border)}.dp-compare-row{padding:var(--sp-1) 3px}.dp-compare-row>span{display:block;color:var(--text-muted);font-size:var(--fs-2xs);font-weight:var(--fw-heavy);letter-spacing:var(--ls-caps)}.dp-compare-row strong{display:block;font-size:var(--fs-lg);line-height:var(--lh-snug);margin:var(--sp-2) 0}.dp-compare-row p{color:var(--text-secondary);font-size:var(--fs-sm);line-height:var(--lh-normal);margin:0}.dp-compare-row.current{background:var(--mint-bg);border-radius:var(--r-lg);padding:var(--sp-4)}.dp-compare-line{display:flex;justify-content:center;align-items:center;height:35px;color:var(--text-muted);font-size:var(--fs-xl)}.dp-legal-note{font-size:var(--fs-xs);line-height:var(--lh-normal);text-align:center;color:var(--text-muted);margin:var(--sp-1-5) 0 0}.dp-legal-note a,.dp-legal-note button{display:inline-block;border:0;background:none;padding:var(--sp-3) 2px;min-height:44px;color:var(--text-primary);font-weight:var(--fw-bold);text-decoration:underline;text-underline-offset:2px}.dp-data-list{background:var(--surface);border-radius:var(--r-xl);padding:var(--sp-1) var(--sp-5);margin-bottom:var(--sp-6)}.dp-data-list div{padding:var(--sp-4) 0;border-bottom:1px solid var(--border)}.dp-data-list div:last-child{border-bottom:0}.dp-data-list strong{font-size:var(--fs-md);display:block;margin-bottom:var(--sp-1)}.dp-data-list p{font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--text-secondary);margin:0}.dp-phoneme-disclaimer strong{color:var(--text-primary)}.dp-preset{background:var(--surface)}.dp-page .dp-text-link.dp-subtle-link{margin-top:var(--sp-1);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text-muted);min-height:44px;padding:0 var(--sp-2)}.dp-ob{display:flex;flex-direction:column}.dp-ob-top{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-6);min-height:44px}.dp-ob-progress{flex:1;height:6px;border-radius:var(--r-xs);background:var(--surface-sunken);overflow:hidden}.dp-ob-progress i{display:block;height:100%;background:var(--surface-inverse);border-radius:var(--r-xs);transition:width var(--dur-slow) var(--ease-out)}.dp-ob-skip{border:0;background:none;font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text-secondary);min-width:44px;min-height:44px}.dp-ob-options{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-5)}.dp-ob-option{display:flex;align-items:center;gap:var(--sp-3);text-align:left;border:1.5px solid var(--border);background:var(--surface);border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-4);min-height:64px;color:var(--text-primary);transition:border-color var(--dur-fast),background var(--dur-fast),transform var(--dur-fast)}.dp-ob-option:active{transform:scale(.985)}.dp-ob-option.selected{border-color:var(--border-inverse);background:var(--surface-sunken)}.dp-ob-option-icon{width:38px;height:38px;border-radius:var(--r-md);background:var(--surface-sunken);display:grid;place-items:center;flex:none}.dp-ob-option.selected .dp-ob-option-icon{background:var(--surface-inverse);color:var(--text-inverse)}.dp-ob-option-copy{flex:1;display:flex;flex-direction:column;gap:3px}.dp-ob-option-copy strong{font-size:var(--fs-md)}.dp-ob-option-copy small{font-size:var(--fs-xs);color:var(--text-muted);line-height:var(--lh-snug)}.dp-ob-option b{width:22px;text-align:center;font-size:var(--fs-base)}.dp-ob-note{background:var(--yellow-bg);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--text-secondary);margin-bottom:var(--sp-4)}.dp-ob-cta{margin-top:auto;padding-top:var(--sp-4)}.dp-ob-cta .dp-button:disabled{opacity:.38;transform:none;cursor:not-allowed}.dp-ob-time{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin-bottom:var(--sp-4)}.dp-ob-time button{border:1.5px solid var(--border);background:var(--surface);border-radius:var(--r-xl);padding:var(--sp-5) var(--sp-4);text-align:left;position:relative;display:flex;flex-direction:column;gap:var(--sp-1);min-height:92px;transition:border-color var(--dur-fast),background var(--dur-fast)}.dp-ob-time button.selected{border-color:var(--border-inverse);background:var(--surface-sunken)}.dp-ob-time strong{font-size:var(--fs-3xl);letter-spacing:var(--ls-tighter)}.dp-ob-time strong small{font-size:var(--fs-sm);letter-spacing:0;color:var(--text-muted)}.dp-ob-time span{font-size:var(--fs-sm);color:var(--text-secondary);font-weight:var(--fw-bold)}.dp-ob-time em{position:absolute;top:10px;right:10px;font-style:normal;font-size:var(--fs-2xs);font-weight:var(--fw-heavy);background:var(--mint-bg);border-radius:var(--r-sm);padding:var(--sp-1) var(--sp-2)}.dp-ob-dots{display:flex;gap:var(--sp-1-5);margin:-8px 0 var(--sp-4)}.dp-ob-dots i{width:22px;height:4px;border-radius:var(--r-xs);background:var(--n-200)}.dp-ob-dots i.on{background:var(--surface-inverse)}.dp-placement-card{background:var(--surface);border-radius:var(--r-xl);padding:var(--sp-5);margin-bottom:var(--sp-6)}.dp-placement-card p{font-size:var(--fs-xl);line-height:var(--lh-normal);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);margin-bottom:var(--sp-4)}.dp-placement-meta{display:flex;justify-content:space-between;gap:var(--sp-2);font-size:var(--fs-2xs);color:var(--text-muted);letter-spacing:.04em}.dp-placement-meta,.dp-placement-meta button{align-items:center;font-weight:var(--fw-heavy)}.dp-placement-meta button{border:0;background:var(--surface-sunken);border-radius:var(--r-lg);padding:var(--sp-2) var(--sp-3);min-height:36px;display:inline-flex;gap:var(--sp-1-5);font-size:var(--fs-xs);color:var(--text-primary)}.dp-analyzing-list{list-style:none;padding:0;margin:var(--sp-2) 0 0;display:flex;flex-direction:column;gap:var(--sp-3)}.dp-analyzing-list li{display:flex;align-items:center;gap:var(--sp-3);background:var(--surface);border-radius:var(--r-md);padding:var(--sp-4) var(--sp-4);font-size:var(--fs-md);font-weight:var(--fw-bold);opacity:.35;animation:dp-step-in .4s ease forwards}.dp-analyzing-list li svg{color:var(--mint-strong)}@keyframes dp-step-in{to{opacity:1}}.dp-plan-days{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-6)}.dp-plan-days div{background:var(--surface);border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-4);display:grid;grid-template-columns:62px 1fr;row-gap:2px}.dp-plan-days span{grid-row:span 2;font-size:var(--fs-2xs);font-weight:var(--fw-heavy);color:var(--text-muted);letter-spacing:.04em;align-self:center}.dp-plan-days strong{font-size:var(--fs-md)}.dp-plan-days small{font-size:var(--fs-xs);color:var(--text-muted)}.dp-plan-days .today{background:var(--surface-inverse);color:var(--text-inverse)}.dp-plan-days .today small,.dp-plan-days .today span{color:var(--text-inverse-muted)}.dp-pentagon{position:relative;width:100%;aspect-ratio:320/300;margin:var(--sp-1) 0 var(--sp-1-5)}.dp-pentagon svg{width:100%;height:100%;overflow:visible}.dp-penta-grid{fill:none;stroke:var(--border);stroke-width:1}.dp-penta-grid:first-child{fill:var(--n-100)}.dp-penta-axis{stroke:var(--border);stroke-width:1}.dp-penta-shape{fill:rgba(46,110,150,.2);stroke:var(--blue-strong);stroke-width:2;stroke-linejoin:round;animation:dp-penta-grow .6s cubic-bezier(.2,.8,.2,1);transform-origin:160px 150px}.dp-pentagon.provisional .dp-penta-shape{stroke-dasharray:5 4;fill:rgba(46,110,150,.12)}.dp-penta-dot{fill:var(--blue-strong);stroke:var(--surface);stroke-width:2}@keyframes dp-penta-grow{0%{transform:scale(.3);opacity:0}}.dp-penta-wait{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;background:var(--surface);display:grid;place-items:center;color:var(--text-secondary);box-shadow:var(--shadow-md)}.dp-penta-label{position:absolute;transform:translate(-50%,-50%);border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:64px;min-height:44px;padding:var(--sp-1);border-radius:var(--r-sm);color:var(--text-primary)}.dp-penta-label span{font-size:var(--fs-xs);font-weight:var(--fw-bold)}.dp-penta-label strong{letter-spacing:var(--ls-tighter)}.dp-penta-label.locked strong{color:var(--text-inverse-muted)}.dp-penta-label:hover{background:rgba(255,255,255,.7)}.dp-skill-card{background:var(--surface);border-radius:var(--r-2xl);padding:var(--sp-5) var(--sp-4) var(--sp-4);margin-bottom:var(--sp-5)}.dp-skill-card-head{display:flex;justify-content:space-between;align-items:flex-start}.dp-skill-card-head h3{font-size:var(--fs-lg);margin:var(--sp-1) 0 0}.dp-skill-card-head .dp-mini-link{margin-top:0;min-height:44px}.dp-skill-foot{font-size:var(--fs-xs);line-height:var(--lh-normal);color:var(--text-muted);margin:0 0 var(--sp-4)}.dp-skill-nudge{width:100%;border:0;background:var(--surface);border-radius:var(--r-xl);padding:var(--sp-4);display:flex;align-items:center;gap:var(--sp-4);text-align:left;margin-bottom:var(--sp-6);color:var(--text-primary)}.dp-skill-nudge-score{width:52px;height:52px;border-radius:var(--r-md);background:var(--peach-bg);display:grid;place-items:center;font-size:var(--fs-xl);font-weight:var(--fw-heavy);letter-spacing:var(--ls-tighter);flex:none}.dp-skill-nudge>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:2px}.dp-skill-nudge small{font-size:var(--fs-2xs);font-weight:var(--fw-heavy);letter-spacing:var(--ls-caps);color:var(--text-muted)}.dp-skill-nudge strong{font-size:var(--fs-base)}.dp-skill-nudge em{font-style:normal;font-size:var(--fs-xs);color:var(--text-secondary)}.dp-week{justify-content:space-between;background:var(--surface);border-radius:var(--r-lg);padding:var(--sp-3);margin:0 0 var(--sp-3)}.dp-week,.dp-week-streak{display:flex;align-items:center;gap:var(--sp-2)}.dp-week-streak{flex:none}.dp-week-streak .dp-row-icon{width:40px;height:40px}.dp-week-streak strong{font-family:var(--font-display);font-size:var(--fs-xl);line-height:1;color:var(--text-primary);display:grid;gap:2px;text-align:center}.dp-week-streak strong small{font-family:var(--font-body);font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text-muted)}.dp-week-days{list-style:none;margin:0;padding:0;display:flex;gap:4px;flex:none}.dp-week-days li{width:28px;height:28px;flex:none;border-radius:50%;background:var(--surface-sunken);display:grid;place-items:center;font-size:var(--fs-xs);font-weight:var(--fw-bold);line-height:1;color:var(--text-muted)}.dp-week-days li.done{background:var(--action-primary);color:var(--action-on-primary)}.dp-week-days li.today{box-shadow:0 0 0 2px var(--surface),0 0 0 3.5px var(--n-900)}.dp-week-days li.today:not(.done){background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--n-900);color:var(--text-primary)}.dp-week-days li.future{background:transparent;box-shadow:inset 0 0 0 1px var(--n-300);color:var(--text-muted)}.dp-week-streak .dp-row-icon-yellow{background:var(--yellow-flame);color:var(--n-900)}.dp-mistake-row{margin-top:var(--sp-4)}.dp-mistake-count{flex:none;min-width:32px;height:28px;padding:0 var(--sp-2);display:grid;place-items:center;background:var(--chip-grey);color:var(--chip-grey-fg);font-size:var(--fs-sm)}.dp-ex-tile-badge,.dp-mistake-count{border-radius:var(--r-full);font-weight:var(--fw-heavy)}.dp-ex-tile-badge{position:absolute;top:var(--sp-3);right:var(--sp-3);font-size:var(--fs-2xs);background:var(--surface);color:var(--text-secondary);padding:2px var(--sp-2)}.dp-ex-tile-badge.on{background:var(--chip-grey);color:var(--chip-grey-fg)}.dp-skill-list{display:flex;flex-direction:column;gap:var(--sp-2);margin:var(--sp-1-5) 0 var(--sp-4)}.dp-skill-list>button,.dp-skill-locked{border:0;background:var(--surface);border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-4);text-align:left;display:flex;flex-direction:column;gap:var(--sp-2);color:var(--text-primary)}.dp-skill-row-head{display:flex;justify-content:space-between;align-items:baseline}.dp-skill-row-head strong{font-size:var(--fs-md)}.dp-skill-row-head b{font-size:var(--fs-lg)}.dp-skill-row-head small{font-weight:var(--fw-bold)}.dp-skill-list small,.dp-skill-row-head small{font-size:var(--fs-xs);color:var(--text-muted)}.dp-skill-bar{height:6px;border-radius:var(--r-xs);background:var(--surface-sunken);overflow:hidden}.dp-skill-bar i{display:block;height:100%;background:var(--blue-strong);border-radius:var(--r-xs)}.dp-skill-bar.muted i{background:var(--n-400)}.dp-skill-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-3);margin-bottom:var(--sp-4)}.dp-skill-hero strong{display:block;font-size:52px;letter-spacing:var(--ls-tighter);line-height:1;margin:var(--sp-2) 0 var(--sp-3)}.dp-skill-hero strong small{font-size:var(--fs-base);color:var(--text-muted);letter-spacing:0}.dp-skill-hero p{font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--text-secondary);margin:0}.dp-skill-hero .dp-badge{flex:none}.dp-skill-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2);margin-bottom:var(--sp-6)}.dp-skill-metrics div{background:var(--surface);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-1-5)}.dp-skill-metrics span{font-size:var(--fs-2xs);color:var(--text-muted);line-height:var(--lh-snug)}.dp-skill-metrics strong{font-size:var(--fs-base);letter-spacing:var(--ls-tight)}.dp-skill-trend{height:120px;background:var(--surface);border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-5) var(--sp-3);display:flex;align-items:flex-end;gap:var(--sp-4);margin-bottom:var(--sp-5)}.dp-skill-trend div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:var(--sp-1-5)}.dp-skill-trend i{width:100%;max-width:38px;min-height:8px;border-radius:var(--r-sm) var(--r-sm) var(--r-xs) var(--r-xs);background:var(--blue-line)}.dp-skill-trend i.now{background:var(--blue-strong)}.dp-skill-trend span{font-size:var(--fs-2xs);font-weight:var(--fw-bold);color:var(--text-muted)}.dp-pillar-switch{display:flex;flex-wrap:wrap;gap:var(--sp-1-5);margin-top:var(--sp-5)}@media(prefers-reduced-motion:reduce){.dp-analyzing-list li,.dp-penta-shape{animation:none;opacity:1}.dp-ob-progress i{transition:none}}.dp-attempt-card{background:var(--surface);border-radius:var(--r-2xl);padding:var(--sp-5) var(--sp-4) var(--sp-4);margin-bottom:var(--sp-6)}.dp-attempt-card h3{font-size:var(--fs-xl);margin:var(--sp-1-5) 0 var(--sp-4)}.dp-attempt-rows{display:flex;flex-direction:column;gap:var(--sp-2)}.dp-attempt-rows>div{display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:var(--sp-3);font-size:var(--fs-sm);color:var(--text-secondary)}.dp-attempt-rows>div.now{color:var(--text-primary);font-weight:var(--fw-bold)}.dp-attempt-rows b{font-size:var(--fs-md)}.dp-attempt-dots{display:flex;gap:var(--sp-1-5)}.dp-attempt-dots i{flex:1;height:8px;border-radius:var(--r-sm);background:var(--surface-sunken)}.dp-attempt-dots i.on{background:var(--n-300)}.dp-attempt-rows .now .dp-attempt-dots i.on{background:var(--mint-strong)}.dp-attempt-quote{margin:var(--sp-4) 0 var(--sp-1-5);padding:var(--sp-3);background:var(--success-bg);font-size:var(--fs-md);line-height:var(--lh-normal);color:var(--text-primary)}.dp-attempt-note{font-size:var(--fs-2xs);line-height:var(--lh-normal);color:var(--text-muted);margin:0 0 var(--sp-4)}.dp-attempt-card h3{font-weight:var(--fw-heavy);letter-spacing:var(--ls-tight)}.dp-attempt-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm);margin:2px 0 var(--sp-4)}.dp-attempt-table thead th{font-size:var(--fs-2xs);font-weight:var(--fw-bold);color:var(--text-muted);text-align:center;padding:0 0 var(--sp-2);width:58px}.dp-attempt-table thead th:first-child{text-align:left;width:auto}.dp-attempt-table tbody th{text-align:left;font-weight:var(--fw-semibold);color:var(--text-primary);padding:var(--sp-3) 0;border-top:1px solid var(--border)}.dp-attempt-table tbody td{text-align:center;border-top:1px solid var(--border)}.dp-attempt-table em{font-style:normal;font-size:var(--fs-2xs);font-weight:var(--fw-heavy);background:var(--mint-bg);color:var(--mint-fg);border-radius:var(--r-sm);padding:3px var(--sp-1-5);margin-left:var(--sp-2);vertical-align:1px}.dp-attempt-table tr.new td:last-child .dp-yes,.dp-attempt-table tr.new th{color:var(--mint-fg)}.dp-attempt-table tr.todo th{color:var(--peach-fg)}.dp-yes{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--mint-bg);color:var(--mint-strong);font-weight:var(--fw-heavy);font-size:var(--fs-sm)}.dp-no{color:var(--text-inverse-muted);font-weight:var(--fw-bold)}.dp-attempt-quote{background:var(--surface-page);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-3);margin-bottom:var(--sp-3)}.dp-attempt-quote small{display:block;font-size:var(--fs-2xs);font-weight:var(--fw-bold);color:var(--text-muted);margin-bottom:var(--sp-1)}.dp-attempt-quote p{margin:0;font-size:var(--fs-md);line-height:var(--lh-normal);color:var(--text-primary)}.dp-brief{display:flex;flex-direction:column}.dp-brief-role{display:flex;gap:var(--sp-3);background:var(--surface);border-radius:var(--r-xl);padding:var(--sp-4);margin-bottom:var(--sp-6)}.dp-brief-role>span{width:40px;height:40px;border-radius:var(--r-md);background:var(--blue-bg);display:grid;place-items:center;flex:none}.dp-brief-role small{font-size:var(--fs-2xs);font-weight:var(--fw-heavy);letter-spacing:var(--ls-caps);color:var(--text-muted)}.dp-brief-role strong{display:block;font-size:var(--fs-base);margin:2px 0 var(--sp-2)}.dp-brief-role p{margin:0;font-size:var(--fs-md);line-height:var(--lh-normal);color:var(--text-primary);font-style:italic}.dp-brief-steps{list-style:none;counter-reset:step;padding:0;margin:0 0 var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2)}.dp-brief-steps li{counter-increment:step;display:flex;align-items:center;gap:var(--sp-3);background:var(--surface);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-md);font-weight:var(--fw-bold)}.dp-brief-steps li:before{content:counter(step);width:24px;height:24px;border-radius:50%;background:var(--surface-inverse);color:var(--text-inverse);display:grid;place-items:center;font-size:var(--fs-xs);flex:none}.dp-brief-tip{display:flex;gap:var(--sp-3);background:var(--yellow-bg);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-3)}.dp-brief-tip p{margin:0;font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--text-secondary)}.dp-brief-tip svg{flex:none;margin-top:1px}.dp-brief-note{font-size:var(--fs-xs);line-height:var(--lh-normal);margin:0}.dp-attempt-review{margin-bottom:var(--sp-5);box-shadow:0 1px 0 rgba(20,30,32,.04)}.dp-accent-toggle{display:flex;background:var(--surface);border-radius:var(--r-lg);padding:3px}.dp-accent-toggle button{border:0;background:transparent;font-size:var(--fs-xs);font-weight:var(--fw-heavy);padding:var(--sp-1-5) var(--sp-2);border-radius:var(--r-md);color:var(--text-muted)}.dp-accent-toggle button.on{background:var(--surface-inverse);color:var(--text-inverse)}.dp-pron-score{display:flex;gap:var(--sp-4);align-items:center;background:var(--surface);border-radius:var(--r-2xl);padding:var(--sp-5);margin-bottom:var(--sp-3)}.dp-pron-score h3{font-size:var(--fs-lg);margin:var(--sp-1) 0}.dp-pron-score p{margin:0;font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--text-secondary)}.dp-pron-ring{--p:70;flex:none;width:78px;height:78px;border-radius:50%;background:conic-gradient(var(--mint-strong) calc(var(--p)*1%),var(--surface-sunken) 0);display:grid;place-items:center;position:relative}.dp-pron-ring:before{content:"";position:absolute;inset:8px;background:var(--surface);border-radius:50%}.dp-pron-ring small,.dp-pron-ring strong{position:relative;line-height:1}.dp-pron-ring strong{font-size:var(--fs-2xl);margin-top:var(--sp-3)}.dp-pron-ring small{font-size:var(--fs-2xs);color:var(--text-muted);margin-top:-14px}.dp-sound-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-2);margin-bottom:var(--sp-6)}.dp-sound-tile{border:0;border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-3);text-align:left;display:flex;flex-direction:column;gap:3px;position:relative;background:var(--surface)}.dp-sound-tile strong{font-size:var(--fs-base)}.dp-sound-tile small{font-size:var(--fs-2xs);color:var(--text-secondary);min-height:26px;line-height:var(--lh-snug)}.dp-sound-tile i{height:5px;border-radius:var(--r-xs);background:rgba(0,0,0,.08);overflow:hidden;margin-top:var(--sp-1)}.dp-sound-tile b{display:block;height:100%;background:var(--surface-inverse)}.dp-sound-tile em{position:absolute;top:11px;right:10px;font-style:normal;font-size:var(--fs-2xs);font-weight:var(--fw-heavy);color:var(--text-secondary)}.dp-sound-tile.peach{background:var(--peach-bg)}.dp-sound-tile.yellow{background:var(--yellow-bg)}.dp-sound-tile.blue{background:var(--blue-bg)}.dp-sound-tile.mint{background:var(--mint-bg)}.dp-sound-tile.lavender{background:var(--lavender-bg)}.dp-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2);margin-bottom:var(--sp-6)}.dp-mode-grid button{border:0;background:var(--surface);border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-4);text-align:left;display:flex;flex-direction:column;gap:3px}.dp-mode-grid svg{margin-bottom:var(--sp-2)}.dp-mode-grid strong{font-size:var(--fs-base)}.dp-mode-grid small{font-size:var(--fs-xs);color:var(--text-muted)}.dp-word-check{display:flex;gap:var(--sp-2);background:var(--surface);border-radius:var(--r-2xl);padding:var(--sp-1-5) var(--sp-1-5) var(--sp-1-5) var(--sp-4);margin-bottom:var(--sp-3)}.dp-word-check input{flex:1;border:0;outline:0;font-size:var(--fs-base);background:transparent;min-width:0}.dp-word-check button{border:0;width:40px;height:40px;border-radius:50%;background:var(--surface-inverse);color:var(--text-inverse);display:grid;place-items:center}.dp-pron-note{font-size:var(--fs-xs);line-height:var(--lh-normal)}.dp-mouth-card{display:flex;align-items:center;gap:var(--sp-3);border-radius:var(--r-xl);padding:var(--sp-4);margin-bottom:var(--sp-6);background:var(--blue-bg)}.dp-mouth-card.peach{background:var(--peach-bg)}.dp-mouth-card.yellow{background:var(--yellow-bg)}.dp-mouth-card.mint{background:var(--mint-bg)}.dp-mouth-card.lavender{background:var(--lavender-bg)}.dp-mouth-card>div{display:flex;flex-direction:column;gap:var(--sp-3)}.dp-mouth{width:150px;flex:none}.dp-mouth .palate{fill:none;stroke:var(--n-700);stroke-width:3;stroke-linecap:round}.dp-mouth .lip{fill:var(--peach-line);stroke:var(--peach-fg);stroke-width:2}.dp-mouth .tooth{fill:var(--n-0);stroke:var(--n-700);stroke-width:2}.dp-mouth .tongue{fill:var(--peach-strong);stroke:var(--peach-fg);stroke-width:2}.dp-mouth .air{fill:none;stroke:var(--blue-strong);stroke-width:2.5;stroke-dasharray:4 4;stroke-linecap:round}.dp-mouth .contact{fill:var(--blue-strong);stroke:var(--n-0);stroke-width:2}.dp-mouth .target{fill:var(--text-primary);font:700 14px var(--font-ui)}.dp-pair-card{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2);margin-bottom:var(--sp-6)}.dp-pair-card button{border:0;background:var(--surface);border-radius:var(--r-lg);padding:var(--sp-4);display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-1)}.dp-pair-card strong{font-size:var(--fs-lg)}.dp-pair-card small{font-size:var(--fs-2xs);color:var(--text-muted)}.dp-lesson-words{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-5)}.dp-lesson-word{display:flex;align-items:center;gap:var(--sp-3);background:var(--surface);border-radius:var(--r-lg);padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-3);border:1.5px solid transparent}.dp-lesson-word>span{flex:1;display:flex;flex-direction:column}.dp-lesson-word strong{font-size:var(--fs-base)}.dp-lesson-word small{font-size:var(--fs-xs);color:var(--text-muted)}.dp-lesson-word em{font-style:normal;font-size:var(--fs-2xs);font-weight:var(--fw-heavy);border-radius:var(--r-sm);padding:var(--sp-1) var(--sp-2)}.dp-lesson-word.ok{border-color:var(--mint-line)}.dp-lesson-word.ok em{background:var(--mint-bg);color:var(--mint-fg)}.dp-lesson-word.retry{border-color:var(--peach-line)}.dp-lesson-word.retry em{background:var(--peach-bg);color:var(--peach-fg)}.dp-lesson-mic,.dp-lesson-play{border:0;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--surface-sunken);flex:none}.dp-lesson-mic{background:var(--surface-inverse);color:var(--text-inverse)}.dp-lesson-mic.on{background:var(--red-strong);box-shadow:0 0 0 5px var(--peach-bg)}.dp-listen-big{display:grid;place-items:center;width:96px;height:96px;margin:var(--sp-1-5) auto var(--sp-6);border:0;border-radius:50%;background:var(--blue-bg);color:var(--text-primary);box-shadow:0 0 0 10px color-mix(in srgb,var(--blue-bg) 55%,transparent),0 10px 28px color-mix(in srgb,var(--blue-strong) 18%,transparent)}.dp-pair-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin-bottom:var(--sp-4)}.dp-pair-options button{border:0;position:relative;background:var(--surface);border-radius:var(--r-lg);height:74px;font-size:var(--fs-xl);font-weight:var(--fw-heavy);color:var(--text-primary)}.dp-pair-options button.right{background:var(--mint-bg);border-color:var(--mint-strong);color:var(--mint-fg)}.dp-pair-options button.wrong{background:var(--peach-bg);border-color:var(--peach-strong);color:var(--peach-fg)}.dp-pair-options button.dim{opacity:.5}.dp-pad.dp-minimal-pairs{display:flex;flex-direction:column;min-height:100%;padding-bottom:calc(var(--sp-6) + env(safe-area-inset-bottom))}.dp-pairs-body{flex:1 0 auto;display:flex;flex-direction:column;justify-content:center}.dp-pairs-body .dp-pair-options{margin-bottom:0}.dp-minimal-pairs>.dp-button{flex:none;margin-top:var(--sp-5)}@media(max-width:760px){.dp-page .dp-phone:has(.dp-minimal-pairs) .dp-phone-status{display:none}.dp-page .dp-pad.dp-minimal-pairs:has(.dp-topline){padding-top:calc(var(--sp-4) + env(safe-area-inset-top))}.dp-page .dp-minimal-pairs .dp-topline{top:env(safe-area-inset-top)}}.dp-syllables{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-2);margin:var(--sp-1) 0 var(--sp-5)}.dp-syllables button{border:0;position:relative;background:var(--surface);border-radius:var(--r-md);min-width:64px;height:64px;padding:0 var(--sp-3);font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--text-primary)}.dp-syllables button.stress{background:var(--surface-inverse);font-size:var(--fs-2xl);transform:scale(1.06)}.dp-syllables button.wrong{border-color:var(--peach-strong);color:var(--peach-fg)}.dp-shadow-line{font-family:var(--font-reading);font-size:var(--fs-xl);line-height:var(--lh-relaxed);background:var(--surface);border-radius:var(--r-xl);padding:var(--sp-4) var(--sp-5);margin-bottom:var(--sp-3);color:var(--text-secondary)}.dp-shadow-line b{color:var(--text-primary);font-weight:var(--fw-heavy)}.dp-shadow-line i{font-style:normal;color:var(--blue-strong);font-weight:var(--fw-heavy)}.dp-shadow-card{background:var(--surface);border-radius:var(--r-xl);padding:var(--sp-3) var(--sp-4) var(--sp-2);margin-bottom:var(--sp-3)}.dp-shadow-legend{display:flex;gap:var(--sp-4);font-size:var(--fs-2xs);font-weight:var(--fw-bold);color:var(--text-secondary)}.dp-shadow-legend span:before{content:"";display:inline-block;width:14px;height:3px;border-radius:3px;margin-right:var(--sp-1-5);vertical-align:middle;background:var(--surface-inverse)}.dp-shadow-legend .you:before{background:var(--peach-strong)}.dp-pitch{width:100%;height:86px}.dp-pitch polyline{fill:none;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.dp-pitch .model{stroke:var(--border-inverse)}.dp-pitch .you{stroke:var(--peach-strong);stroke-dasharray:6 5}.dp-shadow-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-4)}.dp-speed{border:0;background:var(--surface);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);font-weight:var(--fw-heavy)}.dp-speed.on{background:var(--surface-inverse);color:var(--text-inverse)}.dp-shadow-notes{display:flex;flex-direction:column;gap:var(--sp-2);margin:var(--sp-3) 0 var(--sp-5)}.dp-shadow-notes>div{display:flex;gap:var(--sp-3);align-items:flex-start;background:var(--surface);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-3)}.dp-shadow-notes span{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:var(--fs-sm);font-weight:var(--fw-heavy);background:var(--peach-bg);color:var(--peach-fg)}.dp-shadow-notes .ok span{background:var(--mint-bg);color:var(--mint-fg)}.dp-shadow-notes p{margin:0;font-size:var(--fs-sm);line-height:var(--lh-normal)}.dp-playback{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2);margin-bottom:var(--sp-6)}.dp-playback button{border:0;background:var(--surface);border-radius:var(--r-lg);height:44px;display:flex;align-items:center;justify-content:center;gap:var(--sp-2);font-size:var(--fs-sm);font-weight:var(--fw-heavy)}.dp-playback button:disabled{opacity:.5}.dp-heat-legend{display:flex;gap:var(--sp-3);font-size:var(--fs-2xs);color:var(--text-secondary);margin:-4px 0 var(--sp-3)}.dp-heat-legend span:before{content:"";display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:var(--sp-1-5);vertical-align:-1px}.dp-heat-legend .good:before{background:var(--mint-line)}.dp-heat-legend .mid:before{background:var(--yellow-line)}.dp-heat-legend .bad:before{background:var(--peach-line)}.dp-seg{display:grid;grid-template-columns:1fr 1fr;background:var(--surface-sunken);border-radius:var(--r-lg);padding:var(--sp-1);margin-bottom:var(--sp-4)}.dp-seg button{border:0;background:transparent;border-radius:var(--r-md);height:38px;font-size:var(--fs-md);font-weight:var(--fw-heavy);color:var(--text-secondary)}.dp-seg button.on{background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow-xs)}.dp-vcard{background:var(--surface);border-radius:var(--r-xl);padding:var(--sp-4) var(--sp-4) var(--sp-3);margin-bottom:var(--sp-3)}.dp-vcard-top{justify-content:space-between;margin-bottom:var(--sp-2)}.dp-vcard-top,.dp-vstage{display:flex;align-items:center}.dp-vstage{gap:3px}.dp-vstage i{width:12px;height:5px;border-radius:var(--r-xs);background:var(--surface-sunken)}.dp-vstage i.on{background:var(--mint-strong)}.dp-vstage small{font-size:var(--fs-2xs);font-weight:var(--fw-bold);color:var(--text-secondary);margin-left:var(--sp-1-5)}.dp-vcard-word{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-3)}.dp-vcard-word h3{font-size:var(--fs-xl);margin:0}.dp-vcard-word p{margin:2px 0 0;font-size:var(--fs-sm);color:var(--text-muted)}.dp-vcard-word button{border:0;width:38px;height:38px;border-radius:50%;background:var(--surface-sunken);display:grid;place-items:center;flex:none}.dp-vcard-quote{margin:var(--sp-3) 0;border-radius:var(--r-md);background:var(--surface-page);padding:var(--sp-3) var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-1-5)}.dp-vcard-quote p{margin:0;font-size:var(--fs-sm);line-height:var(--lh-normal)}.dp-vcard-quote small{display:block;font-size:var(--fs-2xs);font-weight:var(--fw-heavy);letter-spacing:var(--ls-caps);text-transform:uppercase;margin-bottom:1px}.dp-vcard-quote .said,.dp-vcard-quote small{color:var(--text-muted)}.dp-vcard-quote .better{color:var(--text-primary);font-weight:var(--fw-semibold)}.dp-vcard-actions{display:flex;gap:var(--sp-1-5);flex-wrap:wrap}.dp-vcard-actions button{border:0;background:var(--surface-sunken);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-xs);font-weight:var(--fw-bold);display:inline-flex;align-items:center;gap:var(--sp-1-5);color:var(--text-primary)}.dp-vcard-actions button.on{background:var(--mint-bg);border-color:var(--mint-line);color:var(--mint-fg)}.dp-vocab-note{font-size:var(--fs-xs);line-height:var(--lh-normal);margin:var(--sp-2) 0 0}.dp-cloze{background:var(--surface);border-radius:var(--r-xl);padding:var(--sp-5);margin-bottom:var(--sp-5)}.dp-cloze p{margin:0;font-family:var(--font-reading);font-size:var(--fs-xl);line-height:var(--lh-normal)}.dp-cloze b{color:var(--text-muted);font-weight:var(--fw-bold)}.dp-cloze b.shown{color:var(--mint-fg);background:var(--mint-bg);border-radius:var(--r-sm);padding:0 var(--sp-1-5)}.dp-cloze.vi p{font-family:inherit;font-size:var(--fs-lg);font-weight:var(--fw-semibold)}.dp-review-answer{display:flex;justify-content:space-between;align-items:center;background:var(--mint-bg);border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-4);margin-bottom:var(--sp-3)}.dp-review-answer h3{margin:0;font-size:var(--fs-xl)}.dp-review-answer p{margin:2px 0 0;font-size:var(--fs-sm);color:var(--mint-fg)}.dp-review-answer button{border:0;width:40px;height:40px;border-radius:50%;background:var(--surface);display:grid;place-items:center}.dp-review-rate{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.dp-review-rate button{border:0;border-radius:var(--r-lg);padding:var(--sp-4);background:var(--peach-bg);display:flex;flex-direction:column;gap:3px;text-align:left}.dp-review-rate button.ok{background:var(--surface-inverse);color:var(--text-inverse)}.dp-review-rate strong{font-size:var(--fs-base)}.dp-review-rate small{font-size:var(--fs-xs);opacity:.75}.dp-gcard{width:100%;border:0;background:var(--surface);border-radius:var(--r-lg);padding:var(--sp-4);margin-bottom:var(--sp-2);display:flex;gap:var(--sp-3);text-align:left}.dp-gcard-main{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.dp-gcard-main strong{font-size:var(--fs-base)}.dp-gcard-main small{font-size:var(--fs-xs);color:var(--text-muted)}.dp-gcard-main em{font-style:normal;font-size:var(--fs-sm);color:var(--text-secondary);margin-top:var(--sp-1);line-height:var(--lh-normal)}.dp-gcard mark,.dp-said mark{background:var(--peach-bg);color:var(--peach-fg);border-radius:var(--r-xs);padding:0 3px;text-decoration:line-through;text-decoration-color:rgba(161,69,45,.5)}.dp-gcard-side{flex-direction:column;justify-content:space-between;gap:var(--sp-2);flex:none}.dp-gcard-side,.dp-spark{display:flex;align-items:flex-end}.dp-spark{gap:3px;height:36px}.dp-spark i{width:6px;border-radius:3px;background:var(--surface-backdrop)}.dp-spark i:last-child{background:var(--surface-inverse)}.dp-said-list{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-6)}.dp-said{background:var(--surface);border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-4)}.dp-said small{font-size:var(--fs-2xs);font-weight:var(--fw-bold);color:var(--text-muted)}.dp-said p{margin:var(--sp-1) 0 0;font-size:var(--fs-md);line-height:var(--lh-normal)}.dp-said .wrong{color:var(--text-secondary)}.dp-said .right{color:var(--text-primary);font-weight:var(--fw-semibold)}.dp-said ins{text-decoration:none;background:var(--mint-bg);color:var(--mint-fg);border-radius:var(--r-xs);padding:0 3px}.dp-rule-card{background:var(--yellow-bg);border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-4);margin-bottom:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-2)}.dp-rule-card p{margin:0 0 2px;font-size:var(--fs-md);line-height:var(--lh-normal);color:var(--text-secondary)}.dp-rule-card button{border:0;border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3);text-align:left;font-size:var(--fs-md);font-weight:var(--fw-semibold);align-items:center;gap:var(--sp-2)}.dp-gtrend,.dp-rule-card button{background:var(--surface);display:flex}.dp-gtrend{align-items:flex-end;gap:var(--sp-3);height:96px;border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-5);margin-bottom:var(--sp-6)}.dp-gtrend>div{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--sp-1)}.dp-gtrend i{width:100%;max-width:34px;border-radius:var(--r-sm);background:var(--yellow-strong)}.dp-gtrend i.zero{background:var(--mint-line)}.dp-gtrend small{font-size:var(--fs-2xs);font-weight:var(--fw-bold);color:var(--text-secondary)}.dp-token-row{display:flex;flex-wrap:wrap;gap:var(--sp-2);background:var(--surface);border-radius:var(--r-xl);padding:var(--sp-4);margin-bottom:var(--sp-4)}.dp-token-row button{border:0;position:relative;background:var(--surface-sunken);border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--text-primary)}.dp-token-row button.right{background:var(--mint-bg);border-color:var(--mint-strong);color:var(--mint-fg)}.dp-token-row button.wrong{background:var(--peach-bg);border-color:var(--peach-strong);color:var(--peach-fg)}.dp-pair-options.three{grid-template-columns:repeat(3,1fr)}.dp-pair-options.three button{height:auto;min-height:60px;padding:var(--sp-2);font-size:var(--fs-lg);line-height:1.2;overflow-wrap:anywhere}.dp-pair-options.stacked{grid-template-columns:1fr}.dp-pair-options.stacked button{height:auto;min-height:56px;padding:var(--sp-3) var(--sp-4);text-align:left;font-size:var(--fs-md)}.dp-button+.dp-button{margin-top:var(--sp-3)}.dp-action-card{width:100%;border:0;background:var(--surface-inverse);color:var(--text-inverse);border-radius:var(--r-xl);padding:var(--sp-4);display:flex;align-items:center;gap:var(--sp-3);text-align:left;margin-bottom:var(--sp-6);transition:transform var(--dur-fast)}.dp-action-card:active{transform:scale(.98)}.dp-action-card:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.dp-action-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.dp-action-card .dp-eyebrow{color:var(--text-inverse-muted)}.dp-action-card strong{font-size:var(--fs-base);font-weight:var(--fw-heavy);line-height:var(--lh-snug)}.dp-action-card small{font-size:var(--fs-xs);color:var(--text-inverse-muted);line-height:var(--lh-normal)}.dp-action-card-cta{flex:none;display:inline-flex;align-items:center;gap:var(--sp-1-5);background:var(--action-secondary);color:var(--text-primary);border-radius:var(--r-full);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-xs);font-weight:var(--fw-heavy)}.dp-action-card-inset{margin-bottom:0}.dp-feedback{border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-3)}.dp-feedback strong{font-size:var(--fs-base);font-weight:var(--fw-heavy)}.dp-feedback p{margin:var(--sp-1) 0 var(--sp-2);font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--text-secondary)}.dp-feedback p:last-child{margin-bottom:0}.dp-feedback-success{background:var(--success-bg)}.dp-feedback-success strong{color:var(--success-fg)}.dp-feedback-danger{background:var(--danger-bg)}.dp-feedback-danger strong{color:var(--danger-fg)}.dp-scorebars{background:var(--surface);border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-3)}.dp-scorebars>div{display:grid;grid-template-columns:96px 1fr 26px;gap:var(--sp-3);align-items:center;font-size:var(--fs-sm);color:var(--text-secondary)}.dp-scorebars i{height:7px;border-radius:var(--r-full);background:var(--surface-sunken);overflow:hidden}.dp-scorebars b{display:block;height:100%;border-radius:var(--r-full)}.dp-scorebars b.high{background:var(--success)}.dp-scorebars b.mid{background:var(--warning)}.dp-scorebars b.low{background:var(--danger)}.dp-scorebars strong{text-align:right;font-size:var(--fs-sm);color:var(--text-primary)}.dp-scorebars.compact{margin:var(--sp-3) 0}.dp-pill{display:inline-flex;align-items:center;font-size:var(--fs-2xs);font-weight:var(--fw-heavy);border-radius:var(--r-full);padding:var(--sp-1) var(--sp-2);white-space:nowrap;background:var(--surface-sunken);color:var(--text-secondary)}.dp-pill-blue{background:var(--blue-bg);color:var(--blue-fg)}.dp-pill-mint{background:var(--mint-bg);color:var(--mint-fg)}.dp-pill-yellow{background:var(--yellow-bg);color:var(--yellow-fg)}.dp-pill-peach{background:var(--peach-bg);color:var(--peach-fg)}.dp-pill-lavender{background:var(--lavender-bg);color:var(--lavender-fg)}.dp-page :focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.dp-ds-note{font-size:var(--fs-xs);margin:calc(var(--sp-2) * -1) 0 var(--sp-3)}.dp-ds-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-2);margin-bottom:var(--sp-6)}.dp-ds-swatches>div{display:flex;flex-direction:column;gap:var(--sp-1)}.dp-ds-swatches i{height:44px;border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--border)}.dp-ds code{font-family:var(--font-mono),monospace;font-size:var(--fs-2xs);color:var(--text-muted);word-break:break-all;line-height:var(--lh-snug)}.dp-ds-type{background:var(--surface);border-radius:var(--r-lg);padding:var(--sp-4);gap:var(--sp-3);margin-bottom:var(--sp-6)}.dp-ds-type,.dp-ds-type>div{display:flex;flex-direction:column}.dp-ds-type>div{gap:2px}.dp-ds-type span{font-weight:var(--fw-heavy);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);color:var(--text-primary)}.dp-ds-type .dp-ds-reading{font-family:var(--font-reading);font-weight:400;font-size:var(--fs-xl);letter-spacing:0}.dp-ds-space{background:var(--surface);border-radius:var(--r-lg);padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-6)}.dp-ds-space>div{display:flex;align-items:center;gap:var(--sp-3)}.dp-ds-space i{height:14px;background:var(--info);border-radius:2px;flex:none}.dp-ds-radius{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3);margin-bottom:var(--sp-6)}.dp-ds-radius>div{display:flex;flex-direction:column;gap:var(--sp-1);align-items:flex-start}.dp-ds-radius i{width:56px;height:56px;background:var(--info-bg);box-shadow:inset 0 0 0 1px var(--info-line)}.dp-ds-inline{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-3);align-items:center}.dp-ds-gap{margin-top:var(--sp-5)}:where(.dp-phone) :where(h1,h2,h3,h4,strong,b,button,.dp-eyebrow,.dp-badge,.dp-pill,.dp-action-card-cta){font-family:var(--font-display)}:where(.dp-phone) :where(h1,h2){letter-spacing:-.02em}:where(.dp-phone) :where(button:not(:disabled)){transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-fast)}:where(.dp-phone) :where(button:not(:disabled)):active{transform:scale(.96)}@keyframes dp-pop{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.dp-feedback{animation:dp-pop var(--dur-base) var(--ease-spring)}.dp-mascot{display:grid;place-items:center;margin:var(--sp-6) auto var(--sp-6);border-radius:42% 58% 50% 50%/50% 45% 55% 50%;animation:dp-float 3.2s ease-in-out infinite}.dp-mascot-md{width:124px;height:124px}.dp-mascot-lg{width:164px;height:164px;margin-top:var(--sp-10)}.dp-mascot svg{width:84%;height:84%;overflow:visible}.dp-tone-yellow{background:var(--yellow-bg)}.dp-tone-blue{background:var(--blue-bg)}.dp-tone-mint{background:var(--mint-bg)}.dp-tone-peach{background:var(--peach-bg)}.dp-tone-lavender{background:var(--lavender-bg)}.dp-tone-neutral{background:var(--surface-sunken)}.dp-mascot .fur{fill:var(--mascot-fur)}.dp-mascot .fur-dark{fill:var(--mascot-fur-dark)}.dp-mascot .ear-in{fill:var(--mascot-ear)}.dp-mascot .muzzle{fill:var(--mascot-muzzle)}.dp-mascot .ink{fill:var(--n-900)}.dp-mascot .shine{fill:var(--n-0)}.dp-mascot .nose{fill:var(--peach-strong)}.dp-mascot .blush{fill:var(--peach-line);opacity:.9}.dp-mascot .mouth{fill:var(--peach-fg)}.dp-mascot .ln{fill:none;stroke:var(--n-900);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.dp-mascot .spark{fill:var(--yellow-strong)}.dp-mascot .zz{font:800 18px var(--font-display);fill:var(--text-muted)}@media(prefers-reduced-motion:reduce){.dp-feedback,.dp-mascot{animation:none}}:where(.dp-phone) :where(h1,h2,h3){font-weight:var(--fw-heavy)}.dp-ds-mascots{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin-bottom:var(--sp-6)}.dp-ds-mascots>div{display:flex;flex-direction:column;align-items:center}.dp-ds-mascots .dp-mascot{margin:0 0 var(--sp-2)}.dp-mode-grid button,.dp-pair-card button,.dp-pair-options button,.dp-review-rate button,.dp-sound-tile,.dp-syllables button,.dp-token-row button{box-shadow:var(--shadow-xs)}.dp-pair-options button.right,.dp-syllables button.stress,.dp-token-row button.right{background:var(--success-bg);color:var(--success-fg);box-shadow:inset 0 0 0 2px var(--success-line)}.dp-syllables button.stress{background:var(--success);color:var(--text-inverse);box-shadow:0 8px 20px color-mix(in srgb,var(--success) 30%,transparent)}.dp-pair-options button.wrong,.dp-syllables button.wrong,.dp-token-row button.wrong{background:var(--danger-bg);color:var(--danger-fg);box-shadow:inset 0 0 0 2px var(--danger-line)}.dp-pair-options button.right:after,.dp-pair-options button.wrong:after,.dp-token-row button.right:after,.dp-token-row button.wrong:after{position:absolute;top:-7px;right:-7px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:800 12px/1 var(--font-display);color:var(--text-inverse);animation:dp-pop var(--dur-base) var(--ease-spring)}.dp-pair-options button.right:after,.dp-token-row button.right:after{content:"✓";background:var(--success)}.dp-pair-options button.wrong:after,.dp-token-row button.wrong:after{content:"✕";background:var(--danger)}.dp-pair-options button.dim{opacity:.45;box-shadow:none}.dp-button-outline,.dp-compare,.dp-field-label input,.dp-field-label textarea,.dp-form input,.dp-icon-button,.dp-lesson-word,.dp-ob-option,.dp-ob-time button,.dp-otp-boxes input,.dp-plan,.dp-preset,.dp-search{border:0;box-shadow:var(--shadow-xs)}.dp-button-outline,.dp-field-label input,.dp-field-label textarea,.dp-form input,.dp-icon-button,.dp-otp-boxes input,.dp-search{background:var(--surface)}.dp-field-label input::placeholder,.dp-field-label textarea::placeholder,.dp-form input::placeholder,.dp-search input::placeholder,.dp-word-check input::placeholder{color:var(--text-muted)}.dp-field-label input:focus,.dp-field-label textarea:focus,.dp-form input:focus,.dp-otp-boxes input:focus,.dp-search:focus-within{box-shadow:0 0 0 2px var(--focus-ring);outline:0}.dp-phoneme-parts button.selected{box-shadow:inset 0 0 0 2px var(--action-primary),var(--shadow-sm)}.dp-phoneme-parts button{border:0}.dp-lesson-word.ok{background:var(--success-bg)}.dp-lesson-word.retry{background:var(--danger-bg)}.dp-mission-criteria span{border:0;background:color-mix(in srgb,var(--surface) 70%,transparent)}.dp-record{border:0;box-shadow:0 0 0 10px color-mix(in srgb,var(--n-900) 7%,transparent),0 12px 28px color-mix(in srgb,var(--n-900) 22%,transparent)}.dp-record.recording{box-shadow:0 0 0 10px color-mix(in srgb,var(--recording) 16%,transparent),0 12px 28px color-mix(in srgb,var(--recording) 30%,transparent)}.dp-score-circle{border:0;outline:0;box-shadow:0 0 0 10px var(--mint-bg),0 14px 32px color-mix(in srgb,var(--mint-strong) 18%,transparent)}.dp-result-illustration,.dp-state-art{transform:none;border-radius:38%}.dp-result-illustration svg,.dp-state-art svg{transform:none}@keyframes dp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.dp-auth-art:after,.dp-auth-art:before{border:0;background:color-mix(in srgb,var(--surface) 35%,transparent)}.dp-debrief-note{font-size:var(--fs-xs);line-height:var(--lh-normal);text-align:center;margin-top:var(--sp-2)}.dp-debrief-note .dp-subtle-link{display:inline;border:0;background:none;padding:0;min-height:0;font-size:inherit}.dp-session-take{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2);margin:var(--sp-6) 0 var(--sp-2)}.dp-session-take>div{border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-4);background:var(--success-bg)}.dp-session-take>div:last-child{background:var(--warning-bg)}.dp-session-take small{display:block;font-size:var(--fs-xs);color:var(--text-muted);font-weight:var(--fw-bold)}.dp-session-take strong{font-size:var(--fs-lg);color:var(--text-primary)}.dp-session-pillars{gap:var(--sp-2);margin-bottom:var(--sp-5)}.dp-session-pillars,.dp-sp{display:flex;flex-direction:column}.dp-sp{width:100%;border:0;background:var(--surface);border-radius:var(--r-lg);padding:var(--sp-3) var(--sp-4);gap:var(--sp-1-5);text-align:left;box-shadow:var(--shadow-xs);color:var(--text-primary)}.dp-sp-head{display:flex;align-items:center;justify-content:space-between}.dp-sp-head strong{font-size:var(--fs-base)}.dp-sp-score{display:flex;align-items:baseline;gap:var(--sp-1-5)}.dp-sp-score b{font-size:var(--fs-xl);font-weight:var(--fw-heavy)}.dp-sp-score em{font-style:normal;font-size:var(--fs-2xs);font-weight:var(--fw-heavy);border-radius:var(--r-full);padding:2px var(--sp-1-5)}.dp-sp-score em.up{background:var(--success-bg);color:var(--success-fg)}.dp-sp-score em.down{background:var(--danger-bg);color:var(--danger-fg)}.dp-sp-bar{height:6px;background:var(--surface-sunken);overflow:hidden}.dp-sp-bar,.dp-sp-bar b{display:block;border-radius:var(--r-full)}.dp-sp-bar b{height:100%}.dp-sp-bar b.high{background:var(--success)}.dp-sp-bar b.mid{background:var(--warning)}.dp-sp-bar b.low{background:var(--danger)}.dp-sp-verdict{font-size:var(--fs-md);font-weight:var(--fw-heavy);font-family:var(--font-display)}.dp-sp-note{color:var(--text-secondary)}.dp-sp-note,.dp-sp-quote{font-size:var(--fs-sm);line-height:var(--lh-normal)}.dp-sp-quote{display:flex;flex-direction:column;gap:2px;background:var(--surface-page);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3)}.dp-sp-quote s{color:var(--text-muted);text-decoration-color:color-mix(in srgb,var(--danger) 60%,transparent)}.dp-sp-quote span{color:var(--success-fg);font-weight:var(--fw-semibold)}.dp-sp-summary{font-size:var(--fs-sm);line-height:var(--lh-normal);margin:calc(var(--sp-2) * -1) 0 var(--sp-3)}.dp-sp-missing{background:var(--surface-sunken);box-shadow:none}.dp-sp-missing .dp-sp-head strong{color:var(--text-secondary)}.dp-sp-hint{font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--text-primary);font-weight:var(--fw-semibold)}.dp-insufficient{background:var(--surface-sunken);border-radius:var(--r-lg);padding:var(--sp-4);margin:var(--sp-6) 0 var(--sp-4)}.dp-insufficient strong{font-size:var(--fs-base)}.dp-insufficient p{margin:var(--sp-1) 0 0;font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--text-secondary)}.dp-ob-option,.dp-ob-time button,.dp-plan,.dp-preset{transition:transform var(--dur-base) var(--ease-spring),box-shadow var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}.dp-ob-option>span:first-child,.dp-preset>span{transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-spring)}.dp-ob-option.selected,.dp-ob-time button.selected,.dp-plan.selected,.dp-preset.selected{transform:translateY(-2px) scale(1.015);box-shadow:0 10px 24px color-mix(in srgb,var(--n-900) 12%,transparent)}.dp-ob-option.selected,.dp-ob-time button.selected,.dp-plan.selected{background:var(--success-bg)}.dp-preset.selected>span{background:var(--surface-inverse);color:var(--text-inverse);transform:rotate(-6deg)}.dp-preset b{color:var(--text-muted)}.dp-preset .dp-preset-check{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--action-primary);color:var(--action-on-primary);font:800 13px/1 var(--font-display);animation:dp-pop var(--dur-base) var(--ease-spring)}.dp-preset:not(.selected):active{transform:scale(.98)}@media(prefers-reduced-motion:reduce){.dp-ob-option.selected,.dp-ob-time button.selected,.dp-plan.selected,.dp-preset.selected,.dp-preset.selected>span{transform:none}}.dp-orb-core{background:var(--live);color:var(--on-live);box-shadow:inset 0 0 0 12px rgba(255,255,255,.43),0 12px 30px rgba(78,120,126,.13)}.dp-orb-ring{border:1px solid var(--live-halo);background:none;animation:none;box-shadow:0 0 0 15px rgba(205,226,227,.22)}.dp-icon-button.selected{background:var(--surface-inverse);color:var(--text-inverse)}.dp-hero-card{position:relative;border-radius:var(--r-2xl);padding:var(--sp-5);margin-bottom:var(--sp-6);overflow:hidden;box-shadow:var(--shadow-xs)}.dp-hero-card-top{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-4)}.dp-hero-card .dp-hero-card-top .dp-pill{background:#fff;color:var(--n-900);font-size:var(--fs-sm);font-weight:var(--fw-heavy);padding:var(--sp-1) 10px}.dp-hero-card-top>span:last-child{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text-secondary)}.dp-hero-card h2{font-size:var(--fs-2xl);line-height:var(--lh-tight);margin:0 0 var(--sp-1-5);max-width:72%;color:var(--text-primary)}.dp-hero-card p{font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--text-secondary);margin:0 0 var(--sp-3);max-width:78%}.dp-hero-card-meta{display:flex;flex-wrap:wrap;gap:var(--sp-1-5);margin-bottom:var(--sp-1)}.dp-hero-card-meta span{display:inline-flex;align-items:center;gap:var(--sp-1);background:color-mix(in srgb,var(--surface) 75%,transparent);border-radius:var(--r-full);padding:var(--sp-1) var(--sp-2);font-size:var(--fs-2xs);font-weight:var(--fw-bold);color:var(--text-secondary)}.dp-hero-card .dp-mascot-sm{margin:0}.dp-hero-card .dp-mascot-sm,.dp-hero-card .dp-mascot-tap{position:absolute;top:var(--sp-10);right:calc(var(--sp-3) * -1);background:none}.dp-hero-card .dp-mascot-tap{z-index:1;width:104px;height:104px;padding:0;border:0;cursor:pointer;touch-action:manipulation}.dp-hero-card .dp-mascot-tap .dp-mascot-sm{position:static;right:auto;top:auto;margin:0}.dp-hero-swap{position:absolute;right:var(--sp-4);bottom:var(--sp-5);width:40px;height:40px;padding:0;border:0;border-radius:var(--r-full);background:var(--surface);box-shadow:var(--shadow-xs);color:var(--text-primary);display:grid;place-items:center;transition:transform var(--dur-base) var(--ease-spring),color var(--dur-fast)}.dp-hero-swap svg{stroke-width:2}.dp-hero-swap:hover svg{transform:rotate(180deg)}.dp-hero-swap svg{transition:transform var(--dur-base) var(--ease-spring)}.dp-hero-swap:active{transform:scale(.9)}.dp-hero-swap:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){.dp-hero-swap svg{transition:none}.dp-hero-swap:hover svg{transform:none}}.dp-mascot-tap:focus-visible{outline:3px solid var(--border-inverse);outline-offset:2px;border-radius:50%}.dp-mascot .mascot-tap-spark{opacity:0;transform:scale(.3);transform-origin:center}.dp-mascot-sm{width:104px;height:104px}.dp-row-icon-blue{background:var(--blue-bg);color:var(--blue-strong)}.dp-row-icon-mint{background:var(--mint-bg);color:var(--mint-strong)}.dp-row-icon-yellow{background:var(--yellow-bg);color:var(--yellow-fg)}.dp-row-icon-peach{background:var(--peach-bg);color:var(--peach-strong)}.dp-row-icon-lavender{background:var(--lavender-bg);color:var(--lavender-fg)}.dp-row-icon-neutral{background:var(--surface-sunken);color:var(--text-primary)}.dp-dashboard-top{margin-bottom:var(--sp-6)}.dp-today{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-3)}.dp-today h1{font-size:var(--fs-3xl);line-height:var(--lh-tight);margin:0}.dp-today-goal{display:flex;flex-direction:column;align-items:flex-end;gap:var(--sp-1);min-width:110px}.dp-today-goal span{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text-secondary)}.dp-today-goal i{width:110px;height:6px;background:var(--surface-sunken);overflow:hidden}.dp-today-goal b,.dp-today-goal i{display:block;border-radius:var(--r-full)}.dp-today-goal b{height:100%;background:var(--success)}.dp-hero-card-foot{font-size:var(--fs-xs)!important;font-weight:var(--fw-bold);color:var(--text-muted)!important;margin:0 0 var(--sp-1)!important}.dp-hero-card{margin-bottom:0}.dp-composer{margin:var(--sp-2) 0 var(--sp-6)}.dp-composer-bar{display:flex;align-items:center;gap:var(--sp-2);background:var(--surface);border-radius:var(--r-full);padding:var(--sp-1-5) var(--sp-1-5) var(--sp-1-5) var(--sp-5);box-shadow:var(--shadow-md);transition:box-shadow var(--dur-base) var(--ease-out)}.dp-composer-bar:focus-within{box-shadow:0 0 0 2px var(--focus-ring),var(--shadow-md)}.dp-composer-bar input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:var(--fs-base);color:var(--text-primary);height:44px}.dp-composer-bar input::placeholder{color:var(--text-muted)}.dp-composer-mic,.dp-composer-send{flex:none;width:52px;height:52px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--action-primary);color:var(--action-on-primary)}.dp-composer-mic.on{background:var(--live);color:var(--on-live);box-shadow:0 0 0 6px var(--live-halo)}.dp-composer.listening .dp-composer-bar{box-shadow:0 0 0 2px var(--live-halo),var(--shadow-md)}.dp-composer-hint{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--text-secondary);margin:var(--sp-3) var(--sp-2) 0}.dp-composer-wave{display:inline-flex;align-items:center;gap:3px;height:16px}.dp-composer-wave i{width:3px;height:6px;border-radius:2px;background:var(--text-secondary);animation:dp-wave 1s ease-in-out infinite}.dp-composer-wave i:nth-child(2){animation-delay:.15s}.dp-composer-wave i:nth-child(3){animation-delay:.3s}.dp-composer-wave i:nth-child(4){animation-delay:.45s}@keyframes dp-wave{50%{height:16px}}.dp-composer-recent{display:flex;gap:var(--sp-2);overflow-x:auto;margin-top:var(--sp-3);padding-bottom:2px;scrollbar-width:none}.dp-composer-recent button{flex:none;border:0;background:var(--surface);box-shadow:var(--shadow-xs);border-radius:var(--r-full);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text-secondary)}.dp-composer-result{margin-top:var(--sp-3);background:var(--surface);border-radius:var(--r-xl);padding:var(--sp-4);box-shadow:var(--shadow-sm);animation:dp-pop var(--dur-base) var(--ease-spring)}.dp-composer-result small{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text-muted)}.dp-composer-result>strong{display:block;font-size:var(--fs-lg);line-height:var(--lh-snug);margin:var(--sp-1) 0 var(--sp-2)}.dp-composer-kind{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--text-secondary)}.dp-composer-result .dp-button{margin-top:var(--sp-4)}.dp-composer-result .dp-text-link{margin-top:var(--sp-1)}@media(prefers-reduced-motion:reduce){.dp-composer-wave i{animation:none;height:10px}}.dp-phone .dp-chip{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-bold);min-height:38px;padding:0 var(--sp-4);border-radius:var(--r-full);background:var(--surface);color:var(--text-secondary);box-shadow:var(--shadow-xs);transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-spring)}.dp-phone .dp-chip.active{background:var(--surface-inverse);color:var(--text-inverse);box-shadow:0 6px 14px color-mix(in srgb,var(--n-900) 18%,transparent)}.dp-phone .dp-chip-row{margin-bottom:var(--sp-5);padding-top:2px;padding-bottom:6px}.dp-composer-recent{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}.dp-composer{position:sticky;top:0;z-index:5;padding-top:54px;margin-top:-46px;padding-bottom:var(--sp-3);margin-bottom:var(--sp-3);background:linear-gradient(to bottom,var(--surface-page) 88%,color-mix(in srgb,var(--surface-page) 0%,transparent));background:var(--surface-page)}.dp-composer:after{content:"";position:absolute;left:-20px;right:-20px;bottom:-18px;height:18px;background:linear-gradient(var(--surface-page),color-mix(in srgb,var(--surface-page) 0%,transparent));pointer-events:none}.dp-composer:before{content:"";position:absolute;inset:0 -20px;background:var(--surface-page);z-index:-1}.dp-practice .dp-topline{position:sticky;top:0;padding-top:54px;margin-top:-54px;padding-bottom:var(--sp-2);margin-bottom:var(--sp-3);background:var(--surface-page);box-shadow:-20px 0 0 var(--surface-page),20px 0 0 var(--surface-page)}.dp-composer{top:106px;padding-top:var(--sp-2);margin-top:0}.dp-phone .dp-chip.active{box-shadow:none}.dp-message button{display:inline-flex;align-items:center;min-height:36px;padding:0 var(--sp-1-5);margin:var(--sp-1) 0 calc(var(--sp-2) * -1) calc(var(--sp-1-5) * -1);font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text-secondary);text-underline-offset:3px}.dp-message em{margin-top:var(--sp-1-5);color:var(--text-secondary)}.dp-retry{margin-top:var(--sp-3)}.dp-retry .dp-feedback{margin:0}.dp-retry-row{display:flex;gap:var(--sp-2)}.dp-retry-btn{flex:1;border:0;height:46px;border-radius:var(--r-full);background:var(--action-primary);color:var(--action-on-primary);display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font:var(--fw-heavy) var(--fs-base) var(--font-display);transition:background var(--dur-base) var(--ease-out)}.dp-retry-btn.on{background:var(--recording)}.dp-retry-listen{flex:none;width:46px;height:46px;border:0;border-radius:50%;background:var(--surface-sunken);color:var(--text-primary);display:grid;place-items:center}.dp-retry-note{margin:var(--sp-2) 0 0!important;font-size:var(--fs-xs)}.dp-retry .dp-feedback .dp-mini-link{margin:var(--sp-1) 0 0;min-height:32px;padding:0}.dp-drill-list{display:flex;gap:var(--sp-2);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--sp-5);scrollbar-width:none;margin:0 calc(var(--sp-5) * -1) var(--sp-5);padding:var(--sp-1) var(--sp-5) var(--sp-2)}.dp-drill-list::-webkit-scrollbar{display:none}.dp-drill-list-card{flex:0 0 min(72%,236px);min-height:56px;display:flex;align-items:center;gap:var(--sp-3);text-align:left;border:0;border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-xs);color:var(--text-primary);padding:var(--sp-2) var(--sp-3);scroll-snap-align:start;cursor:pointer;transition:background var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-spring)}.dp-drill-list-card:active{transform:scale(.98)}.dp-drill-list-card.active{background:var(--blue-bg);box-shadow:none}.dp-drill-list-card:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.dp-drill-list-card:disabled{opacity:.6;cursor:wait}.dp-drill-list-number{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:var(--r-full);background:var(--surface-sunken);color:var(--text-primary);font-size:var(--fs-xs);font-weight:var(--fw-heavy);transition:background var(--dur-base),color var(--dur-base)}.dp-drill-list-card.active .dp-drill-list-number{background:var(--action-primary);color:var(--action-on-primary)}.dp-drill-list-card.done .dp-drill-list-number{background:var(--success-bg);color:var(--success)}.dp-drill-list-copy{min-width:0;flex:1;display:grid;gap:2px}.dp-drill-list-copy small{font-size:var(--fs-2xs);font-weight:var(--fw-heavy);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--text-secondary)}.dp-drill-list-copy strong{font-size:var(--fs-sm);line-height:var(--lh-snug);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dp-phone .dp-penta-label{min-width:72px;padding:var(--sp-1-5) var(--sp-3);border-radius:var(--r-md);box-shadow:var(--shadow-sm);gap:0;transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-base)}.dp-phone .dp-penta-label:hover{box-shadow:var(--shadow-md);transform:translate(-50%,-52%)}.dp-phone .dp-penta-label:active{transform:translate(-50%,-50%) scale(.95)}.dp-penta-label span{color:var(--text-secondary)}.dp-penta-label strong{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-xl);color:var(--text-primary)}.dp-penta-label strong svg{opacity:.55}.dp-penta-label.dp-tone-lavender{background:var(--lavender-bg)}.dp-penta-label.dp-tone-blue{background:var(--blue-bg)}.dp-penta-label.dp-tone-mint{background:var(--mint-bg)}.dp-penta-label.dp-tone-peach{background:var(--peach-bg)}.dp-penta-label.dp-tone-yellow{background:var(--yellow-bg)}.dp-penta-label.locked{background:var(--surface-sunken)}.dp-dot-lavender{fill:var(--lavender-strong)}.dp-dot-blue{fill:var(--blue-strong)}.dp-dot-mint{fill:var(--mint-strong)}.dp-dot-peach{fill:var(--peach-strong)}.dp-dot-yellow{fill:var(--yellow-strong)}.dp-skill-item{display:flex!important;align-items:center;gap:var(--sp-3)}.dp-skill-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-1-5)}.dp-skill-item>svg{flex:none;color:var(--text-muted)}.dp-skill-item.dp-tone-blue,.dp-skill-item.dp-tone-lavender,.dp-skill-item.dp-tone-mint,.dp-skill-item.dp-tone-peach,.dp-skill-item.dp-tone-yellow{background:var(--surface)}.dp-skill-item.dp-tone-lavender .dp-skill-bar i{background:var(--lavender-strong)}.dp-skill-item.dp-tone-blue .dp-skill-bar i{background:var(--blue-strong)}.dp-skill-item.dp-tone-mint .dp-skill-bar i{background:var(--mint-strong)}.dp-skill-item.dp-tone-peach .dp-skill-bar i{background:var(--peach-strong)}.dp-skill-item.dp-tone-yellow .dp-skill-bar i{background:var(--yellow-strong)}.dp-skill-list .dp-skill-item{flex-direction:row;align-items:center;text-align:left}.dp-skill-list .dp-skill-item-body{align-items:stretch}.dp-skill-list .dp-skill-item-body .dp-skill-row-head{width:100%}.dp-phone .dp-penta-label.static{box-shadow:none}.dp-phone .dp-button{height:52px;padding:0 var(--sp-6);gap:var(--sp-2);border-radius:var(--r-full);font-family:var(--font-display);font-size:var(--fs-base);font-weight:var(--fw-heavy);letter-spacing:.01em;transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-base) var(--ease-out),background var(--dur-base)}.dp-phone .dp-button-icon{position:static;width:auto;height:auto;background:none!important;color:inherit!important;border-radius:0;transition:transform var(--dur-base) var(--ease-spring)}.dp-phone .dp-button-dark{box-shadow:0 8px 20px color-mix(in srgb,var(--n-900) 22%,transparent),inset 0 1px 0 color-mix(in srgb,var(--n-0) 12%,transparent)}.dp-phone .dp-button-dark:hover{transform:translateY(-1px);box-shadow:0 12px 26px color-mix(in srgb,var(--n-900) 26%,transparent),inset 0 1px 0 color-mix(in srgb,var(--n-0) 12%,transparent)}.dp-phone .dp-button:hover .dp-button-icon{transform:translateX(3px)}.dp-phone .dp-button:active{transform:scale(.97)}.dp-phone .dp-button-light,.dp-phone .dp-button-outline{box-shadow:var(--shadow-xs)}.dp-phone .dp-button:disabled{box-shadow:none}.dp-ob-option.selected>b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--action-primary);color:var(--action-on-primary);font:800 12px/1 var(--font-display);animation:dp-pop var(--dur-base) var(--ease-spring)}.dp-mic-denied{background:var(--warning-bg);border-radius:var(--r-lg);padding:var(--sp-4);margin-bottom:var(--sp-2)}.dp-mic-denied strong{font-size:var(--fs-base);color:var(--warning-fg)}.dp-mic-denied p{margin:var(--sp-1) 0 0;font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--text-secondary)}.dp-mic-ask .dp-mic-denied{margin-bottom:var(--sp-4)}.dp-phone.with-nav .dp-action-card,.dp-phone.with-nav .dp-chip.active,.dp-phone.with-nav .dp-phone-viewport .dp-button-dark,.dp-phone.with-nav .dp-sprint-hero{background:var(--action-primary-soft)}.dp-phone.with-nav .dp-phone-viewport .dp-button-dark{box-shadow:none}.dp-phone.with-nav .dp-phone-viewport .dp-button-dark:hover{background:var(--action-primary-soft-hover)}.dp-phone-status{background:var(--surface-page)}.dp-phone:has(.dp-welcome) .dp-phone-status{background:transparent}.dp-ob-top,.dp-topline{position:sticky;top:53px;z-index:4;background:var(--surface-page);box-shadow:-20px 0 0 var(--surface-page),20px 0 0 var(--surface-page),0 -14px 0 var(--surface-page),-20px -14px 0 var(--surface-page),20px -14px 0 var(--surface-page)}.dp-practice .dp-topline{top:53px;padding-top:0;margin-top:0;z-index:6}.dp-article-screen>.dp-topline{padding-top:12px;margin-top:53px;box-shadow:0 -14px 0 var(--surface-page)}.dp-ob-top,.dp-topline{padding-bottom:var(--sp-2);margin-bottom:var(--sp-3)}.dp-call .dp-topline{margin-bottom:0}.dp-dashboard-top{position:sticky;top:53px;z-index:4;background:var(--surface-page);padding-bottom:var(--sp-2);margin-bottom:var(--sp-4);box-shadow:-20px 0 0 var(--surface-page),20px 0 0 var(--surface-page),0 -20px 0 var(--surface-page),-20px -20px 0 var(--surface-page),20px -20px 0 var(--surface-page)}.dp-call-text{padding-bottom:120px}.dp-text-mode-note{display:flex;align-items:center;gap:var(--sp-2);background:var(--lavender-bg);color:var(--lavender-fg);border-radius:var(--r-lg);padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-3);font-size:var(--fs-xs);font-weight:var(--fw-bold);margin:var(--sp-2) 0 var(--sp-4)}.dp-text-mode-note span{flex:1}.dp-text-mode-note button{border:0;background:var(--surface);color:var(--text-primary);border-radius:var(--r-full);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-xs);font-weight:var(--fw-heavy);font-family:var(--font-display);white-space:nowrap}.dp-text-input{position:absolute;left:var(--sp-4);right:var(--sp-4);bottom:30px;display:flex;align-items:center;gap:var(--sp-2);z-index:6}.dp-text-input .dp-composer-bar{flex:1}.dp-text-input .dp-composer-send:disabled{opacity:.35}.dp-text-ideas{position:absolute;left:var(--sp-4);right:var(--sp-4);bottom:100px;display:flex;flex-wrap:wrap;gap:var(--sp-2);z-index:6}.dp-text-ideas button{border:0;background:var(--surface);box-shadow:var(--shadow-sm);border-radius:var(--r-full);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);color:var(--text-primary)}.dp-pause-note{display:flex;align-items:center;gap:var(--sp-2);background:var(--lavender-bg);color:var(--lavender-fg);border-radius:var(--r-lg);padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-3);font-size:var(--fs-sm);font-weight:var(--fw-bold);margin-bottom:var(--sp-4)}.dp-pause-note span{flex:1}.dp-pause-note button{border:0;background:var(--surface);border-radius:var(--r-full);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-xs);font-weight:var(--fw-heavy);color:var(--text-primary)}.dp-state-art.lavender{background:var(--lavender-bg);color:var(--lavender-fg)}.dp-composer-bar input:focus,.dp-composer-bar input:focus-visible{outline:0}.dp-phone .dp-text-link:not(.dp-subtle-link){width:fit-content;min-height:44px;margin:var(--sp-4) auto 0;padding:0 var(--sp-5);gap:var(--sp-1-5);border-radius:var(--r-full);background:var(--surface);box-shadow:var(--shadow-xs);color:var(--text-primary);font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-heavy);text-decoration:none;transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-base) var(--ease-out)}.dp-phone .dp-text-link:not(.dp-subtle-link):hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.dp-phone .dp-text-link:not(.dp-subtle-link):active{transform:scale(.96)}.dp-phone .dp-section-title button{min-height:36px;min-width:0;padding:0 var(--sp-1) 0 var(--sp-2);margin-right:calc(var(--sp-1) * -1);border-radius:var(--r-full);background:none;box-shadow:none;color:var(--text-secondary);font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-bold);text-decoration:none;display:inline-flex;align-items:center;gap:var(--sp-1-5);transition:color var(--dur-fast)}.dp-phone .dp-section-title button:after{content:"";width:6px;height:6px;margin-right:var(--sp-1);border-top:2px solid;border-right:2px solid;transform:rotate(45deg);transition:transform var(--dur-fast) var(--ease-out)}.dp-phone .dp-section-title button:hover{color:var(--text-primary)}.dp-phone .dp-section-title button:hover:after{transform:translateX(2px) rotate(45deg)}.dp-phone .dp-section-title .dp-section-arrow,.dp-section-title .dp-section-arrow{position:relative;width:28px;height:28px;min-width:28px;min-height:28px;padding:0 0 0 1px;margin:0 2px 0 0;border:0;border-radius:var(--r-full);background:var(--action-primary);color:var(--action-on-primary);display:grid;place-items:center;box-shadow:0 2px 6px rgba(21,25,27,.14);transition:transform var(--dur-fast) var(--ease-spring),box-shadow var(--dur-fast)}.dp-section-arrow svg{stroke-width:2.4}.dp-phone .dp-section-title .dp-section-arrow:after{content:none}.dp-section-title .dp-section-arrow:before{content:"";position:absolute;inset:-8px}.dp-phone .dp-section-title .dp-section-arrow:hover,.dp-section-title .dp-section-arrow:hover{color:var(--action-on-primary);transform:translateX(2px);box-shadow:0 4px 10px rgba(21,25,27,.18)}.dp-section-title .dp-section-arrow:active{transform:scale(.9)}.dp-section-title .dp-section-arrow:focus-visible{outline:3px solid var(--blue-strong);outline-offset:2px}.dp-page .dp-text-link.dp-subtle-link{text-decoration:none}.dp-debrief-note .dp-subtle-link{text-decoration:underline!important}.dp-phone .dp-composer-bar{box-shadow:var(--shadow-xs)}.dp-phone .dp-composer-bar:focus-within{box-shadow:0 0 0 2px var(--focus-ring)}.dp-phone .dp-composer.listening .dp-composer-bar{box-shadow:0 0 0 2px var(--live-halo)}.dp-composer-personal{margin-top:var(--sp-3)}.dp-composer-personal small{display:block;font-size:var(--fs-2xs);font-weight:var(--fw-bold);color:var(--text-muted);margin:0 0 var(--sp-2) var(--sp-2)}.dp-composer-personal .dp-composer-recent{margin-top:0;margin-left:-20px;margin-right:-20px;padding:0 20px 2px}.dp-composer-recent button{font-family:var(--font-display);color:var(--text-primary)}.dp-composer-personal .dp-composer-recent{flex-wrap:wrap;overflow:visible;margin-left:0;margin-right:0;padding:0}.dp-composer-personal .dp-composer-recent button{max-width:100%;white-space:nowrap;text-overflow:ellipsis}.dp-phone-viewport:has(.dp-welcome){overflow-y:auto;overflow-x:hidden}.dp-wl{display:flex;flex-direction:column;min-height:100%;padding:62px 0 34px;background:var(--surface-page)}.dp-wl-stage{overflow:hidden;touch-action:pan-y;flex:none;cursor:grab;user-select:none}.dp-wl-track{display:flex;transition:transform var(--dur-slow) var(--ease-spring)}.dp-wl-slide{flex:0 0 100%;padding:0 var(--sp-5)}.dp-wl-art{position:relative;height:372px;border-radius:var(--r-2xl);overflow:hidden}.dp-wl-art.tone-blue{background:var(--blue-bg)}.dp-wl-art.tone-peach{background:var(--peach-bg)}.dp-wl-art.tone-mint{background:var(--mint-bg)}.dp-wl-art:after,.dp-wl-art:before{content:"";position:absolute;border-radius:50%;opacity:.55}.dp-wl-art:before{width:230px;height:230px;right:-70px;top:-60px}.dp-wl-art:after{width:150px;height:150px;left:-50px;bottom:-40px}.dp-wl-art.tone-blue:after,.dp-wl-art.tone-blue:before{background:var(--blue-line)}.dp-wl-art.tone-peach:after,.dp-wl-art.tone-peach:before{background:var(--peach-line)}.dp-wl-art.tone-mint:after,.dp-wl-art.tone-mint:before{background:var(--mint-line)}.dp-wl-art>*{z-index:1}.dp-wl-mascot{position:absolute;left:50%;top:50%;transform:translate(-50%,-48%)}.dp-wl-mascot .dp-mascot{margin:0;background:var(--surface)}.dp-wl-mascot.small{top:auto;bottom:20px;left:auto;transform:none}.dp-wl-bubble{position:absolute;background:var(--surface);color:var(--text-primary);border-radius:20px;padding:var(--sp-3) var(--sp-4);font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-heavy);line-height:var(--lh-snug);box-shadow:var(--shadow-sm)}.dp-wl-bubble.agent{top:30px;left:22px;border-bottom-left-radius:6px}.dp-wl-bubble.self{bottom:30px;right:22px;display:flex;align-items:center;gap:var(--sp-2);background:var(--surface-inverse);color:var(--text-inverse);border-bottom-right-radius:6px}.dp-wl-wave{display:inline-flex;align-items:center;gap:2px;height:16px}.dp-wl-wave i{width:3px;height:6px;border-radius:2px;background:currentColor;opacity:.7;animation:dp-wave 1s ease-in-out infinite}.dp-wl-wave i:nth-child(2){animation-delay:.12s}.dp-wl-wave i:nth-child(3){animation-delay:.24s}.dp-wl-wave i:nth-child(4){animation-delay:.36s}.dp-wl-wave i:nth-child(5){animation-delay:.48s}.dp-wl-card{position:absolute;left:22px;right:22px;top:30px;background:var(--surface);border-radius:var(--r-xl);padding:var(--sp-4) var(--sp-4) var(--sp-5);box-shadow:var(--shadow-sm);display:grid;gap:var(--sp-1)}.dp-wl-card small{font-size:var(--fs-2xs);font-weight:var(--fw-bold);color:var(--text-muted)}.dp-wl-card s{font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:var(--sp-2)}.dp-wl-card strong{font-family:var(--font-display);font-size:var(--fs-md);line-height:var(--lh-snug)}.dp-wl-card strong b{background:var(--mint-line);color:var(--mint-fg);border-radius:6px;padding:0 4px}.dp-wl-badge{position:absolute;top:-10px;right:-8px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--surface-inverse);color:var(--text-inverse)}.dp-wl-badge,.dp-wl-chip{box-shadow:var(--shadow-sm)}.dp-wl-chip{position:absolute;left:22px;bottom:36px;display:inline-flex;align-items:center;gap:var(--sp-1-5);background:var(--surface);border-radius:var(--r-full);padding:var(--sp-2) var(--sp-4);font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-heavy);color:var(--text-primary)}.dp-wl-chip.up{color:var(--mint-fg)}.dp-wl-bars{gap:var(--sp-3);padding:var(--sp-5) var(--sp-4)}.dp-wl-bars>div{display:grid;grid-template-columns:78px 1fr;align-items:center;gap:var(--sp-3);font-size:var(--fs-sm);font-weight:var(--fw-bold)}.dp-wl-bars i{height:10px;border-radius:var(--r-full);background:var(--surface-sunken);overflow:hidden}.dp-wl-bars b{display:block;height:100%;border-radius:inherit;transform-origin:left;transition:transform .9s var(--ease-spring)}.dp-wl-fill-lavender{background:var(--lavender-strong)}.dp-wl-fill-blue{background:var(--blue-strong)}.dp-wl-fill-peach{background:var(--peach-strong)}.dp-wl-slide:not(.active) .dp-wl-bars b{transform:scaleX(.25)}.dp-wl-slide.active .dp-wl-pop{animation:dp-pop .5s var(--ease-spring) both}.dp-wl-slide.active .dp-wl-pop:nth-child(2){animation-delay:.12s}.dp-wl-slide.active .dp-wl-pop:nth-child(3){animation-delay:.24s}.dp-wl-copy{flex:1;display:flex;flex-direction:column;padding:var(--sp-5) var(--sp-5) 0}.dp-wl-dots{display:flex;gap:2px;margin-left:-8px}.dp-wl-dots button{width:24px;height:24px;border:0;background:none;padding:0;display:grid;place-items:center;transition:width var(--dur-base) var(--ease-spring)}.dp-wl-dots button:before{content:"";width:8px;height:8px;border-radius:var(--r-full);background:var(--n-300);transition:width var(--dur-base) var(--ease-spring),background var(--dur-base)}.dp-wl-dots button.active{width:36px}.dp-wl-dots button.active:before{width:26px;background:var(--surface-inverse)}.dp-wl-text{animation:dp-arrive var(--dur-slow) var(--ease-out) both}.dp-phone .dp-wl h1{white-space:pre-line;font-size:var(--fs-3xl);line-height:var(--lh-tight);margin:var(--sp-3) 0 var(--sp-2)}.dp-phone .dp-wl p{font-size:var(--fs-base);color:var(--text-secondary);line-height:var(--lh-normal);margin:0;max-width:none}.dp-wl-cta{margin-top:auto;padding-top:var(--sp-5)}.dp-wl-cta .dp-text-link{margin-top:var(--sp-3)}@media(prefers-reduced-motion:reduce){.dp-wl-wave i{animation:none;height:10px}}.dp-wl-mascot{inset:0;left:0;top:0;transform:none;display:grid;place-items:center;pointer-events:none}.dp-wl-mascot.small{inset:auto;right:18px;bottom:22px;display:block}.dp-wl-art{height:clamp(250px,38dvh,380px)}.dp-chip-scroller{position:relative;margin:0 -20px}.dp-chip-scroller:after,.dp-chip-scroller:before{content:"";position:absolute;top:0;bottom:0;width:28px;pointer-events:none;opacity:0;transition:opacity var(--dur-base);z-index:1}.dp-chip-scroller:before{left:0;background:linear-gradient(to right,var(--surface-page),transparent)}.dp-chip-scroller:after{right:0;background:linear-gradient(to left,var(--surface-page),transparent)}.dp-chip-scroller.fade-end:after,.dp-chip-scroller.fade-start:before{opacity:1}.dp-chip-scroller>.dp-chip-row{margin-left:0;margin-right:0}.dp-composer-personal .dp-composer-recent{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding:0 20px;margin:0;padding:2px 20px 4px;cursor:grab}.dp-composer-personal .dp-composer-recent button{flex:none;max-width:calc((100% - 8px) / 2);scroll-snap-align:start;flex:0 0 calc((100% - 8px - 28px) / 2);max-width:none;white-space:normal;text-align:left;line-height:var(--lh-snug);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3);min-height:52px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dp-composer-personal .dp-composer-recent:has(>button:nth-child(2):last-child) button,.dp-composer-personal .dp-composer-recent:has(>button:only-child) button{flex-basis:calc((100% - 8px) / 2)}.dp-tasks-empty{background:var(--mint-bg);border-radius:var(--r-xl);padding:var(--sp-5);color:var(--text-primary)}.dp-tasks-empty-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--surface);color:var(--mint-fg);margin-bottom:var(--sp-3)}.dp-tasks-empty strong{display:block;font-family:var(--font-display);font-size:var(--fs-base)}.dp-tasks-empty p{font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--text-secondary);margin:var(--sp-1) 0 0}.dp-tasks-empty button{min-height:44px;border:0;border-radius:var(--r-full);background:var(--surface);padding:0 var(--sp-4);font-size:var(--fs-xs);font-weight:var(--fw-heavy);color:var(--text-primary);margin-top:var(--sp-2)}.dp-task-clear-notice{display:flex;align-items:center;gap:var(--sp-2);color:var(--mint-fg);font-size:var(--fs-sm);font-weight:var(--fw-bold);margin:var(--sp-3) 0}.dp-session-trend{background:var(--surface);border-radius:var(--r-2xl);padding:var(--sp-5) var(--sp-4) var(--sp-4);margin-bottom:var(--sp-5);box-shadow:0 1px 0 rgba(23,34,37,.035)}.dp-session-trend-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-3);padding-left:var(--sp-1)}.dp-session-trend-head strong{display:block;font-size:var(--fs-4xl);line-height:1;letter-spacing:var(--ls-tighter);font-variant-numeric:tabular-nums}.dp-session-trend-head>div>span{display:block;margin-top:var(--sp-1-5);font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--text-muted)}.dp-delta{flex:none;display:inline-flex;align-items:center;gap:var(--sp-1);border-radius:var(--r-full);padding:var(--sp-1-5) var(--sp-3);font-size:var(--fs-xs);font-weight:var(--fw-heavy);white-space:nowrap;background:var(--surface-sunken);color:var(--text-secondary)}.dp-delta svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dp-delta.up{background:var(--mint-bg);color:var(--mint-fg)}.dp-delta.down{background:var(--peach-bg);color:var(--peach-fg)}.dp-session-trend-graphic{display:block;width:100%;height:auto;overflow:visible;-webkit-tap-highlight-color:transparent}.dp-session-grid{stroke:var(--border);stroke-width:1;stroke-dasharray:2 5}.dp-session-grid-label{fill:var(--text-muted);font-size:11px;font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}.dp-session-fill-top{stop-color:var(--blue-strong);stop-opacity:.16}.dp-session-fill-bottom{stop-color:var(--blue-strong);stop-opacity:0}.dp-session-line{fill:none;stroke:var(--blue-strong);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.dp-session-guide{stroke:var(--blue-line);stroke-width:1.5;stroke-dasharray:3 4}.dp-session-dot{fill:var(--surface);stroke:var(--blue-strong);stroke-width:2;transition:r var(--dur-fast)}.dp-session-dot.active{fill:var(--blue-strong);stroke:var(--surface);stroke-width:3;filter:drop-shadow(0 2px 4px rgba(21,36,41,.22))}.dp-session-hit{fill:transparent;cursor:pointer}.dp-session-trend-axis{display:flex;justify-content:space-between;padding:var(--sp-2) 3.75% 0 10.6%;font-size:var(--fs-2xs);font-weight:var(--fw-semibold);color:var(--text-muted);font-variant-numeric:tabular-nums}.dp-misword-list{background:var(--surface);border-radius:var(--r-2xl);padding:var(--sp-1) var(--sp-4);margin-bottom:var(--sp-5)}.dp-misword{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--sp-1-5) var(--sp-3);width:100%;border:0;background:none;text-align:left;padding:var(--sp-3) 0;min-height:64px;color:var(--text-primary)}.dp-misword+.dp-misword{border-top:1px solid var(--border)}.dp-misword strong{font-size:var(--fs-md);font-weight:var(--fw-heavy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dp-misword small{grid-column:1;font-size:var(--fs-2xs);color:var(--text-muted);font-weight:var(--fw-semibold)}.dp-misword-score{grid-row:1/span 3;grid-column:2;display:flex;align-items:center;gap:var(--sp-2)}.dp-misword-score b{min-width:42px;text-align:center;border-radius:var(--r-full);padding:var(--sp-1) var(--sp-2);font-size:var(--fs-xs);font-weight:var(--fw-heavy);font-variant-numeric:tabular-nums}.dp-misword-score b.bad{background:var(--peach-bg);color:var(--peach-fg)}.dp-misword-score b.mid{background:var(--yellow-bg);color:var(--yellow-fg)}.dp-misword-score b.ok{background:var(--mint-bg);color:var(--mint-fg)}.dp-misword-score svg{color:var(--text-muted)}.dp-misword-bar{grid-column:1;height:4px;border-radius:var(--r-full);background:var(--surface-sunken);overflow:hidden}.dp-misword-bar i{display:block;height:100%;border-radius:inherit;background:var(--peach-strong)}.dp-phone .dp-hero-card .dp-button,.dp-phone .dp-topic-banner .dp-button{width:auto;height:40px;margin-top:var(--sp-3);padding:0 var(--sp-1) 0 var(--sp-4);gap:var(--sp-2);white-space:nowrap;font-size:var(--fs-base);font-weight:var(--fw-bold);letter-spacing:0}.dp-phone .dp-hero-card .dp-button-icon,.dp-phone .dp-topic-banner .dp-button-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--r-full);background:color-mix(in srgb,var(--n-0) 14%,transparent)!important}.dp-phone .dp-hero-card .dp-button:hover .dp-button-icon,.dp-phone .dp-topic-banner .dp-button:hover .dp-button-icon{transform:scale(1.06)}.dp-phone.with-nav .dp-phone-viewport .dp-hero-card .dp-button-dark,.dp-phone.with-nav .dp-phone-viewport .dp-topic-banner .dp-button-dark{background:var(--action-primary)}.dp-phone.with-nav .dp-phone-viewport .dp-hero-card .dp-button-dark:hover,.dp-phone.with-nav .dp-phone-viewport .dp-topic-banner .dp-button-dark:hover{background:var(--n-800)}.dp-phone .dp-topic-switch{display:flex;align-items:center;gap:var(--sp-2);height:40px;margin:var(--sp-3) auto 0;padding:0 var(--sp-4);border:0;border-radius:var(--r-full);background:var(--surface);box-shadow:var(--shadow-xs);color:var(--text-primary);font-family:var(--font-display);font-size:var(--fs-md);font-weight:var(--fw-bold);white-space:nowrap;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-spring)}.dp-topic-switch-icon{display:grid;place-items:center;transition:transform var(--dur-base) var(--ease-spring)}.dp-phone .dp-topic-switch:hover{box-shadow:var(--shadow-sm)}.dp-phone .dp-topic-switch:hover .dp-topic-switch-icon{transform:rotate(180deg)}.dp-phone .dp-topic-switch:active{transform:scale(.97)}.dp-phone .dp-topic-switch:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){.dp-phone .dp-topic-switch,.dp-topic-switch-icon{transition:none}.dp-phone .dp-topic-switch:hover .dp-topic-switch-icon{transform:none}}.dp-basics{display:flex;gap:var(--sp-3);overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--sp-5);scrollbar-width:none;margin:0 calc(var(--sp-5) * -1) var(--sp-6);padding:var(--sp-1) var(--sp-5) var(--sp-2);scroll-behavior:smooth}.dp-basics::-webkit-scrollbar{display:none}.dp-basic-tile{position:relative;flex:none;width:148px;min-height:128px;border:0;border-radius:var(--r-lg);padding:var(--sp-4);background:var(--surface);box-shadow:var(--shadow-xs);text-align:left;display:flex;flex-direction:column;gap:3px;color:var(--text-primary);scroll-snap-align:start}.dp-basic-tile strong{font-size:var(--fs-base);line-height:var(--lh-tight)}.dp-basic-tile small{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text-secondary)}.dp-basic-num{width:36px;height:36px;border-radius:var(--r-md);background:var(--surface-sunken);display:grid;place-items:center;font-family:var(--font-display);font-size:var(--fs-md);font-weight:var(--fw-heavy);margin-bottom:auto}.dp-basic-tile strong{margin-top:var(--sp-3)}.dp-basic-tile.next{background:var(--yellow-bg)}.dp-basic-tile.next .dp-basic-num{background:var(--surface)}.dp-basic-badge{position:absolute;top:var(--sp-3);right:var(--sp-3);font-size:var(--fs-2xs);font-weight:var(--fw-heavy);line-height:1.5;border-radius:var(--r-full);padding:2px var(--sp-2);background:var(--action-primary-soft);color:var(--action-on-primary)}.dp-basic-badge.weak{background:var(--peach-bg);color:var(--peach-fg)}.dp-basic-tile.done{background:var(--mint-bg)}.dp-basic-tile.done .dp-basic-num{background:var(--surface);color:var(--mint-strong)}.dp-phoneme-empty>.dp-button{margin-top:var(--sp-4)}.dp-phoneme-empty>.dp-mascot{margin-bottom:var(--sp-3)}.dp-plan b{white-space:nowrap}.dp-plan b small{display:inline;margin-left:2px;color:var(--text-muted);font-weight:var(--fw-bold)}.dp-idle-warning{position:absolute;bottom:95px;left:15px;right:15px;z-index:4;display:grid;gap:var(--sp-1);padding:var(--sp-4);border-radius:var(--r-xl);background:var(--peach-bg);color:var(--text-primary);box-shadow:var(--shadow-lg);font-size:var(--fs-sm);line-height:var(--lh-normal)}.dp-idle-warning span{color:var(--text-secondary)}