:root{--font-ui: -apple-system, BlinkMacSystemFont, "Inter", "PingFang SC", "Noto Sans CJK SC", "Microsoft YaHei", system-ui, sans-serif;--font-display: var(--font-ui);--r-card: 14px;--r-ctl: 10px;--r-tab: 999px;--r-chip: 8px;--card-bg: var(--surface);--card-line: 1px solid var(--line);--card-shadow: 0 14px 34px -26px rgba(110, 85, 55, .38);--card-blur: none;--btn-bg: var(--accent);--btn-fg: var(--accent-ink);--btn-line: none;--btn-r: 10px;--tab-on-bg: var(--accent);--tab-on-fg: var(--accent-ink);--tab-on-line: transparent;--bar-a: var(--accent);--bar-b: var(--accent-2);--bar-track: color-mix(in srgb, var(--fg) 10%, transparent);color-scheme:light;--app-bg: linear-gradient(180deg, #f2f0ed 0%, #ebe8e3 100%);--surface: #fbfaf8;--surface-2: #f5f3f0;--line: #e5e1db;--fg: #2b2a28;--dim: #76736e;--accent: #66788a;--accent-2: #93a4b3;--accent-ink: #fbfbfc;--accent-soft: #e9edf1;--good: #5f8a4f;--warn: #9c7a26;--bad: #b5523f}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-ui);font-size:14.5px;background:var(--app-bg) fixed;color:var(--fg);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .3s,color .3s}.app{max-width:780px;margin:0 auto;padding:26px 20px 40px;display:flex;flex-direction:column;gap:18px}.app-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.brand h1{margin:0;font-size:26px;font-weight:750;font-family:var(--font-display);letter-spacing:.01em}.brand p{margin:4px 0 0;color:var(--dim);font-size:12.5px}.theme-picker{display:flex;align-items:center;gap:4px;padding:5px;border:var(--card-line);border-radius:var(--r-ctl);background:var(--card-bg);box-shadow:var(--card-shadow);flex-wrap:wrap}.theme-tile{display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;background:transparent;color:var(--dim);border-radius:calc(var(--r-ctl) - 4px);padding:4px 8px 4px 5px;font-size:12px;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.theme-tile:hover{color:var(--fg)}.theme-tile.is-on{color:var(--fg);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:var(--accent-soft)}.theme-swatch{width:15px;height:15px;border-radius:5px;box-shadow:inset 0 0 0 1px #00000024;flex:0 0 auto}.app-tabs{display:flex;gap:4px;padding:4px;border:var(--card-line);border-radius:var(--r-tab);background:var(--card-bg);box-shadow:var(--card-shadow)}.app-tabs button{flex:1;background:transparent;color:var(--dim);border:1px solid transparent;border-radius:var(--r-tab);padding:9px 14px;cursor:pointer;font-size:14px;font-weight:500;transition:background .15s,color .15s,border-color .15s}.app-tabs button.is-on{color:var(--tab-on-fg);background:var(--tab-on-bg);border-color:var(--tab-on-line)}.tab-panel[hidden]{display:none}.card{background:var(--card-bg);border:var(--card-line);border-radius:var(--r-card);padding:20px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--card-shadow)}.card h1,.card h2{font-family:var(--font-display)}.hint{color:var(--dim);font-size:13px;margin:0}.hint.small{font-size:12px}.mode{display:flex;gap:8px}.mode button{background:var(--surface-2);color:var(--dim);border:1px solid var(--line);border-radius:var(--r-tab);padding:8px 18px;cursor:pointer;font-size:14px;transition:all .15s}.mode button.is-on{color:var(--accent-ink);border-color:transparent;background:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--btn-bg);color:var(--btn-fg);border:var(--btn-line);border-radius:var(--btn-r);padding:10px 18px;cursor:pointer;font-size:14px;font-weight:600;transition:transform .12s,filter .15s}.btn:hover{transform:translateY(-1px);filter:brightness(1.04)}.btn.ghost{background:var(--surface-2);color:var(--fg);border:1px solid var(--line)}.btn.rec{background:var(--bad);border-color:var(--bad);color:#fff}.btn.small{padding:7px 14px;font-size:13px;align-self:flex-start}.file-name{color:var(--dim);font-size:12px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.busy{color:var(--accent);font-size:13px}.err{color:var(--bad);font-size:13px}.err a,.link{color:var(--accent)}.warn{color:var(--warn);font-size:12px;background:color-mix(in srgb,var(--warn) 10%,transparent);border:1px solid color-mix(in srgb,var(--warn) 30%,var(--line));border-radius:var(--r-ctl);padding:9px 12px}.result{display:flex;flex-direction:column;gap:15px;border-top:1px solid var(--line);padding-top:15px}.result-top{display:flex;gap:8px;flex-wrap:wrap}.badge{font-size:12px;border:1px solid var(--line);border-radius:var(--r-chip);padding:3px 11px;color:var(--dim);background:var(--surface-2)}.badge.good{color:var(--good);border-color:color-mix(in srgb,var(--good) 40%,var(--line))}.badge.poor{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 40%,var(--line))}.badge.muted{opacity:.8}.impression{margin:0;font-size:15.5px;line-height:1.85}.block{display:flex;flex-direction:column;gap:5px}.block-title{font-size:11.5px;letter-spacing:.1em;color:var(--dim);font-weight:650}.block ul,.advice ul{margin:4px 0;padding-left:20px}.block.caution{border:1px solid color-mix(in srgb,var(--warn) 35%,var(--line));border-radius:var(--r-ctl);padding:11px 13px;background:color-mix(in srgb,var(--warn) 6%,transparent)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:12px;color:var(--fg);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:var(--r-chip);padding:3px 10px}.members{display:flex;flex-direction:column;gap:12px}.member,.interaction{border:1px solid var(--line);border-radius:var(--r-ctl);padding:14px 16px;background:var(--surface-2)}.member-head{font-weight:650;font-size:14px;margin-bottom:9px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.member-head:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);flex:0 0 auto}.interaction .member-head:before{background:var(--dim)}.member-state{color:var(--dim);font-weight:400;font-size:12px}.member-note{color:var(--dim);font-size:12px;margin-top:9px}.dims{display:flex;flex-direction:column;gap:8px}.dim{display:flex;align-items:center;gap:10px}.dim-label{width:92px;color:var(--dim);font-size:12px;flex:0 0 auto}.dim-track{flex:1;height:6px;background:var(--bar-track);border-radius:999px;overflow:hidden}.dim-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--bar-a),var(--bar-b))}.dim-val{width:30px;text-align:right;color:var(--dim);font-size:12px;font-variant-numeric:tabular-nums}.advice{margin-top:9px}.advice-title{font-size:13px;font-weight:650;color:var(--fg);margin-bottom:2px}.link{background:transparent;border:0;cursor:pointer;font-size:13px;padding:0}.transcript{margin-top:8px;max-height:340px;overflow:auto;border:1px solid var(--line);border-radius:var(--r-ctl);padding:10px 12px;background:var(--surface-2)}.tseg{display:flex;gap:8px;padding:3px 0;font-size:13px}.tspeaker{flex:0 0 auto;color:var(--accent);font-variant-numeric:tabular-nums;min-width:34px;font-weight:650}.ttext{color:var(--fg);white-space:pre-wrap;word-break:break-word}.samples{display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);border-radius:var(--r-ctl);padding:12px;background:var(--surface-2)}.sample-group{display:flex;flex-direction:column;gap:8px}.sample-group-title{font-size:12px;font-weight:650;color:var(--dim)}.sample-row{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:9px}.sample-group-title+.sample-row{border-top:0;padding-top:0}.sample-main{flex:1;min-width:220px}.sample-title{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-weight:600;font-size:13px}.sample-intro{color:var(--dim);font-size:12px;margin-top:2px}.sample-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.sample-audio{height:32px;max-width:220px}.hist-head{display:flex;justify-content:space-between;align-items:center;color:var(--dim);font-size:13px}.hist-list{display:flex;flex-direction:column;gap:8px}.hist-item{border:1px solid var(--line);border-radius:var(--r-ctl);overflow:hidden;background:var(--surface-2)}.hist-row{display:flex;gap:10px;align-items:center;width:100%;text-align:left;background:transparent;border:0;color:var(--fg);padding:12px;cursor:pointer}.hist-time{color:var(--dim);font-size:12px;flex:0 0 auto}.hist-sum{color:var(--dim);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hist-detail{border-top:1px solid var(--line);padding:12px;display:flex;flex-direction:column;gap:10px}.settings{display:flex;flex-direction:column;gap:16px}.sect{display:flex;flex-direction:column;gap:10px;border:1px solid var(--line);border-radius:var(--r-ctl);padding:15px;background:var(--surface-2)}.sect-title{font-weight:650;font-size:14px}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:12px;color:var(--dim)}.field input,.field select{background:var(--surface);color:var(--fg);border:1px solid var(--line);border-radius:var(--r-ctl);padding:9px 12px;font-size:13px}.field input:focus,.field select:focus{outline:2px solid color-mix(in srgb,var(--accent) 40%,transparent);outline-offset:1px;border-color:var(--accent)}.check{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--dim)}.status{display:flex;gap:16px;font-size:12px}.ok{color:var(--good)}.muted{color:var(--dim)}.app-foot{color:var(--dim);font-size:12px;text-align:center;border-top:1px solid var(--line);padding-top:16px}