:root{color:#202124;background:#f7f8fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.shell{width:min(1280px,calc(100vw - 32px));margin:0 auto;padding:36px 0}header{margin-bottom:22px}.eyebrow{margin:0 0 8px;color:#475569;font-size:.82rem;font-weight:700;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(2rem,5vw,3.25rem);line-height:1.05}h2{margin:0 0 12px;font-size:1rem}.summary{max-width:760px;color:#4b5563}.panel,article{border:1px solid #d8dee8;border-radius:8px;background:#fff;padding:18px}.control-row,.button-row{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.control-row.compact{margin-bottom:12px}.real-asr-controls{margin-top:14px;align-items:end}label{display:grid;gap:6px;min-width:220px;color:#344054;font-size:.9rem;font-weight:700}input,select,button{min-height:40px;border:1px solid #b8c2d2;border-radius:6px;background:#fff;color:#1f2937;padding:0 12px}input{width:100%}button{border-color:#145a7a;background:#145a7a;color:#fff;cursor:pointer;font-weight:700}button.secondary{border-color:#b8c2d2;background:#fff;color:#1f2937}.hint{margin:12px 0 0;color:#64748b;font-size:.9rem}.grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px;margin:16px 0}.workflow-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin:16px 0}.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0;align-items:start}.demo-card{min-height:520px}.card-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.tag{display:inline-flex;align-items:center;min-height:24px;border:1px solid #b8c2d2;border-radius:999px;padding:0 8px;color:#475569;background:#f8fafc;font-size:.76rem;font-weight:700;white-space:nowrap}dl{display:grid;grid-template-columns:120px 1fr;gap:8px 12px;margin:0}dt{color:#667085;font-weight:700}dd{margin:0}pre{overflow:auto;max-width:100%;max-height:420px;margin:0;border-radius:6px;background:#101828;color:#ecfdf5;padding:14px;font-size:.82rem}.timeline,.translation-list,.real-translate-list,.real-gemini-list,.real-interest-list,.search-result-list{display:grid;gap:10px;margin-top:12px}.workflow-list,.provider-table{display:grid;gap:8px}.workflow-row,.provider-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;border:1px solid #e2e8f0;border-radius:8px;background:#fbfdff;padding:10px}.workflow-row>span,.score{display:inline-grid;place-items:center;min-width:32px;height:32px;border-radius:999px;background:#dcebf2;color:#145a7a;font-weight:800}.workflow-row.derived>span{background:#ece7f6;color:#5b3f8c}.workflow-row.permission>span{background:#fff2cc;color:#805b00}.workflow-row p,.provider-row p{margin:4px 0 0;color:#64748b;font-size:.86rem}.workflow-row small,.provider-row small{color:#64748b;font-size:.76rem;font-weight:700;white-space:nowrap}.timeline-row,.translation-item,.real-translation-card,.real-gemini-card,.interest-chip,.interest-status-card,.search-result{border:1px solid #e2e8f0;border-radius:8px;background:#fbfdff;padding:12px}.timeline-row{display:grid;gap:4px}.timeline-row.partial{border-color:#c59d12;background:#fff9db}.timeline-row.gemini-reviewed{border-color:#9fd8bf;background:#f6fffa}.timeline-row span{color:#475569;font-size:.8rem;font-weight:700}.timeline-row strong{font-weight:650}.timeline-row small{color:#64748b}.translation-item{display:grid;grid-template-columns:1fr 1fr;gap:12px}.translation-item p{margin:8px 0 0}.real-section-heading{margin-top:18px}.real-translation-card{display:grid;gap:10px;background:#fff}.real-gemini-card{display:grid;gap:8px;background:#fff}.real-translation-card.blocked,.real-translation-card.failed,.real-gemini-card.blocked,.real-gemini-card.failed{border-color:#f2a4ad;background:#fffafb}.real-gemini-card.completed{border-color:#9fd8bf;background:#f6fffa}.translation-card-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.translation-card-heading strong{min-width:0;color:#344054}.translation-source{margin:0;color:#475569;font-size:.9rem}.translation-stage{border-left:3px solid #d0d5dd;background:#f8fafc;padding:8px 10px}.translation-stage.active{border-left-color:#145a7a;background:#eef8fc}.translation-stage.completed{border-left-color:#067647;background:#ecfdf3}.translation-stage.blocked,.translation-stage.failed{border-left-color:#b42318;background:#fff1f3}.translation-stage small{display:block;color:#475569;font-size:.76rem;font-weight:800}.translation-stage p{margin:4px 0 0;color:#344054}.translation-error{margin:0;color:#912018;font-size:.86rem;font-weight:700}.interest-chip-list{display:grid;gap:8px}.interest-chip{background:#f8fafc}.interest-chip p{margin:6px 0;color:#475569;font-size:.9rem}.interest-chip small{display:block;color:#64748b;font-size:.76rem;font-weight:700}.empty{margin:0;color:#64748b}@media(max-width:1000px){.workflow-grid,.demo-grid,.real-classroom-grid{grid-template-columns:1fr}.demo-card{min-height:auto}}@media(max-width:760px){.grid,.workflow-row,.provider-row,.translation-item{grid-template-columns:1fr}.translation-card-heading{display:grid}label{min-width:100%}}.real-panel{border-color:#9cc7d8;background:#f8fcff}.status-line{margin:12px 0 0;color:#145a7a;font-weight:700}.mini-status{margin:4px 0 8px;color:#475569;font-size:.82rem;font-weight:700}.real-session-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.real-stat-card{border:1px solid #d9e5ec;border-radius:8px;background:#fff;padding:10px 12px}.real-stat-card span,.real-stat-card small{display:block;color:#64748b;font-size:.76rem;font-weight:700}.real-stat-card strong{display:block;margin:3px 0;color:#123548;font-size:1.2rem}.token-share-list{display:grid;gap:4px;margin-top:8px}.token-share-row{display:grid;grid-template-columns:54px minmax(0,1fr) 70px;gap:8px;align-items:center}.token-share-row span,.token-share-row small{color:#64748b;font-size:.72rem;font-weight:700}.token-share-row small{text-align:right}.token-share-row meter{width:100%;height:8px}@media(max-width:1000px){.real-session-stats{grid-template-columns:1fr}}button:disabled{cursor:not-allowed;opacity:.55}.translation-inline{margin-top:10px;border-left:3px solid #145a7a;background:#eef8fc;padding:10px 12px}.translation-inline p{margin:4px 0 8px}.translation-inline small{color:#475569;font-weight:800}.translation-inline.pending{border-left-color:#c59d12;background:#fff9db;color:#805b00}.translation-inline.blocked,.translation-inline.failed{border-left-color:#b42318;background:#fff1f3;color:#912018}.real-classroom-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:16px;margin-top:16px;align-items:start}.real-column{min-height:640px}.real-column h3{margin:18px 0 8px;font-size:.95rem}.real-column h3:first-child,.real-column .card-heading h3{margin-top:0}.asr-draft{min-height:86px;border:1px dashed #9cc7d8;border-radius:8px;background:#f4fbff;padding:12px}.asr-draft-text{color:#123548;font-size:1rem;font-weight:700}.asr-draft small,.interest-status-card small,.search-result small{display:block;margin-top:6px;color:#64748b;font-size:.76rem;font-weight:700}.tag.drafting,.tag.refining,.tag.pending,.tag.scheduled,.tag.searching,.tag.checking{border-color:#9cc7d8;background:#eef8fc;color:#145a7a}.tag.listening,.tag.committed,.tag.completed{border-color:#9fd8bf;background:#ecfdf3;color:#067647}.tag.blocked{border-color:#f4c765;background:#fff8e5;color:#805b00}.tag.failed{border-color:#f2a4ad;background:#fff1f3;color:#912018}.interest-status-card{background:#fff}.interest-status-card p,.interest-section p,.search-result p{margin:6px 0 0;color:#475569}.interest-status-card.failed{border-color:#f2a4ad;background:#fff1f3;color:#912018}.interest-status-card dl{margin-top:8px;grid-template-columns:80px 1fr}.interest-section{display:grid;gap:8px}.interest-section h4{margin:8px 0 0;color:#344054;font-size:.88rem}.interest-section ul{margin:6px 0 0;padding-left:18px;color:#475569}.search-result a{color:#145a7a}.interest-debug{margin-top:8px}.interest-debug summary{cursor:pointer;color:#475569;font-size:.82rem;font-weight:800}.interest-debug pre{max-height:240px;margin-top:8px}