:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#ffffffeb;background:#020617;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #020617;--panel: rgba(255, 255, 255, .05);--panel-strong: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .1);--text-soft: rgba(255, 255, 255, .72);--text-faint: rgba(255, 255, 255, .46);--cyan: #67e8f9;--violet: #c4b5fd;--amber: #fbbf24;--emerald: #6ee7b7;--rose: #fb7185}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:radial-gradient(circle at top left,rgba(103,232,249,.12),transparent 22%),radial-gradient(circle at bottom right,rgba(196,181,253,.1),transparent 20%),var(--bg)}body{min-width:320px}button,textarea,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;color:#fff}.app-wrap{width:min(1280px,calc(100% - 24px));margin:0 auto;padding:24px 0 40px}.hero-grid,.main-grid{display:grid;gap:16px}.hero-grid{grid-template-columns:1.15fr .85fr;margin-bottom:16px}.main-grid{grid-template-columns:1.05fr .95fr}.review-grid{grid-template-columns:1.1fr .9fr}.side-stack{display:grid;gap:16px}.hero-card,.side-card,.panel{border:1px solid var(--border);background:var(--panel);border-radius:28px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 60px #00000047}.hero-card{background:radial-gradient(circle at top left,rgba(103,232,249,.14),transparent 26%),radial-gradient(circle at bottom right,rgba(196,181,253,.14),transparent 22%),linear-gradient(180deg,#ffffff0f,#ffffff08);padding:20px}.side-card{padding:18px}.panel{overflow:hidden}.panel-strong{background:var(--panel-strong)}.hero-top,.side-top,.row-between{display:flex;justify-content:space-between;gap:16px}.align-start{align-items:flex-start}.wrap-gap{flex-wrap:wrap}.top-gap{margin-top:16px}.pill,.chip,.segment-btn,.ghost-btn,.primary-btn,.status-btn,.mini-tag,.score-chip{border-radius:999px;border:1px solid transparent}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;font-size:12px;letter-spacing:.22em;text-transform:uppercase}.brand-pill{border-color:#67e8f94d;background:#67e8f91a;color:#cffafe}.hero-title{margin:14px 0 0;font-size:clamp(2rem,4vw,3rem);line-height:1.06;letter-spacing:-.04em}.hero-copy,.panel-copy,.highlight-copy{color:var(--text-soft);line-height:1.7}.hero-copy{max-width:800px;margin:14px 0 0;font-size:.98rem}.panel-copy.large{max-width:760px;font-size:1rem}.mode-row,.button-row,.tag-row,.stats-grid,.metrics-grid,.two-col-grid,.mini-stats-grid,.stats-text-grid{display:grid;gap:12px}.mode-row,.button-row,.tag-row{display:flex;flex-wrap:wrap;align-items:center}.mode-row{margin-top:12px;gap:8px}.segment-wrap{display:flex;gap:8px;background:#0000003d;border:1px solid var(--border);padding:8px;border-radius:18px;align-self:flex-start}.segment-btn,.chip,.ghost-btn,.primary-btn,.status-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;font-size:.92rem;transition:background-color .12s ease,color .12s ease,border-color .12s ease}.segment-btn,.chip,.ghost-btn{background:#ffffff0d;color:#ffffffc7;border-color:var(--border)}button:disabled{cursor:not-allowed;opacity:.56;transform:none}.segment-btn:hover,.chip:hover,.ghost-btn:hover{background:#ffffff1a;color:#fff}.segment-btn.active,.chip-active{background:#fff;color:#0f172a}.chip-cyan{background:var(--cyan);color:#082f49}.chip-violet{background:var(--violet);color:#2e1065}.primary-btn{background:#fff;color:#0f172a;border-color:#fff3}.primary-btn:hover{transform:none}.primary-btn.cyan{background:var(--cyan);color:#083344}.status-btn.green{background:#6ee7b71f;border-color:#6ee7b733;color:#d1fae5}.status-btn.red{background:#fb71851f;border-color:#fb718533;color:#ffe4e6}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.stat-card,.prompt-card,.highlight-card,.mini-panel,.metric-card,.sub-panel,.editor-card,.tip-card,.log-card{border:1px solid var(--border);background:#0000002e;border-radius:22px}.stat-card{padding:12px 14px}.stat-top,.prompt-card,.row-between{display:flex;align-items:center}.stat-top{justify-content:space-between;color:var(--text-soft);font-size:.86rem}.stat-value{margin-top:8px;font-size:1.35rem;font-weight:700;letter-spacing:-.03em}.compact-stats .stat-card{border-radius:18px;background:#ffffff08}.compact-stats .stat-top{font-size:.78rem}.compact-stats .stat-hint{margin-top:4px;font-size:.76rem}.stat-hint,.prompt-meta,.panel-subtitle,.small-note,.editor-subtitle,.sub-panel-eyebrow,.metric-label,.eyebrow{color:var(--text-faint);font-size:.82rem}.eyebrow,.sub-panel-eyebrow,.metric-label{text-transform:uppercase;letter-spacing:.18em}.side-title,.panel-title,.highlight-title,.rewrite-big{letter-spacing:-.03em}.side-title{margin-top:6px;font-size:1.05rem;font-weight:700}.stack-list{display:grid;gap:12px}.stack-list.tight{gap:10px}.prompt-card{width:100%;justify-content:space-between;padding:12px 14px;text-align:left;color:#fff;background:#ffffff08}.prompt-card-active{background:#67e8f91a;border-color:#67e8f973}.prompt-queue,.queue-actions{gap:8px}.prompt-title,.editor-title,.sub-panel-title{font-weight:600}.muted-icon{color:var(--text-faint)}.highlight-card,.mini-panel,.metric-card,.sub-panel,.editor-card,.log-card{padding:16px}.highlight-card.amber{background:#fbbf241a;border-color:#fbbf2433}.amber-text{color:#fde68a}.cyan-card{background:#67e8f91a;border-color:#67e8f933}.cyan-text{color:#cffafe}.violet-card{background:#c4b5fd1a;border-color:#c4b5fd33}.violet-text{color:#ddd6fe}.panel-head{border-bottom:1px solid var(--border);padding:20px}.panel-body{padding:20px}.panel-kicker,.icon-title{display:inline-flex;align-items:center;gap:8px}.panel-kicker{color:var(--text-faint);font-size:.78rem;text-transform:uppercase;letter-spacing:.18em}.panel-title{margin:10px 0 0;font-size:1.7rem;font-weight:700}.training-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-top:14px}.timer-card{min-width:120px;padding:14px 16px;text-align:center;border:1px solid var(--border);border-radius:20px;background:#00000038}.timer-value{margin-top:6px;font-size:2rem;font-weight:700;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.audience-row{margin-top:14px}.transcript-area{width:100%;min-height:240px;resize:vertical;margin-top:16px;padding:16px;border-radius:20px;border:1px solid var(--border);background:#020617b8;color:#fff;line-height:1.7;outline:none}.transcript-area:focus{border-color:#67e8f973}.transcript-area::placeholder{color:#ffffff3d}.live-note{margin-top:12px;padding:10px 12px;border-radius:16px;border:1px solid rgba(103,232,249,.18);background:#67e8f914;color:#cffafe}.inline-note{margin-top:12px;padding:10px 12px;border-radius:16px;border:1px solid rgba(196,181,253,.22);background:#c4b5fd14;color:#e9d5ff;line-height:1.5}.inline-note.warning-note{border-color:#fbbf2438;background:#fbbf2414;color:#fde68a}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feedback-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.summary-card{min-height:0}.summary-card .metric-value,.summary-card .highlight-title{margin-top:8px}.metric-value{margin-top:10px;font-size:2rem;font-weight:700}.metric-value.good,.score-chip.good{color:#6ee7b7}.metric-value.warn,.score-chip.warn{color:#fde68a}.metric-value.bad,.score-chip.bad{color:#fda4af}.two-col-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.stats-text-grid,.mini-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));color:var(--text-soft);font-size:.9rem}.tip-card{padding:12px 14px;color:var(--text-soft)}.empty-state{padding:24px;border:1px dashed var(--border);border-radius:22px;background:#0000002e;color:var(--text-soft);line-height:1.7}.empty-state.fill{height:100%;display:grid;place-items:center}.chart-wrap{height:360px;padding:16px}.score-chip{padding:6px 12px;background:#ffffff0f;font-weight:700}.log-card+.log-card{margin-top:12px}.scroll-list{max-height:420px;overflow:auto}.rewrite-big{font-size:1.2rem;line-height:1.6;font-weight:600}strong{color:#fff}@media(max-width:1100px){.hero-grid,.main-grid,.review-grid{grid-template-columns:1fr}.training-head{flex-direction:column}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.app-wrap{width:min(100%,calc(100% - 16px));padding:16px 0 24px}.hero-card,.side-card,.panel{border-radius:22px}.hero-card,.side-card,.panel-head,.panel-body{padding:16px}.stats-grid,.metrics-grid,.feedback-summary-grid,.two-col-grid,.stats-text-grid,.mini-stats-grid{grid-template-columns:1fr}.segment-wrap{width:100%;justify-content:space-between}.segment-btn{flex:1;justify-content:center}.timer-card{width:100%}.hero-top,.side-top,.row-between{flex-direction:column;align-items:stretch}}
