:root {
  color-scheme: light;
  --page:#faf9f4; --surface:#fff; --surface-soft:#f6f7f3; --ink:#17211d; --muted:#59665f; --line:#e5e5dc;
  --green:#168343; --accent:#168343; --green-dark:#0e6b35; --green-soft:#edf8f0; --yellow:#f2bd38; --yellow-soft:#fff6da;
  --coral:#d9634a; --coral-soft:#fff0eb; --danger:#b43f34; --radius-sm:.75rem; --radius:1rem; --radius-lg:1.25rem;
  --content:70rem; --motion:180ms ease;
}
#scenario-retry[hidden]{display:none}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{min-height:100dvh;margin:0;padding-bottom:calc(4.75rem + env(safe-area-inset-bottom));overflow-x:hidden;background:var(--page);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif;font-size:1rem;line-height:1.55;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit} button{cursor:pointer;touch-action:manipulation} button,select,textarea,input{transition:color var(--motion),background-color var(--motion),border-color var(--motion),opacity var(--motion),box-shadow var(--motion)}
button:active:not(:disabled){opacity:.78} button:disabled{cursor:not-allowed;opacity:.45} :focus-visible{outline:3px solid #52a871;outline-offset:3px}.home-title:focus,.direction-panel:focus,.main-area:focus{outline:none}.hidden{display:none!important}svg{display:block;width:1.25rem;height:1.25rem;flex:none}
.skip-link{position:fixed;top:.5rem;left:.5rem;z-index:50;padding:.65rem .9rem;transform:translateY(-180%);background:var(--surface);color:var(--green);border-radius:var(--radius-sm)}.skip-link:focus{transform:none}
.site-header{max-width:var(--content);margin:0 auto;padding:1.5rem 1.5rem 1.1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.app-title{margin:0;font-size:1.4rem;line-height:1.2;font-weight:760;letter-spacing:-.04em}.header-note{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .75rem;background:rgba(255,255,255,.75);border:1px solid var(--line);border-radius:999px;color:#35433c;font-size:.8rem;white-space:nowrap}.header-note svg{width:1rem;height:1rem;color:#c79013}
.home-view,.direction-view,.practice-view{max-width:var(--content);margin:0 auto;padding:0 1.5rem 1.5rem}.home-view{max-width:54rem}.home-title{margin:.75rem 0 .25rem;font-size:clamp(1.7rem,4vw,2.25rem);line-height:1.25;letter-spacing:-.045em}.home-title::after{content:"";display:inline-block;width:1.35rem;height:.32rem;margin-left:.3rem;border-bottom:.32rem solid var(--yellow);border-radius:50%;transform:rotate(-6deg)}.home-intro{margin:0 0 1.35rem;color:var(--muted)}
.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.module-card{display:grid;grid-template-columns:2.5rem minmax(0,1fr);align-items:center;gap:.85rem;min-width:0;min-height:6.1rem;padding:1rem;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);text-align:left}.module-card>svg{width:2rem;height:2rem;color:var(--green);stroke-width:1.7}.module-copy{display:flex;flex-direction:column;gap:.15rem;min-width:0}.module-card strong{font-size:1.05rem;line-height:1.35}.card-description{color:var(--muted);font-size:.8rem;line-height:1.5}.module-card:hover{border-color:#9bcaaa;background:#fbfefc}.module-card.is-selected{background:var(--green-soft);border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}.module-card.is-selected::after{content:"已选择";grid-column:2;margin-top:.2rem;color:var(--green-dark);font-size:.72rem;font-weight:700}.module-yellow.is-selected{background:var(--yellow-soft)}.module-peach.is-selected{background:var(--coral-soft)}
.quick-start{display:grid;grid-template-columns:1fr auto;gap:.65rem .8rem;margin-top:.8rem}.current-practice{grid-column:1/-1;display:flex;align-items:center;gap:.5rem;min-height:2.7rem;padding:.65rem .8rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:.85rem}.status-dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--green)}.quick-start .btn-main,.quick-start .text-button,.reward-note{grid-column:1/-1}.quick-start .btn-main{width:100%}.quick-start .text-button{justify-self:center}.reward-note{display:flex;align-items:center;justify-content:center;gap:.45rem;margin:.1rem 0 0;padding:.7rem;background:rgba(255,255,255,.55);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--muted);font-size:.78rem}.reward-note svg{color:#c98c08;width:1rem;height:1rem}
.direction-view{max-width:54rem}.direction-panel{overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.direction-header{padding:1.35rem 1.35rem .85rem}.direction-kicker{color:var(--green);font-size:.75rem;font-weight:750}.direction-panel h2{margin:.2rem 0;font-size:1.75rem;line-height:1.3;letter-spacing:-.035em}.direction-description{margin:0;color:var(--muted);font-size:.92rem}.direction-content{padding:.4rem 1.35rem 1rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.65rem}.section-heading h3{margin:0;font-size:1rem}.section-heading p{margin:0;color:var(--muted);font-size:.78rem}
.creator-grid,.social-grid,.children-path{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.creator-card,.workplace-row,.sales-step,.social-prompt,.language-choice,.children-step{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:.15rem .65rem;width:100%;min-height:5.5rem;padding:.8rem;background:var(--surface-soft);color:var(--ink);border:1px solid transparent;border-radius:var(--radius-sm);text-align:left}.creator-card-main,.creator-card:nth-child(4),.social-prompt,.children-step{min-height:5.5rem}.scene-number{color:#89968f;font-size:.72rem;font-weight:700}.scene-copy{display:flex;flex-direction:column;min-width:0}.scene-copy strong{font-size:.92rem}.scene-copy small{color:var(--muted);font-size:.74rem;line-height:1.45}.scene-action{color:var(--green);font-size:.72rem;font-weight:700;white-space:nowrap}.creator-card.is-selected,.workplace-row.is-selected,.sales-step.is-selected,.social-prompt.is-selected,.language-choice.is-selected,.children-step.is-selected{background:var(--green-soft);border-color:#76b88e;box-shadow:inset 0 0 0 1px #76b88e}.creator-strip{display:flex;align-items:center;gap:.45rem;margin-top:.65rem;padding:.65rem .75rem;overflow-x:auto;background:var(--yellow-soft);border-radius:var(--radius-sm);color:#665322;font-size:.73rem;white-space:nowrap}.creator-strip span{margin-right:auto}.creator-strip i{color:#ae9b69;font-style:normal}.workplace-list,.sales-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.sales-step::after{display:none}.language-switcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;padding:0;background:transparent}.language-choice{min-height:5.5rem}.language-skills{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.65rem}.language-skills span{display:flex;gap:.4rem;padding:.5rem .65rem;background:var(--surface-soft);border-radius:.55rem;font-size:.73rem}.parent-tip{margin:.65rem 0 0;padding:.65rem .75rem;background:var(--yellow-soft);color:#665322;border-radius:var(--radius-sm);font-size:.75rem}.direction-actions{position:sticky;bottom:calc(4.35rem + env(safe-area-inset-bottom));z-index:4;display:grid;grid-template-columns:1fr auto;gap:.6rem;padding:.75rem 1.35rem;background:rgba(255,255,255,.94);border-top:1px solid var(--line);backdrop-filter:blur(12px)}.direction-actions .btn-start{width:100%}.direction-tools{display:flex;justify-content:center;gap:1.25rem;padding:.9rem 1.35rem 1.2rem}.text-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.35rem .2rem;background:transparent;color:var(--green-dark);border:0;font-size:.84rem}
.creator-board,.workplace-board,.sales-board,.social-board,.language-board,.children-board{min-width:0}
.practice-view{max-width:62rem}.practice-toolbar{display:flex;align-items:center;gap:.75rem;padding:.15rem 0 1rem}.practice-toolbar>div{display:flex;flex-direction:column}.practice-toolbar strong{font-size:1.05rem}.practice-toolbar span{color:var(--muted);font-size:.76rem}.back-button{display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:50%}.layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(17rem,.85fr);gap:.8rem;align-items:start}.main-area{grid-column:1;grid-row:1/span 2;min-width:0;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.record-heading{padding:1.35rem 1.35rem .8rem}.record-time{display:flex;align-items:center;justify-content:center;gap:.55rem;flex-wrap:wrap;text-align:center}.record-time>span:not(.record-state-dot){color:var(--muted);font-size:.84rem}.record-state-dot{width:.65rem;height:.65rem;background:#aab2ad;border-radius:50%}.record-state-dot.is-live{background:var(--green);box-shadow:0 0 0 .3rem rgba(22,131,67,.12)}.record-state-dot.is-error{background:var(--coral)}.timer{flex-basis:100%;color:var(--green);font-size:3rem;line-height:1.1;font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.subtitle-topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1.35rem;border-top:1px solid var(--line)}.subtitle-topbar h2{margin:0;font-size:1rem}.subtitle-topbar>div>span{color:var(--muted);font-size:.72rem}.subtitle-topbar-right{display:flex;gap:.35rem}.btn-sm{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.75rem;padding:.55rem .8rem;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:.78rem;white-space:nowrap}.btn-sm svg{width:1rem;height:1rem}.btn-paste-top{color:var(--green-dark);background:var(--green-soft);border-color:transparent}
.mic-panel{display:grid;grid-template-columns:auto minmax(10rem,1fr) 5rem auto;align-items:center;gap:.5rem;padding:.55rem 1.35rem .75rem;color:var(--muted);font-size:.76rem}.mic-panel label{font-weight:650;color:#3d4c45}.mic-panel select{min-width:0;width:100%;height:2.6rem;padding:0 .65rem;background:var(--surface-soft);color:var(--ink);border:1px solid var(--line);border-radius:.65rem}.mic-panel meter{width:5rem;height:.75rem;accent-color:var(--green)}meter::-webkit-meter-bar{background:#e4e8e4;border:0}meter::-webkit-meter-optimum-value{background:var(--green)}#asr-status{grid-column:1/-1;min-height:1.2rem;color:var(--green-dark);line-height:1.4}#asr-status.mic-error{padding:.55rem .65rem;background:var(--coral-soft);color:var(--danger);border-radius:.6rem}
.subtitle-scroll{min-height:16rem;max-height:44dvh;margin:0 1.35rem 1.25rem;padding:1.25rem;overflow-y:auto;background:#fbfcfa;border:1px solid var(--line);border-radius:var(--radius)}.subtitle-container{max-width:62ch;margin:0 auto;display:flex;flex-direction:column;gap:.8rem}.subtitle-line{color:var(--ink);font-size:1.1rem;line-height:1.85;overflow-wrap:anywhere}.subtitle-line.old{color:var(--muted);font-size:.96rem}.subtitle-line.hint{padding:4rem 0;color:var(--muted);font-size:.9rem;text-align:center}.subtitle-line.interim-line{color:#466e59}.subtitle-line .marker{padding:0 .08em;border-radius:.2rem}.marker-filler{color:#a23c34;text-decoration:underline wavy;text-underline-offset:.18em}.marker-hedge,.marker-vague{background:var(--yellow-soft);color:#74591c}.marker-claim,.marker-order,.marker-reason,.marker-evidence,.marker-conclusion{background:var(--green-soft);color:var(--green-dark)}.marker-contrast,.marker-transition{border-bottom:2px solid #78a8c4;color:#275f82}
.panel-right,.panel-left{min-width:0;padding:1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.panel-right{grid-column:2;grid-row:1}.panel-heading>span{display:flex;align-items:center;gap:.4rem;color:#9a6c05;font-size:.72rem;font-weight:750}.panel-heading>span svg{width:1rem;height:1rem}.panel-title{margin:.25rem 0 0;font-size:.95rem;line-height:1.5}.live-detection{margin-top:.7rem;padding:.7rem;background:var(--yellow-soft);border-radius:.7rem}.live-detection-label{display:block;margin-bottom:.25rem;color:#7a5e18;font-size:.7rem;font-weight:750}.live-detection p,.live-judgment{margin:0;color:#5d543b;font-size:.78rem;line-height:1.55}.detection-chips{display:flex;flex-wrap:wrap;gap:.35rem}.detection-chip{padding:.28rem .45rem;background:var(--surface);border-radius:.45rem;font-size:.7rem}.detection-chip.tone-issue{color:#8c472e;background:var(--coral-soft)}.detection-chip.tone-positive{color:var(--green-dark);background:var(--green-soft)}.detection-chip.tone-neutral{color:#35617a;background:#edf5f8}.live-judgments{display:grid;gap:.4rem;margin-top:.5rem}.live-judgment{padding:.5rem;background:var(--surface);border-left:3px solid var(--green);border-radius:.35rem}.feedback-content{max-height:15rem;overflow-y:auto;margin-top:.55rem}.feedback-content:empty::after{content:attr(data-empty);color:var(--muted);font-size:.76rem;line-height:1.55}.feedback-item{margin-top:.4rem;padding:.55rem .65rem;background:var(--green-soft);border-radius:.55rem;color:#2e5940;font-size:.78rem}.feedback-item p{margin:.25rem 0}.feedback-item.type-repeat,.feedback-item.type-filler{background:var(--coral-soft);color:#883f34}
.panel-left{grid-column:2;grid-row:2}.panel-left summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:2.75rem;cursor:pointer;list-style:none}.panel-left summary::-webkit-details-marker{display:none}.panel-left summary .panel-title{display:flex;align-items:center;gap:.45rem;margin:0}.panel-left[open] summary>svg{transform:rotate(180deg)}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;margin-top:.65rem}.stat-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .6rem;background:var(--surface-soft);border-radius:.55rem}.stat-label{color:var(--muted);font-size:.7rem}.stat-value{color:#785c17;font-weight:750;font-variant-numeric:tabular-nums}.stat-green{color:var(--green)}
.action-bar{position:sticky;bottom:calc(4.25rem + env(safe-area-inset-bottom));z-index:5;grid-column:1/-1;display:flex;justify-content:center;gap:.65rem;padding:.7rem;background:rgba(250,249,244,.92);border:1px solid var(--line);border-radius:var(--radius);backdrop-filter:blur(12px)}.btn-main{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:.7rem 1.35rem;border:1px solid transparent;border-radius:var(--radius-sm);font-weight:720;white-space:nowrap}.btn-start,.btn-resume,.btn-report{background:var(--green);color:#fff}.btn-start:hover,.btn-resume:hover,.btn-report:hover{background:var(--green-dark)}.btn-pause{background:var(--yellow-soft);color:#735510;border-color:#ead99f}.btn-stop{min-width:min(22rem,65vw);background:var(--green);color:#fff}
.bottom-nav{position:fixed;inset:auto 0 0;z-index:15;display:flex;justify-content:center;gap:clamp(.5rem,6vw,3rem);padding:.45rem 1rem max(.45rem,env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid var(--line);backdrop-filter:blur(14px)}.nav-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.18rem;min-width:5rem;min-height:3.6rem;padding:.35rem .8rem;background:transparent;color:#66736d;border:0;border-radius:.75rem;font-size:.72rem}.nav-button svg{width:1.25rem;height:1.25rem}.nav-button.is-current{color:var(--green);background:var(--green-soft);font-weight:700}
.modal,.sui-mask{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:1rem;background:rgba(20,31,26,.42);backdrop-filter:blur(6px)}.modal-content,.sui-card{width:min(100%,48rem);max-height:min(90dvh,52rem);overflow:hidden;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 1.5rem 4rem rgba(21,44,32,.18)}.modal-content{display:flex;flex-direction:column}.sui-card{width:min(100%,36rem);overflow-y:auto}.modal-header,.sui-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;border-bottom:1px solid var(--line)}.modal-header h2,.sui-head h2{margin:0;font-size:1.1rem}.modal-header-actions{display:flex;align-items:center;gap:.45rem}.btn-close,.sui-close{display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;background:var(--surface-soft);color:var(--muted);border:0;border-radius:50%;font-size:1.4rem}.modal-body,.sui-body{flex:1;min-height:0;padding:1.15rem;overflow-y:auto;color:#3f5047;line-height:1.75}.modal-body h2{margin:1.2rem 0 .5rem;color:var(--ink);font-size:1.1rem}.modal-body h3{color:var(--ink);font-size:.95rem}.modal-body blockquote{margin:.6rem 0;padding-left:.8rem;border-left:3px solid #6eb28a;color:var(--muted)}.modal-body table{width:100%;border-collapse:collapse;font-size:.8rem}.modal-body th,.modal-body td{padding:.55rem;border:1px solid var(--line);text-align:left}.modal-body th{background:var(--green-soft)}
.paste-body{display:flex;flex-direction:column;gap:.8rem}#paste-textarea,.sui-field input,.sui-field select,.sui-field textarea{width:100%;padding:.7rem .8rem;background:#fbfcfa;color:var(--ink);border:1px solid #ccd5cf;border-radius:.7rem;font-size:.9rem;line-height:1.55}#paste-textarea{min-height:13rem;resize:vertical}.paste-body .btn-analyze{align-self:flex-end}.sui-direction-setting{display:grid;grid-template-columns:1fr auto;gap:.2rem 1rem;align-items:center;margin-bottom:1.2rem;padding:.85rem;background:var(--green-soft);border-radius:.75rem}.sui-direction-setting>span{color:var(--muted);font-size:.75rem}.sui-direction-setting>strong{grid-column:1}.sui-direction-setting>.sui-btn{grid-column:2;grid-row:1/3}.sui-section-title{margin:0 0 .65rem;font-size:.9rem}.sui-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;margin-bottom:1rem}.sui-tab{min-height:2.75rem;padding:.5rem;background:var(--surface-soft);color:var(--muted);border:1px solid var(--line);border-radius:.65rem;font-size:.78rem}.sui-tab.active{background:var(--green-soft);color:var(--green-dark);border-color:#77ba90;font-weight:700}.sui-field{margin-bottom:.85rem}.sui-field label{display:block;margin-bottom:.35rem;color:#405149;font-size:.8rem}.sui-field textarea{min-height:5rem;resize:vertical}.sui-row{display:flex;gap:.55rem}.sui-btn{flex:1;min-height:2.75rem;padding:.6rem .85rem;background:var(--green);color:#fff;border:0;border-radius:.7rem}.sui-btn.sec{background:var(--green-soft);color:var(--green-dark)}.sui-hint{margin-top:.75rem;color:var(--muted);font-size:.75rem}.sui-status{min-height:1.2rem;margin-top:.55rem;font-size:.8rem}.status-success{color:var(--green)}.status-error{color:var(--danger)}
.report-loading{padding:2.5rem 1rem;color:var(--muted);text-align:center}.report-actions{display:flex;justify-content:flex-end}.score-hero{padding:1.25rem;background:var(--green-soft);border-radius:var(--radius);text-align:center}.score-value{color:var(--green);font-size:2.5rem;line-height:1.1;font-weight:800}.score-value-small{font-size:1.5rem}.score-label{margin-top:.25rem;color:var(--ink);font-weight:700}.score-meta,.dimension-level{color:var(--muted);font-size:.73rem}.score-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:.8rem 0 1.2rem}.score-summary-card,.insight-card,.edit-card,.pattern-row,.dimension-card{padding:.85rem;background:var(--surface);border:1px solid var(--line);border-radius:.75rem}.score-summary-card:first-child{background:var(--green-soft);border-color:#b9dfc5}.score-summary-card:nth-child(2){background:var(--yellow-soft);border-color:#ebdca5}.score-summary-card>span{color:var(--muted);font-size:.72rem}.score-summary-card p,.insight-card p,.edit-card p,.pattern-row p{margin:.3rem 0 0;font-size:.82rem}.report-section,.dimension-list,.pattern-list{display:grid;gap:.55rem;margin:.65rem 0 1rem}.insight-good{border-left:4px solid #63ad7e}.structure-review{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.structure-item{padding:.7rem;background:var(--surface-soft);border-radius:.65rem}.structure-item span,.structure-item p{color:var(--muted);font-size:.72rem}.structure-item p{margin:.2rem 0 0}.edit-card{border-left:4px solid var(--yellow)}.edit-type{color:#8a6410;font-size:.72rem;font-weight:700}.pattern-head,.dimension-head{display:flex;justify-content:space-between;gap:1rem}.pattern-head span,.pattern-row small{color:var(--muted);font-size:.72rem}.dimension-head h3{margin:0}.dimension-score{color:var(--green)}.score-bar{height:.35rem;margin:.65rem 0;overflow:hidden;background:#e6ebe7;border-radius:1rem}.score-bar-fill{display:block;height:100%;background:var(--green)}.dimension-finding,.dimension-suggestion,.dimension-evidence{margin:.55rem 0;font-size:.82rem}.dimension-suggestion{padding:.65rem;background:var(--green-soft);border-radius:.6rem}.evidence-list{padding-left:1.1rem;color:var(--muted);font-size:.76rem}.practice-plan,.score-note{margin:.8rem 0;padding:.85rem;background:var(--green-soft);border-radius:.75rem}.practice-plan h3{margin:.2rem 0}.practice-plan p,.score-note p{margin:.25rem 0}.score-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.score-metric{display:flex;flex-direction:column;padding:.65rem;background:var(--surface-soft);border-radius:.6rem}.score-metric span{color:var(--muted);font-size:.7rem}.score-limitations{background:var(--yellow-soft);color:#665322}
.report-actions{gap:.5rem;margin-bottom:.75rem}.report-disclosure{margin:.65rem 0;background:var(--surface);border:1px solid var(--line);border-radius:.75rem}.report-disclosure>summary{min-height:3rem;padding:.75rem .85rem;cursor:pointer;color:var(--ink);font-weight:700}.report-disclosure>.pattern-list,.report-disclosure>.dimension-list,.report-disclosure>.score-metrics{margin:0;padding:0 .75rem .75rem}
.in-practice .site-header{display:none}.in-practice .practice-view{padding-top:1rem}.main-area{display:flex;flex-direction:column}.subtitle-topbar{order:1}.subtitle-scroll{order:2;min-height:12rem;max-height:36dvh;margin-bottom:1rem}.mic-panel{order:3;display:block;padding:.35rem 1.35rem .65rem;border-top:1px solid var(--line)}.mic-panel>summary{display:flex;align-items:center;justify-content:space-between;min-height:2.75rem;cursor:pointer;color:#405149;font-weight:700;list-style-position:inside}.mic-panel>summary #mic-level-text{margin-left:auto;color:var(--muted);font-size:.72rem;font-weight:400}.mic-controls{display:grid;grid-template-columns:auto minmax(10rem,1fr) 5rem;align-items:center;gap:.5rem;padding:.35rem 0}.mic-controls select{min-width:0;width:100%;height:2.6rem;padding:0 .65rem;background:var(--surface-soft);color:var(--ink);border:1px solid var(--line);border-radius:.65rem}.mic-controls meter{width:5rem;height:.75rem;accent-color:var(--green)}
::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#bcc9c1;border-radius:1rem}
@media(max-width:760px){.site-header{padding:1rem 1rem .65rem}.home-view,.direction-view,.practice-view{padding:0 1rem 1rem}.header-note{padding:.4rem .6rem}.layout{display:flex;flex-direction:column}.main-area,.panel-right,.panel-left,.action-bar{width:100%}.main-area{min-height:0}.panel-right{order:2}.panel-left{order:3}.action-bar{order:4}.subtitle-scroll{min-height:9.5rem;max-height:30dvh}.score-summary-grid{grid-template-columns:1fr}.structure-review{grid-template-columns:repeat(2,minmax(0,1fr))}.score-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){body{font-size:.95rem}.app-title{font-size:1.25rem}.header-note{font-size:.68rem}.home-title{margin-top:.55rem;font-size:1.7rem}.home-intro{margin-bottom:1rem;font-size:.86rem}.module-grid{gap:.55rem}.module-card{grid-template-columns:1.8rem minmax(0,1fr);min-height:5.4rem;padding:.75rem;gap:.55rem}.module-card>svg{width:1.45rem;height:1.45rem}.module-card strong{font-size:.92rem}.card-description{font-size:.69rem}.reward-note{font-size:.68rem}.direction-header{padding:1rem 1rem .7rem}.direction-content{padding:.25rem 1rem .8rem}.direction-actions{bottom:calc(4.25rem + env(safe-area-inset-bottom));padding:.65rem 1rem}.direction-tools{padding:.65rem 1rem .9rem}.creator-grid,.social-grid,.children-path,.workplace-list,.sales-flow,.language-switcher{grid-template-columns:1fr}.creator-card,.workplace-row,.sales-step,.social-prompt,.language-choice,.children-step{min-height:4.65rem;padding:.65rem}.scene-copy small{max-width:29ch}.practice-toolbar{padding-bottom:.7rem}.record-heading{padding:1rem 1rem .6rem}.timer{font-size:2.5rem}.subtitle-topbar{padding:.65rem 1rem}.subtitle-topbar>div>span{display:none}.mic-panel{grid-template-columns:auto minmax(0,1fr);padding:.5rem 1rem .65rem}.mic-panel meter,#mic-level-text{display:none}.subtitle-scroll{min-height:9.5rem;margin:0 1rem .75rem;padding:1rem}.subtitle-line.hint{padding:2rem .5rem}.action-bar{bottom:calc(4.15rem + env(safe-area-inset-bottom));padding:.55rem}.action-bar .btn-main{flex:1;padding-inline:.75rem}.btn-stop{min-width:0}.nav-button{min-width:4.5rem}.modal,.sui-mask{align-items:flex-end;padding:0}.modal-content,.sui-card{width:100%;max-height:92dvh;border-radius:1.25rem 1.25rem 0 0}.sui-tabs{grid-template-columns:1fr 1fr}}
@media(orientation:landscape) and (max-height:520px){body{padding-bottom:4rem}.site-header{padding-block:.65rem}.home-view,.direction-view,.practice-view{max-width:62rem}.subtitle-scroll{min-height:8rem;max-height:42vh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.content-training{margin:0 0 1rem;padding:1rem 1.2rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);font-size:.9rem}.content-training[hidden]{display:none}.content-training h2{margin:0;font-size:1.1rem}.content-training-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem 1rem}.content-training .sui-field{min-width:0}.content-training input,.content-training select{min-height:2.75rem;font-size:1rem}.content-training ol{padding-left:1.3rem;margin:.5rem 0;line-height:1.7}.content-training li+li{margin-top:.35rem}.content-checkpoints{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.content-checkpoints h3,.content-script h3{font-size:.95rem}.content-checkpoints strong{font-size:.8rem}.content-script .rehearsal-text{white-space:pre-wrap;line-height:1.8;overflow-wrap:anywhere}.content-script .btn-sm{min-height:2.75rem}.content-training .sui-hint,.content-script .sui-hint{font-size:.8rem;line-height:1.6}@media(max-width:460px){.content-training{padding:1rem}.content-training-fields,.content-checkpoints{grid-template-columns:1fr}}
.content-training-guide>summary{min-height:2.75rem;display:flex;align-items:center;cursor:pointer;font-weight:600;font-size:.85rem}.content-training-guide>summary::before{content:'＋';margin-right:.5rem}.content-training-guide[open]>summary::before{content:'−'}
.full-rewrite-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:1rem;line-height:1.85;color:var(--ink);max-width:70ch;margin:1rem 0 1.25rem}.full-rewrite .btn-sm{min-height:2.75rem;padding:.6rem 1rem}.full-rewrite{border-top:2px solid var(--line);padding-top:1rem}.content-script>article,.content-script>p,.content-script>button{margin:.75rem}
.full-rewrite .report-disclosure>p,.full-rewrite .report-disclosure>h3,.full-rewrite .report-disclosure>blockquote{margin:.75rem 1rem;overflow-wrap:anywhere;line-height:1.7}.full-rewrite .report-disclosure>h3{font-size:1rem}.full-rewrite>p{overflow-wrap:anywhere}
.panel-right[hidden],.panel-left[hidden]{display:none!important}.audio-feedback{border-top:1px solid var(--line);padding-top:.75rem}.audio-feedback p{overflow-wrap:anywhere}.audio-feedback .report-disclosure>p{margin:.75rem 1rem}.audio-feedback .evidence-list{padding:0 1rem 0 2rem}
.practice-view .layout{grid-template-columns:minmax(0,1fr)}.practice-view .main-area{grid-column:1;grid-row:auto}.practice-view .action-bar{grid-column:1}
.mic-panel #mic-level-text{display:inline}
.recording-focus #scenario-training,.recording-focus #content-training,.recording-focus #scoring-context{display:none!important}
/* Compact v1: keep each step focused on one choice or action. */
.subtitle-container{max-width:none;margin:0;align-items:stretch;gap:.35rem;text-align:left}.subtitle-line{white-space:pre-wrap}.subtitle-line.old{color:var(--ink);font-size:1.1rem}
.membership-section{margin:0 0 1.2rem;padding:.85rem;background:var(--surface-soft);border:1px solid var(--line);border-radius:.85rem}.membership-heading{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.membership-heading h3{margin:0;font-size:1rem}.membership-heading p{margin:.15rem 0 0;color:var(--muted);font-size:.76rem}.membership-badge{padding:.2rem .45rem;border-radius:99px;background:var(--yellow-soft);color:#74591c;font-size:.68rem;white-space:nowrap}.membership-free{display:flex;justify-content:space-between;gap:.5rem;margin:.75rem 0;padding:.6rem .7rem;background:var(--green-soft);border-radius:.6rem;font-size:.78rem}.membership-free span{color:var(--muted)}.membership-group+h4,.membership-group h4{margin:.7rem 0 .35rem;font-size:.8rem}.membership-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.membership-plan{display:flex;flex-direction:column;gap:.25rem;padding:.6rem;background:var(--surface);border:1px solid var(--line);border-radius:.65rem}.membership-plan strong{font-size:.82rem}.membership-plan span,.membership-plan small{color:var(--muted);font-size:.68rem;line-height:1.35}.membership-plan b{color:var(--green-dark);font-size:1.1rem}.membership-plan button{min-height:2rem;margin-top:auto;padding:.3rem;font-size:.68rem}.membership-rule{margin:.75rem 0 0;font-size:.74rem;line-height:1.5}.membership-rule strong{display:block;margin-bottom:.15rem}@media(max-width:460px){.membership-free{display:block}.membership-free span{display:block;margin-top:.15rem}.membership-plans{grid-template-columns:1fr}.membership-plan{display:grid;grid-template-columns:1fr auto;align-items:center}.membership-plan span,.membership-plan small{grid-column:1}.membership-plan b{grid-column:2;grid-row:1}.membership-plan button{grid-column:1 / -1}}
.subtitle-topbar{gap:.5rem;flex-wrap:wrap}.subtitle-topbar h2{white-space:nowrap}.subtitle-topbar>div:first-child{flex:1}.subtitle-topbar-right{display:block;position:relative}.subtitle-topbar-right:not(:has(button:not(.hidden))){display:none}.subtitle-topbar-right>summary{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;font-size:.8rem;cursor:pointer;color:var(--muted)}.subtitle-tools{position:absolute;right:0;top:100%;display:flex;gap:.35rem;padding:.5rem;background:var(--surface);border:1px solid var(--line);border-radius:.7rem;z-index:3}
.direction-prompt{margin:.35rem 0;color:var(--muted);font-size:.9rem}.scene-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.scene-choice{display:flex;align-items:center;gap:.65rem;text-align:left;min-height:4.75rem;padding:.8rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink)}.scene-choice>svg{width:1.35rem;height:1.35rem;flex-shrink:0;color:var(--green)}.scene-choice strong{font-size:.95rem;overflow-wrap:anywhere}.scene-choice-state{margin-left:auto;visibility:hidden;color:var(--green)}.scene-choice.is-selected{border-color:var(--green);background:var(--green-soft);box-shadow:inset 0 0 0 1px var(--green)}.scene-choice.is-selected .scene-choice-state{visibility:visible}.direction-actions{display:flex;flex-direction:column;gap:.2rem}.direction-actions .btn-main{width:100%}.direction-actions .text-button{min-height:44px}
#scenario-status:empty{display:none}#scenario-training .sui-field{margin-top:0}#scenario-goal{margin:.4rem 0;color:var(--muted);font-size:.85rem}.content-training{padding:.8rem 1rem}.reference-draft{margin:.5rem 1rem .8rem;border:1px solid var(--line);border-radius:.7rem;padding:.65rem;background:var(--yellow-soft)}.reference-draft[hidden]{display:none}.reference-draft summary{min-height:44px;cursor:pointer;font-weight:600}.reference-draft p{max-height:25dvh;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;margin:.3rem 0;font-size:.95rem;line-height:1.7}
.practice-view .panel-right{grid-column:1;grid-row:auto}.live-detection{margin-top:.4rem}.live-judgments{margin-top:.35rem}.disclosure-body{padding:.75rem}.compact-score .score-value{font-size:3rem}.compact-score .score-summary{font-size:1rem;margin:.5rem 0}.compact-score{padding:1.1rem}.compact-improvements{margin:.85rem 0}.compact-improvements h3{font-size:1rem;margin:0 0 .5rem}.compact-edit-list{padding-left:1.25rem;margin:0}.compact-edit-list li{padding:.25rem 0}.compact-edit-list p{margin:.2rem 0;font-size:.9rem}.edit-evidence{font-size:.82rem}.edit-evidence summary{cursor:pointer;color:var(--green-dark);min-height:44px;display:flex;align-items:center}.edit-evidence blockquote{margin:.5rem 0;padding-left:.6rem;border-left:2px solid var(--line)}.compact-plan{padding:.85rem}.compact-plan h3{margin:.25rem 0;font-size:1rem}.compact-plan p{margin:.25rem 0;font-size:.9rem}.compact-plan .report-actions{margin:.5rem 0 0}.report-disclosure .report-section{margin:.6rem 0}.compact-plan .btn-main{min-height:44px}
@media(min-width:900px){.practice-view .layout{grid-template-columns:minmax(0,1fr) 18rem}.practice-view .panel-right{grid-column:2;grid-row:1;align-self:start}.practice-view .action-bar{grid-column:1}}
@media(max-width:460px){.scene-choice-grid{gap:.5rem}.scene-choice{padding:.65rem;gap:.4rem}.scene-choice strong{font-size:.9rem}.scene-choice-state{font-size:.7rem}.panel-right{padding:.75rem}.panel-title{font-size:.85rem}.panel-heading>span{font-size:.72rem}.compact-score .score-value{font-size:2.6rem}}

/* Stitch-inspired visual system: calm lavender canvas, vivid AI accents, clear workbench hierarchy. */
:root{
  color-scheme:light;
  --page:#f7f5ff;--surface:#fff;--surface-soft:#f2efff;--ink:#17152b;--muted:#6b6880;--line:#e7e2f4;
  --green:#6957e8;--accent:#6957e8;--green-dark:#5140c8;--green-soft:#eeebff;--yellow:#ffb547;--yellow-soft:#fff4df;
  --coral:#e66b8c;--coral-soft:#fff0f4;--danger:#c5445f;--radius-sm:.8rem;--radius:1rem;--radius-lg:1.35rem;
  --content:76rem;--motion:200ms ease;
}
body{background:radial-gradient(circle at 90% -10%,#e9e4ff 0,transparent 34rem),var(--page);font-family:"Outfit","PingFang SC","Microsoft YaHei",system-ui,sans-serif}
.site-header{padding-top:1.25rem}.app-title{font-weight:800;letter-spacing:-.055em}.header-note{background:rgba(255,255,255,.8);color:var(--green-dark);border-color:#ddd6fa;box-shadow:0 4px 18px rgba(92,76,180,.06)}
.home-view{max-width:66rem}.home-title{font-size:clamp(2rem,5vw,3.25rem);letter-spacing:-.065em}.home-title::after{border-bottom-color:var(--yellow)}.home-intro{font-size:1.05rem;color:#77728e}
.module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.module-card{min-height:8.3rem;padding:1.15rem;align-items:start;border-color:#e4def5;border-radius:1.1rem;box-shadow:0 8px 22px rgba(63,48,128,.05)}.module-card>svg{width:2.15rem;height:2.15rem;padding:.35rem;background:var(--green-soft);border-radius:.7rem;color:var(--green)}.module-card strong{font-size:1.08rem}.card-description{font-size:.78rem}.module-card:hover{transform:translateY(-2px);border-color:#bdb2f6;box-shadow:0 12px 28px rgba(82,64,200,.12)}
.quick-start{margin-top:1rem;padding:1rem;background:rgba(255,255,255,.65);border:1px solid #e5dff5;border-radius:1.1rem}.current-practice{border:0;background:var(--surface-soft)}.quick-start .btn-main{grid-column:2;grid-row:2;width:auto;padding-inline:2rem}.quick-start .text-button{grid-column:1;grid-row:2;justify-self:start}.reward-note{grid-column:1/-1;background:transparent;border:0}
.direction-panel,.main-area,.panel-right,.panel-left{border-color:#e3ddf2;box-shadow:0 10px 30px rgba(68,52,145,.06)}.direction-header{padding:1.6rem 1.6rem 1rem}.direction-panel h2{font-size:2rem}.direction-content{padding-inline:1.6rem}.direction-actions{padding-inline:1.6rem;background:rgba(255,255,255,.9)}
.scene-choice,.creator-card,.workplace-row,.sales-step,.social-prompt,.language-choice,.children-step{border-color:#e9e4f5;background:#faf9ff}.scene-choice:hover,.creator-card:hover,.workplace-row:hover,.sales-step:hover,.social-prompt:hover,.language-choice:hover,.children-step:hover{border-color:#bdb2f6;background:#f5f2ff}.scene-choice.is-selected,.creator-card.is-selected,.workplace-row.is-selected,.sales-step.is-selected,.social-prompt.is-selected,.language-choice.is-selected,.children-step.is-selected{background:var(--green-soft);border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}
.layout{gap:1rem}.main-area{background:rgba(255,255,255,.92)}.timer,.btn-start,.btn-resume,.btn-report,.btn-stop{color:#fff;background:linear-gradient(135deg,#7665ed,#5b49d2)}.btn-start:hover,.btn-resume:hover,.btn-report:hover,.btn-stop:hover{background:linear-gradient(135deg,#6654dc,#4e3cbd)}.subtitle-scroll{background:#fbfaff;border-color:#e2dcf2}.panel-right{background:linear-gradient(180deg,#fff 0,#fbfaff 100%)}.live-detection{background:var(--yellow-soft)}
.bottom-nav{background:rgba(255,255,255,.92);border-color:#e3ddf2}.nav-button.is-current{color:var(--green);background:var(--green-soft)}
@media(max-width:760px){.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-start .btn-main,.quick-start .text-button{grid-column:1/-1;grid-row:auto}.quick-start .text-button{justify-self:center}}
@media(max-width:460px){.module-grid{grid-template-columns:1fr 1fr}.module-card{min-height:6.4rem;padding:.8rem}.home-title{font-size:1.9rem}}

/* Phone login */
.nav-button.is-signed-in{color:var(--green)}
.auth-card{width:min(100%,28rem)}.auth-subtitle{margin:.15rem 0 0;color:var(--muted);font-size:.75rem}.auth-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem}.auth-code-row .sui-btn{flex:none;min-width:7rem;white-space:nowrap}.auth-submit{width:100%;margin-top:.2rem}.auth-status{min-height:1.3rem;margin:.65rem 0 0;font-size:.8rem}.auth-logged-in{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem;align-items:center}.auth-logged-in p{margin:.2rem 0 0;color:var(--muted);font-size:.78rem}.auth-logged-in .sui-btn{grid-column:1/-1}.auth-avatar{display:grid;place-items:center;width:3rem;height:3rem;background:var(--green-soft);color:var(--green);border-radius:50%}.auth-avatar svg{width:1.5rem;height:1.5rem}
.auth-logged-in[hidden],.auth-form[hidden]{display:none!important}
.auth-consent{display:flex;align-items:flex-start;gap:.55rem;margin:.75rem 0 .4rem;color:var(--muted);font-size:.75rem;line-height:1.55}.auth-consent input{width:1.1rem;height:1.1rem;flex:none;margin:.1rem 0 0;accent-color:var(--green)}.auth-consent a{color:var(--green-dark);text-decoration:underline;text-underline-offset:2px}.auth-legal,.membership-legal{margin:.35rem 0 .7rem;border:1px solid var(--line);border-radius:.65rem;background:var(--surface-soft)}.auth-legal summary,.membership-legal summary{min-height:2.75rem;padding:.65rem .75rem;cursor:pointer;color:var(--green-dark);font-size:.78rem;font-weight:650}.auth-legal>div,.membership-legal>div{padding:0 .75rem .65rem;color:var(--muted);font-size:.74rem;line-height:1.6}.auth-legal p,.membership-legal p{margin:.35rem 0}.auth-legal strong,.membership-legal strong{color:var(--ink)}
.auth-hint{margin:.1rem 0 .3rem;color:var(--danger);font-size:.74rem}.auth-status.status-error{color:var(--danger)}.auth-status.status-success{color:var(--green)}
.home-recommend{margin-top:1.35rem;padding:1.1rem 1.2rem;background:var(--green-soft);border:1px solid #cfc7f5;border-radius:var(--radius-lg)}.recommend-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.recommend-kicker{color:var(--green-dark);font-size:.72rem;font-weight:700;letter-spacing:.08em}.recommend-direction{color:var(--ink);font-size:.95rem;font-weight:600}.recommend-task{margin:.6rem 0 0;padding:.7rem .8rem;background:rgba(255,255,255,.8);border-radius:var(--radius-sm);color:var(--ink);font-size:.92rem;line-height:1.65;font-weight:500}.recommend-task.hidden{display:none}.recommend-focus{margin:.6rem 0 0;color:var(--ink);font-size:.95rem;line-height:1.65;font-weight:500}.recommend-reason{margin:.4rem 0 0;color:var(--muted);font-size:.76rem;line-height:1.6}.recommend-start{width:100%;margin-top:.85rem}.practice-task{margin:.15rem 0 .85rem;padding:.7rem .9rem;background:var(--yellow-soft);border-left:3px solid var(--yellow);border-radius:.6rem;color:#5c4a16;font-size:.86rem;line-height:1.65}.practice-task.hidden{display:none}
.home-records{margin-top:1.35rem;padding:1rem 1.15rem;background:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:var(--radius-lg)}.home-records .section-heading{margin-bottom:.6rem}.record-list{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.record-row{padding:.7rem .8rem;background:var(--surface-soft);border-radius:var(--radius-sm)}.record-main{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.record-main strong{font-size:.88rem}.record-main small{color:var(--muted);font-size:.7rem;white-space:nowrap}.record-excerpt{margin:.35rem 0 0;color:var(--muted);font-size:.76rem;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.record-empty{margin:0;padding:.8rem;background:var(--surface-soft);border-radius:var(--radius-sm);color:var(--muted);font-size:.78rem}.home-records-all{width:100%;margin-top:.55rem}
/* Homepage architecture refresh */
.eyebrow{display:block;color:var(--muted);font-size:.68rem;letter-spacing:.1em;font-weight:750}.welcome-row{display:flex;justify-content:space-between;align-items:flex-start}.welcome-row .home-title{margin:.35rem 0 .15rem}.profile-avatar{width:2.8rem;height:2.8rem;border:0;border-radius:50%;background:#dcece7;color:var(--green);font-weight:800}.coach-banner{position:relative;display:flex;gap:.8rem;align-items:center;margin:1.1rem 0 1.5rem;padding:1rem 1.1rem;overflow:hidden;border-radius:1.1rem;background:#1e4e47;color:#fff;box-shadow:0 .8rem 1.5rem rgba(30,78,71,.18)}.coach-mark{display:grid;place-items:center;width:2.8rem;height:2.8rem;flex:none;border-radius:.9rem;background:#ffffff1a}.coach-mark span{width:1rem;height:1rem;border-radius:50%;background:#f5d6a0}.coach-banner h3{margin:.25rem 0;font-size:1rem}.coach-banner p{margin:0;color:#dce9e5;font-size:.76rem}.coach-status{margin-left:auto;align-self:flex-start;color:#9ed1c2;font-size:.8rem}.today-section .section-heading,.home-insight .section-heading,.home-profile .section-heading{display:flex;align-items:center;justify-content:space-between}.today-section h3,.home-insight h3,.home-profile h3{margin:.2rem 0;font-size:1.15rem}.streak-badge{padding:.35rem .6rem;border-radius:99px;background:#fff3df;color:#93631d;font-size:.7rem;font-weight:700}.module-grid{margin-top:.75rem}.quick-start{margin-top:.9rem}.quick-start .btn-main{grid-column:2;grid-row:2;width:auto}.quick-start .text-button{grid-column:1;grid-row:2;justify-self:start}.home-insight,.home-profile{margin-top:1.25rem;padding:1rem;background:#fff;border:1px solid var(--line);border-radius:1rem}.home-session{display:flex;align-items:center;gap:.7rem;margin-top:.55rem;padding:.7rem;background:#f5f7f4;border-radius:.7rem}.session-icon{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.6rem;background:var(--green-soft);color:var(--green)}.session-icon.amber{background:var(--yellow-soft);color:#a36c15}.home-session strong,.home-session small{display:block}.home-session strong{font-size:.86rem}.home-session small{color:var(--muted);font-size:.68rem}.home-session b{margin-left:auto;color:var(--green);font-size:1.25rem}.home-session b small{display:inline;font-size:.62rem;color:var(--muted);font-weight:400}.profile-updated{color:var(--muted);font-size:.68rem}.profile-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;margin:.7rem 0}.profile-metrics div{padding:.65rem;background:#f5f7f4;border-radius:.65rem}.profile-metrics strong,.profile-metrics small,.profile-metrics em{display:block}.profile-metrics strong{font-size:1.45rem}.profile-metrics small{color:var(--muted);font-size:.65rem}.profile-metrics em{margin-top:.25rem;color:#2d8361;font-size:.65rem;font-style:normal;font-weight:700}.home-profile p{margin:.5rem 0 0;color:var(--muted);font-size:.76rem;line-height:1.6}@media(max-width:760px){.quick-start .btn-main,.quick-start .text-button{grid-column:1/-1;grid-row:auto}.quick-start .text-button{justify-self:center}}@media(max-width:460px){.home-title{font-size:1.9rem}.module-grid{grid-template-columns:1fr 1fr}.coach-banner{margin-top:.85rem}}
.profile-form{grid-column:1/-1;margin-top:.8rem;padding:.85rem;background:var(--surface-soft);border:1px solid var(--line);border-radius:.8rem}.profile-form .sui-field{margin-bottom:.65rem}.profile-form input,.profile-form select{min-height:2.65rem}.profile-toggle{display:flex;align-items:center;gap:.5rem;margin:.6rem 0;color:var(--muted);font-size:.78rem}.profile-toggle input{width:1.1rem;height:1.1rem;accent-color:var(--green)}.profile-form .sui-btn{width:100%;min-height:2.7rem}.profile-form .auth-status{margin:.4rem 0 0}
.profile-avatar-setting{display:flex;align-items:center;gap:.75rem;margin-bottom:.8rem}.profile-avatar-preview{display:grid;place-items:center;width:3.5rem;height:3.5rem;flex:none;border-radius:50%;background:#dcece7;color:var(--green);font-size:.65rem;background-size:cover;background-position:center}.profile-avatar-preview.has-avatar{color:transparent}.profile-avatar-button{display:inline-flex!important;width:auto!important;min-height:2.35rem!important;padding:.45rem .8rem}.profile-avatar-setting .sui-hint{margin:.35rem 0 0}
.koucai-locked body>:not(.auth-mask){display:none!important}
.koucai-locked body{overflow:hidden}
.auth-mask.is-gated{background:var(--page);backdrop-filter:none}
.auth-mask.is-gated .auth-card{box-shadow:0 1.25rem 3rem rgba(23,33,29,.14)}

.profile-history{margin-top:.9rem;padding-top:.85rem;border-top:1px solid var(--line)}
.profile-history-title{margin:0 0 .55rem;color:#405149;font-size:.8rem;font-weight:500}
.profile-history-list{display:grid;gap:.45rem;color:var(--muted);font-size:.78rem}
.profile-history-row{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;padding:.55rem .65rem;background:var(--surface-soft);border-radius:.6rem}
.profile-history-row strong{color:var(--ink);font-size:.8rem;font-weight:500}
.profile-history-row small{color:var(--muted);font-size:.68rem;white-space:nowrap}

.home-records-all{width:100%;margin-top:.55rem}
.profile-history-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.profile-history-all{min-height:auto!important;padding:0!important;font-size:.75rem}
.history-panel{position:fixed;inset:0;z-index:45;display:flex;flex-direction:column;background:var(--page);overflow:hidden}
.history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem 1rem;background:var(--surface);border-bottom:1px solid var(--line)}
.history-head h2{margin:0;font-size:1.15rem}
.history-head p{margin:.15rem 0 0;color:var(--muted);font-size:.78rem}
.history-close{display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;background:var(--surface-soft);color:var(--muted);border:0;border-radius:50%;font-size:1.4rem}
.history-body{flex:1;min-height:0;width:100%;max-width:60rem;margin:0 auto;padding:1.25rem 1.5rem 3rem;overflow-y:auto}
.history-hint{margin:.4rem 0;color:var(--muted);font-size:.82rem;line-height:1.7}
.history-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}
.history-stat{display:grid;gap:.15rem;padding:.8rem .85rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm)}
.history-stat strong{font-size:1.35rem;line-height:1.1}
.history-stat span{color:var(--muted);font-size:.72rem}
.history-stat small{color:var(--muted);font-size:.66rem;line-height:1.4}
.history-chart-box{margin-top:.9rem;padding:.75rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm)}
.history-chart svg,.history-chart{display:block;width:100%;height:auto}
.history-weak{margin-top:1rem}
.history-weak h3,.history-subtitle{margin:0 0 .5rem;font-size:.95rem}
.history-subtitle{margin-top:1.35rem}
.history-weak-list{display:grid;gap:.35rem;margin:0;padding:0;list-style:none}
.history-weak-list li{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding:.55rem .7rem;background:var(--yellow-soft);border-radius:.6rem;font-size:.82rem}
.history-weak-list span{color:#7a5c14;font-size:.75rem;white-space:nowrap}
.history-switcher{display:flex;flex-wrap:wrap;gap:.4rem;margin:.75rem 0 .25rem}
.history-chip{min-height:2.2rem;padding:.35rem .75rem;background:var(--surface);color:var(--muted);border:1px solid var(--line);border-radius:999px;font-size:.78rem}
.history-chip.is-active{background:var(--green-soft);color:var(--green-dark);border-color:var(--green);font-weight:500}
.history-record{margin-bottom:.6rem;padding:.85rem .95rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm)}
.history-record-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:0;background:transparent;border:0;text-align:left}
.history-record-main{display:grid;gap:.15rem;min-width:0}
.history-record-main strong{font-size:.9rem}
.history-record-main small{color:var(--muted);font-size:.72rem}
.history-record-score{flex:none;color:var(--green-dark);font-size:.95rem;font-weight:500;white-space:nowrap}
.history-record-score.is-empty{color:var(--muted);font-size:.78rem;font-weight:400}
.history-record-excerpt{margin:.45rem 0 0;color:var(--muted);font-size:.78rem;line-height:1.6;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.history-record-detail{margin-top:.8rem;padding-top:.8rem;border-top:1px solid var(--line)}
.history-detail h4{margin:.9rem 0 .4rem;font-size:.85rem}
.history-detail h4:first-child{margin-top:0}
.history-transcript{margin:0;padding:.7rem .8rem;background:var(--surface-soft);border-radius:.6rem;color:var(--ink);font-size:.82rem;line-height:1.8;white-space:pre-wrap;word-break:break-word}
.history-scores{display:grid;gap:.3rem;margin:0;padding:0;list-style:none}
.history-scores li{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding:.5rem .65rem;background:var(--surface-soft);border-radius:.55rem;font-size:.8rem}
.history-scores span{color:var(--muted);font-size:.75rem;white-space:nowrap}
.history-note{margin-bottom:.5rem;padding:.65rem .75rem;background:var(--surface-soft);border-left:3px solid var(--line);border-radius:.5rem;font-size:.8rem;line-height:1.65}
.history-note strong{display:block;font-size:.82rem}
.history-note p{margin:.3rem 0 0}
.history-note small{display:block;margin-top:.3rem;color:var(--muted);font-size:.74rem}
.history-note-good{border-left-color:var(--green);background:var(--green-soft)}
.history-note-plan{border-left-color:var(--yellow);background:var(--yellow-soft)}
@media(max-width:640px){.history-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.history-body{padding:1rem 1rem 2.5rem}.history-head{padding:1rem 1rem .8rem}}

/* 卡密激活（设置页会员区块内） */
.membership-activate{margin-top:.9rem;padding-top:.9rem;border-top:1px dashed #e2e5ea}
.membership-activate h4{margin:0 0 .5rem;font-size:.92rem}
.membership-activate .sui-row{gap:.5rem}
.membership-activate input{flex:1;min-width:0;padding:.5rem .7rem;border:1px solid #d7dbe0;border-radius:.5rem;font-size:.88rem}
.sentence-feedback{margin-top:.45rem;padding:.45rem .6rem;border-left:3px solid var(--green);border-radius:.4rem;background:var(--green-soft);color:var(--green-dark);font-size:.76rem;line-height:1.5}.subtitle-line.old .sentence-feedback{opacity:.85}

/* My account: keep the existing card language, but give every section a clear full-width hierarchy. */
.auth-logged-in{display:flex;flex-direction:column;gap:.85rem;align-items:stretch}.account-hero{display:flex;align-items:center;gap:.8rem;padding:.2rem .1rem .4rem}.account-hero>div:last-child{min-width:0}.account-hero strong{display:block;color:var(--ink);font-size:1.05rem;line-height:1.35}.account-hero p{margin:.2rem 0 0;color:var(--muted);font-size:.76rem;line-height:1.55}.account-kicker,.profile-section-heading small,.profile-history-head small{display:block;margin-bottom:.15rem;color:var(--muted);font-size:.68rem;letter-spacing:.06em}.my-membership,.profile-form,.profile-history{width:100%;margin:0;padding:1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.my-membership{background:linear-gradient(145deg,var(--green-soft),#fff)}.my-section-head,.profile-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.my-section-head small{color:var(--muted);font-size:.7rem}.my-section-head h3,.profile-section-heading h3{margin:.15rem 0 0;color:var(--ink);font-size:1rem}.my-membership>p{margin:.6rem 0 0;color:var(--muted);font-size:.76rem;line-height:1.6}.my-membership .membership-activate{margin-top:.75rem;padding-top:.75rem}.my-membership .sui-field{display:block;margin:0 0 .4rem;color:#405149;font-size:.76rem}.my-membership .sui-row{display:grid;grid-template-columns:minmax(0,1fr) auto}.my-membership .sui-row .sui-btn{min-width:5rem}.my-actions{display:grid;grid-template-columns:1fr;gap:.55rem}.my-action{display:grid;grid-template-columns:2.65rem minmax(0,1fr) auto;align-items:center;gap:.7rem;width:100%;min-height:4.5rem;padding:.7rem .8rem;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-sm);text-align:left}.my-action:hover{background:var(--green-soft);border-color:#b8d9c4}.my-action:active{opacity:.78}.my-action-icon{display:grid;place-items:center;width:2.65rem;height:2.65rem;border-radius:.8rem;background:var(--green-soft);color:var(--green)}.my-action-icon svg{width:1.35rem;height:1.35rem}.my-action>span:nth-child(2){min-width:0}.my-action strong,.my-action small{display:block}.my-action strong{font-size:.88rem}.my-action small{margin-top:.15rem;color:var(--muted);font-size:.7rem;line-height:1.4}.my-action>svg{color:var(--muted)}.auth-logged-in>.membership-legal{width:100%;margin:0}.profile-form{background:var(--surface-soft)}.profile-fields{display:grid;grid-template-columns:1fr;gap:0;margin-top:.75rem}.profile-form .sui-field{margin-bottom:.7rem}.profile-form .sui-btn{min-height:2.85rem}.profile-toggle{min-height:2.75rem;margin:.15rem 0 .65rem}.profile-history{padding-top:1rem;border-top:1px solid var(--line)}.profile-history-head{align-items:center;margin-bottom:.65rem}.profile-history-title{margin:.1rem 0 0;color:var(--ink);font-size:.92rem;font-weight:700}.profile-history-list{gap:.5rem}.profile-history-row{min-height:3.2rem;padding:.65rem .7rem;background:var(--surface-soft)}.account-logout{width:100%;flex:none;margin-top:.1rem;background:#f3f5f3;color:#53625a}

@media(min-width:560px){.my-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-fields{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:.7rem}.profile-fields .sui-field:first-child{grid-column:1/-1}}
@media(max-width:520px){.auth-mask{align-items:stretch;padding:0}.auth-mask .auth-card{width:100%;height:100dvh;max-height:none;border:0;border-radius:0}.auth-mask .sui-head{position:sticky;top:0;z-index:2;padding:max(.8rem,env(safe-area-inset-top)) 1rem .8rem;background:rgba(255,255,255,.96);backdrop-filter:blur(14px)}.auth-mask .sui-body{padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom))}.auth-mask input,.auth-mask select{font-size:1rem}.my-membership,.profile-form,.profile-history{padding:.9rem}.my-action{min-height:4.75rem}}