:root{--muted:#526780;--teal:#137f70;--line:#dce5ed}body{background:#f1f5f8}.topbar{padding:16px max(24px,calc((100% - 1560px)/2));align-items:center}.topbar h1{font-size:24px}
main{max-width:1560px;padding:0 24px 32px;display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:20px;align-items:start}.hero{grid-column:1/-1;width:100%;max-width:none;padding:24px 0 4px;margin:0;gap:20px}.hero h2{font-size:28px}.hero>div:last-child{flex-shrink:0}.hero button{min-height:44px}.hero p{font-size:14px}
.card{margin:0;padding:22px;min-width:0;box-shadow:0 3px 12px #102a4305}.coach{grid-column:1;grid-row:2}.brain{grid-column:1;grid-row:3}.timer-card{grid-column:2;grid-row:2/span 2;position:sticky;top:20px;text-align:center;border-top:4px solid var(--teal)}.metrics{grid-column:1/-1;grid-row:4;padding:0;gap:12px}.metric{padding:12px 16px;box-shadow:none;background:transparent}.metric .value{font-size:18px}.grid,.review{grid-column:1/-1;padding:0;margin:0}.review{padding:22px}.section-head{gap:12px}.section-head .muted{text-align:right}
.timer-display{font-size:68px;line-height:1.1;letter-spacing:-2px;font-weight:800;font-variant-numeric:tabular-nums;color:var(--navy);padding:20px 0}.timer-progress{height:7px;background:#e7eef2;border-radius:8px;overflow:hidden;margin-bottom:20px}.timer-progress span{display:block;height:100%;background:var(--teal)}.timer-controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.timer-custom{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px}.timer-custom input{width:70px;text-align:center}.timer-custom label{font-size:13px}.timer-card .muted{line-height:1.5}.timer-card.is-complete{border-color:#b87813;background:#fffdf6}.timer-card.is-complete #timerMode{color:#8b5708;font-weight:700}
button,input,select,textarea{font:inherit}button{min-height:42px;transition:background .15s}button:hover{filter:brightness(.96)}button:disabled{opacity:.6;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #3a91b8;outline-offset:3px}input:not([type=checkbox]),select,textarea{border:1px solid var(--line);border-radius:8px;padding:11px 12px;min-width:0;color:var(--ink);background:#fff}
.coach-log{height:210px;overflow-y:auto;background:#f5f8fb;border:1px solid var(--line);border-radius:12px 12px 0 0;padding:16px;display:flex;flex-direction:column;gap:12px}.coach-msg{padding:12px 14px;border-radius:12px;max-width:90%;line-height:1.5;overflow-wrap:anywhere}.coach-msg.assistant{background:#e4f2ef;align-self:flex-start}.coach-msg.user{background:#e0ecfb;align-self:flex-end}.coach-input{display:flex;gap:8px;align-items:center}.coach-input input{flex:1;width:0;min-height:46px}.coach .coach-input{padding:12px;border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;background:#fff}.coach>label[for=coachInput]{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0!important}.coach-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.coach-actions button{font-size:13px;min-height:36px}.voice-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:10px 0 14px}.voice-controls select{max-width:240px!important;font-size:13px}#brainSearch{min-height:44px}#brainRecent,#brainList{overflow-wrap:anywhere}#syncStatus{min-height:18px}#timerNote{min-height:36px}#testSound{margin-top:12px;font-size:13px}.inline-form{flex-wrap:wrap}.inline-form input{max-width:100%}
@media(max-width:900px){main{grid-template-columns:minmax(0,1fr);padding:0 14px 24px;gap:14px}.topbar{padding:14px 18px}.hero{display:flex;flex-wrap:wrap;padding:18px 0 0}.hero h2{font-size:24px}.hero button{margin-top:0}.timer-card{grid-column:1;grid-row:2;position:static;padding:16px}.coach{grid-column:1;grid-row:3}.brain{grid-column:1;grid-row:4}.metrics{grid-row:5;grid-template-columns:repeat(2,minmax(0,1fr))}.timer-display{font-size:52px;padding:8px}.timer-progress{margin-bottom:12px}.timer-custom{margin-top:12px}.card{padding:16px}.two{grid-template-columns:1fr}.coach-log{height:200px}.coach-input{flex-wrap:wrap}.coach-input input{min-width:140px}.coach-actions button{flex:1}.section-head .muted{font-size:11px}.review-grid{grid-template-columns:1fr}.topbar #todayLabel{font-size:12px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}