:root{--page:#fff7ed;--surface:#fffdf8;--ink:#2f241b;--muted:#7b6858;--line:#efd7bd;--orange:#f97316;--orange-dark:#c2410c;--amber:#fbbf24;--teal:#0f766e;--danger:#dc2626;--shadow:0 18px 46px rgba(122,75,27,.13)}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;letter-spacing:0;background:linear-gradient(180deg,rgba(255,255,255,.64),rgba(255,247,237,.86)),radial-gradient(circle at 18% 8%,rgba(251,191,36,.24),transparent 28%),radial-gradient(circle at 82% 18%,rgba(15,118,110,.12),transparent 30%),var(--page)}button,textarea,input,select{font:inherit}.page{min-height:100vh;padding:22px 16px 42px}.shell{width:min(1120px,100%);margin:0 auto}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.brand h1{margin:0;color:#24170d;font-size:32px;line-height:1.18;font-weight:900}.brand p{margin:8px 0 0;max-width:680px;color:var(--muted);font-size:15px;line-height:1.7}.status-pill{min-width:180px;padding:10px 14px;border:1px solid rgba(249,115,22,.24);border-radius:999px;color:var(--orange-dark);background:rgba(255,255,255,.74);text-align:center;font-size:13px;font-weight:800;box-shadow:0 10px 26px rgba(122,75,27,.08)}.workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:18px;align-items:start}.panel{border:1px solid rgba(239,215,189,.94);border-radius:16px;background:rgba(255,253,248,.92);box-shadow:var(--shadow)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px 0}.panel-title{margin:0;font-size:18px;line-height:1.35;font-weight:900}.timer{min-width:66px;color:var(--teal);font-weight:900;text-align:right;font-variant-numeric:tabular-nums}.form-body,.result-body{padding:18px 20px 20px}.quota-box{margin:0 0 16px;padding:14px;border:1px solid rgba(249,115,22,.28);border-radius:12px;background:linear-gradient(135deg,#fff7ed,#fffaf4);box-shadow:0 10px 24px rgba(122,75,27,.07)}.quota-main{display:grid;grid-template-columns:1.2fr .8fr;gap:10px}.quota-main div{min-width:0;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.72);border:1px solid rgba(235,207,180,.74)}.quota-main span{display:block;color:var(--muted);font-size:12px;font-weight:800}.quota-main strong{display:block;margin-top:4px;color:#2f241b;font-size:18px;font-weight:900;overflow-wrap:anywhere}.quota-box p{margin:10px 2px 0;color:var(--muted);font-size:13px;line-height:1.6}.quota-box.is-ok strong:last-child{color:var(--teal)}.quota-box.is-error{border-color:rgba(220,38,38,.34);background:#fff1f2}.quota-box.is-error p{color:var(--danger);font-weight:800}.field{margin-bottom:18px}.field-label,.option-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;color:#3c2a1a;font-size:14px;font-weight:900}.counter,.option-note{color:var(--muted);font-size:12px;font-weight:700}textarea{width:100%;min-height:170px;resize:vertical;padding:14px 15px;border:1px solid #e9c5a1;border-radius:12px;color:var(--ink);background:#fffaf4;outline:none;font-size:16px;line-height:1.8;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}textarea:focus{border-color:rgba(249,115,22,.7);background:#fff;box-shadow:0 0 0 4px rgba(249,115,22,.12)}.option-group{margin:0 0 18px;padding:0;border:0}.option-gap{margin-top:18px}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choice{position:relative;display:block}.choice input{position:absolute;opacity:0;pointer-events:none}.choice-card{display:block;min-height:78px;padding:12px;border:1px solid #ebcfb4;border-radius:12px;background:#fffaf4;cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.choice input:checked+.choice-card{border-color:rgba(249,115,22,.82);background:#fff2df;box-shadow:0 10px 22px rgba(249,115,22,.13)}.choice-card:hover{transform:translateY(-1px);border-color:rgba(249,115,22,.52)}.choice-name{display:block;color:#2f241b;font-size:14px;font-weight:900;line-height:1.35}.choice-hint{display:block;margin-top:5px;color:var(--muted);font-size:12px;line-height:1.5}.select-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.select-box{min-width:0}.select-box label{display:block;margin-bottom:6px;color:var(--muted);font-size:12px;font-weight:800}.select-box select{width:100%;height:44px;padding:0 12px;border:1px solid #ebcfb4;border-radius:10px;color:var(--ink);background:#fffaf4;outline:none}.toggle-list{display:grid;gap:8px}.toggle-item{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid #ebcfb4;border-radius:12px;background:#fffaf4}.toggle-extra{margin-top:8px}.toggle-item input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--orange);flex:0 0 auto}.toggle-text strong{display:block;color:#2f241b;font-size:14px;line-height:1.35}.toggle-text span{display:block;margin-top:3px;color:var(--muted);font-size:12px;line-height:1.5}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}.primary-btn,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:0;border-radius:12px;cursor:pointer;font-weight:900;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease,background .18s ease}.primary-btn{flex:1 1 210px;padding:0 20px;color:#fff;background:linear-gradient(135deg,#f97316,#fb923c);box-shadow:0 14px 26px rgba(249,115,22,.28)}.primary-btn.is-recording{background:linear-gradient(135deg,#e11d48,#fb7185);box-shadow:0 14px 26px rgba(225,29,72,.22)}.ghost-btn{flex:0 0 auto;padding:0 16px;color:#7c3a0c;border:1px solid rgba(249,115,22,.28);background:rgba(255,255,255,.78)}.primary-btn:hover,.ghost-btn:hover{transform:translateY(-1px)}.primary-btn:disabled,.ghost-btn:disabled{cursor:not-allowed;opacity:.58;transform:none;box-shadow:none}.wave{display:flex;align-items:center;justify-content:center;gap:5px;height:46px;margin:14px 0 0}.wave span{width:5px;height:8px;border-radius:99px;background:linear-gradient(180deg,var(--orange),var(--teal));opacity:.58;transition:height .08s linear,opacity .16s ease}.status{min-height:24px;margin:10px 0 0;color:var(--muted);font-size:14px;line-height:1.7}.status.error{color:var(--danger);font-weight:800}.empty-state{display:grid;place-items:center;min-height:360px;padding:28px 20px;text-align:center}.empty-mark{display:grid;place-items:center;width:84px;height:84px;margin:0 auto 16px;border-radius:50%;color:var(--orange-dark);background:#fff0db;font-size:34px;font-weight:900}.empty-state h2{margin:0;font-size:20px;line-height:1.35}.empty-state p{margin:8px 0 0;color:var(--muted);line-height:1.7}.result-main{display:grid;grid-template-columns:118px minmax(0,1fr);gap:16px;align-items:center;margin-bottom:18px}.score-ring{display:grid;place-items:center;width:112px;height:112px;border-radius:50%;background:conic-gradient(var(--orange) var(--deg,0deg),#f3dfc7 0deg)}.score-inner{display:grid;place-items:center;width:86px;height:86px;border-radius:50%;background:#fff}.score-number{color:var(--orange-dark);font-size:32px;font-weight:900;line-height:1}.score-unit{margin-top:3px;color:var(--muted);font-size:12px;font-weight:800}.result-title{margin:0;font-size:22px;line-height:1.35;font-weight:900}.suggestion{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.75}.score-grid,.meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.score-item,.meta-item{min-width:0;padding:12px;border:1px solid #efd7bd;border-radius:12px;background:#fffaf4}.score-label,.meta-label{color:var(--muted);font-size:12px;font-weight:800}.score-value,.meta-value{margin-top:4px;color:#2f241b;font-size:18px;font-weight:900;overflow-wrap:anywhere}.section-title{margin:20px 0 10px;color:#2f241b;font-size:16px;line-height:1.35;font-weight:900}.word-list,.sentence-list{display:grid;gap:10px}.word-item,.sentence-item{padding:12px;border:1px solid #efd7bd;border-radius:12px;background:#fffaf4}.word-head,.sentence-head{display:flex;justify-content:space-between;gap:10px;color:#2f241b;font-weight:900}.word-meta,.sentence-meta{margin-top:6px;color:var(--muted);font-size:12px;line-height:1.6}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tag{padding:5px 8px;border-radius:999px;color:#7c2d12;background:#ffedd5;font-size:12px;font-weight:800}details.raw{margin-top:18px;border:1px solid #efd7bd;border-radius:12px;background:#fffaf4;overflow:hidden}details.raw summary{padding:12px 14px;cursor:pointer;color:#7c3a0c;font-weight:900}.raw-body{padding:0 14px 14px}pre{max-height:260px;margin:0;padding:12px;overflow:auto;border-radius:10px;color:#2f241b;background:#fff7ed;font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}[hidden]{display:none!important}@media (max-width:900px){.topbar{display:block}.status-pill{width:fit-content;margin-top:12px}.workspace{grid-template-columns:1fr}}@media (max-width:620px){.quota-main{grid-template-columns:1fr}.page{padding:16px 12px 32px}.brand h1{font-size:26px}.brand p{font-size:14px}.panel{border-radius:14px}.panel-head,.form-body,.result-body{padding-left:14px;padding-right:14px}.choice-grid,.select-row,.score-grid,.meta-grid{grid-template-columns:1fr}textarea{min-height:150px;font-size:15px}.result-main{grid-template-columns:1fr;justify-items:center;text-align:center}.actions{display:grid;grid-template-columns:1fr}.primary-btn,.ghost-btn{width:100%}}.actions{position:sticky;bottom:12px;z-index:30;padding:10px;border:1px solid rgba(249,115,22,.22);border-radius:14px;background:rgba(255,253,248,.96);box-shadow:0 14px 34px rgba(122,75,27,.16);backdrop-filter:blur(10px)}@media (max-width:620px){body{padding-bottom:104px}.actions{position:fixed;left:12px;right:12px;bottom:12px;margin:0;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px}.primary-btn,.ghost-btn{width:auto;min-height:46px}.primary-btn{padding:0 14px}.ghost-btn{padding:0 12px;white-space:nowrap}}@supports (bottom:max(0px)){@media (max-width:620px){.actions{bottom:max(12px,env(safe-area-inset-bottom))}body{padding-bottom:calc(104px + env(safe-area-inset-bottom))}}}.result-panel{scroll-margin-top:14px}.result-toast{position:fixed;right:18px;bottom:18px;z-index:80;display:flex;align-items:center;gap:12px;max-width:min(360px,calc(100vw - 32px));padding:12px 12px 12px 16px;border:1px solid rgba(15,118,110,.22);border-radius:14px;background:rgba(255,253,248,.98);box-shadow:0 16px 42px rgba(47,36,27,.18);backdrop-filter:blur(10px)}.result-toast[hidden]{display:none!important}.result-toast span{color:#2f241b;font-size:14px;font-weight:900}.result-toast button{min-height:38px;padding:0 14px;border:0;border-radius:10px;color:#fff;background:linear-gradient(135deg,#0f766e,#14b8a6);font-weight:900;cursor:pointer;white-space:nowrap}@media (max-width:620px){.result-toast{left:12px;right:12px;bottom:118px;justify-content:space-between}.result-toast button{min-width:96px}}@supports (bottom:max(0px)){@media (max-width:620px){.result-toast{bottom:calc(118px + env(safe-area-inset-bottom))}}}