:root{color:#182033;background:#f4f0ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(rgba(126,87,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,181,216,.08) 1px,transparent 1px),linear-gradient(135deg,#fff7ed,#eef2ff 42%,#ecfeff);background-size:28px 28px}button,textarea{font:inherit}.app-shell{width:min(1180px,calc(100vw - 32px));margin:0 auto;padding:24px 0 40px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px;padding:18px;border:1px solid rgba(126,145,171,.28);border-radius:8px;background:#ffffffc7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 14px 35px #1c2d4a14}.brand-block{display:flex;align-items:center;gap:14px;min-width:0}.brand-mark{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;color:#fff;border-radius:8px;background:linear-gradient(135deg,#7c3aed,#06b6d4 55%,#f59e0b);box-shadow:0 10px 24px #7c3aed52}.topbar h1{margin:0;font-size:26px;line-height:1.2;letter-spacing:0}.topbar p{margin:6px 0 0;color:#5e6a7d}nav{display:flex;gap:8px;padding:4px;border:1px solid #d9e2ef;background:#fff;border-radius:8px;box-shadow:inset 0 0 0 1px #ffffffa6}nav button,.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:0;border-radius:6px;cursor:pointer}nav button{min-width:86px;padding:0 14px;color:#526074;background:transparent}nav button.active{color:#36126a;background:linear-gradient(135deg,#f3e8ff,#dff7ff)}.panel{background:#fff;border:1px solid #dce5f0;border-radius:8px;padding:20px;box-shadow:0 16px 32px #1c2d4a12}.input-workspace{display:grid;gap:18px}.student-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;color:#fff;border-radius:8px;background:linear-gradient(90deg,#100c30eb,#4a1f8dd1 46%,#084a7494),url(/assets/weekly-hero-DahhUQnU.png) right center / auto 118% no-repeat,linear-gradient(135deg,#7c3aedf5,#00b5d8eb 50%,#f59e0be6),#7c3aed;box-shadow:0 22px 46px #7c3aed38}.student-hero h2{max-width:680px;margin:8px 0 0;font-size:26px;line-height:1.3;letter-spacing:0}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#ffffffdb;font-size:13px;font-weight:700}.hero-badges{display:grid;gap:10px;min-width:190px}.hero-badges span{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;color:#fff;border:1px solid rgba(255,255,255,.46);border-radius:8px;background:#0c12346b;box-shadow:inset 0 1px #ffffff3d;text-shadow:0 1px 8px rgba(0,0,0,.36);font-weight:800}.input-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.input-main-column{display:grid;gap:18px;min-width:0}.panel-heading{display:flex;align-items:center;gap:10px;margin-bottom:16px}.compact-heading{margin-bottom:12px}.panel-heading h2,.chart-tile h3,.side-panel h3{margin:0;font-size:18px;line-height:1.3;letter-spacing:0}.input-panel textarea{width:100%;min-height:360px;resize:vertical;padding:18px;color:#172033;border:1px solid #cfdbea;border-radius:8px;outline:none;line-height:1.65;background:#f8fbff}.input-panel textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed24}.input-history-panel{background:linear-gradient(135deg,#fffffff0,#f0f9ffeb),#fff}.input-history-list{display:grid;gap:10px}.input-history-row{display:grid;grid-template-columns:62px 118px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;padding:12px;color:inherit;border:1px solid #dbe6f3;border-radius:8px;background:linear-gradient(135deg,#fffffffa,#f8fafceb),#fff;cursor:pointer;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.input-history-row:hover{border-color:#8b5cf6;box-shadow:0 14px 26px #7c3aed21;transform:translateY(-1px)}.input-history-row strong{color:#7c3aed;font-size:15px}.input-history-row span{color:#536174;font-size:13px;white-space:nowrap}.input-history-row p{min-width:0;margin:0;color:#253244;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-mini-kpis{display:inline-flex;align-items:center;gap:6px;color:#64748b;font-size:12px;white-space:nowrap}.history-mini-kpis b{color:#0f766e}.history-empty{margin:0;color:#64748b}.action-row{display:flex;align-items:center;gap:14px;margin-top:16px}.primary-button{min-width:128px;padding:0 18px;color:#fff;background:linear-gradient(135deg,#7c3aed,#06b6d4);box-shadow:0 14px 26px #7c3aed40}.primary-button:hover{transform:translateY(-1px)}.voice-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;color:#4c1d95;border:1px solid #d8c9ff;border-radius:6px;background:linear-gradient(135deg,#fff,#f5f3ff);cursor:pointer}.voice-button.recording{color:#fff;border-color:transparent;background:linear-gradient(135deg,#e11d48,#f97316);box-shadow:0 12px 24px #e11d482e}.primary-button:disabled{cursor:wait;opacity:.7}.error-text,.error-banner{color:#b42318}.error-banner{margin-bottom:16px;padding:12px 14px;border:1px solid #f2b8b5;border-radius:8px;background:#fff2f1}.report-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.template-panel{align-self:start}.template-list{display:grid;gap:10px}.template-list button{min-height:42px;color:#2b2352;border:1px solid #ded5ff;border-radius:8px;background:linear-gradient(135deg,#fff,#f5f3ff);cursor:pointer}.template-list button:hover{border-color:#a78bfa;background:linear-gradient(135deg,#f3e8ff,#e0f7ff);transform:translateY(-1px)}.format-preview{display:grid;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid #e2e9f3}.format-preview span{color:#607086;font-size:13px;font-weight:700}.format-preview code{display:block;white-space:normal;padding:8px 10px;color:#26415f;border-radius:6px;background:linear-gradient(135deg,#fff7ed,#fef3c7)}.side-panel{align-self:start}.markdown-report{color:#1f2937;line-height:1.7;margin-top:20px;padding:18px;border:1px solid #e3defa;border-radius:8px;background:linear-gradient(180deg,#fff,#fbfaff)}.markdown-report h1{margin:0 0 18px;font-size:26px;letter-spacing:0}.markdown-report h2{margin:22px 0 8px;font-size:18px;letter-spacing:0}.markdown-report h3{margin:20px 0 10px;padding:8px 10px;color:#12315f;border-left:4px solid #7c3aed;border-radius:6px;background:#edf5ff}.markdown-report h4{margin:14px 0 6px;color:#405168;font-size:14px}.markdown-report ul{margin:0;padding-left:22px}.kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.metric{min-height:92px;padding:14px;border:1px solid #dbe2ee;border-radius:8px;background:linear-gradient(135deg,#fbfdff,#f6f2ff)}.metric span{display:block;margin-bottom:10px;color:#607086;font-size:13px}.metric strong{color:#203858;font-size:27px;letter-spacing:0}.daily-inspector{display:grid;gap:14px;margin-bottom:18px}.daily-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.day-card{min-height:136px;padding:14px;border:1px solid #dce5f0;border-radius:8px;background:linear-gradient(135deg,#fff,#f8fbff);cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.day-card:hover,.day-card.active{border-color:#a78bfa;box-shadow:0 16px 30px #7c3aed1f;transform:translateY(-2px)}.day-card.active{background:linear-gradient(135deg,#fff,#f4edff 54%,#ecfeff)}.report-heading{align-items:center;justify-content:space-between;gap:14px}.heading-title{display:inline-flex;align-items:center;gap:10px}.report-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.copy-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 14px;color:#fff;border:0;border-radius:6px;background:linear-gradient(135deg,#0f766e,#06b6d4);cursor:pointer;box-shadow:0 10px 20px #06b6d433}.copy-button:hover{transform:translateY(-1px)}.copy-button-secondary{color:#10324a;border-color:#dfd2bf;background:#fff7e8;box-shadow:3px 5px #8d674829}.day-card-title{margin-bottom:12px;color:#12315f;font-weight:800}.day-stat{display:flex;align-items:center;gap:8px;margin-top:8px;min-height:30px;padding:0 8px;color:#58677c;font-size:13px;border-radius:999px;transition:background .16s ease,color .16s ease}.day-stat:hover,.day-stat.selected{background:#7c3aed1a;color:#51208d}.day-stat.success{color:#16804a}.day-stat.success:hover,.day-stat.success.selected{background:#16804a1a;color:#0f6c3e}.day-stat.warning{color:#c2410c}.day-stat.warning:hover,.day-stat.warning.selected{background:#c2410c1a;color:#a2360b}.daily-detail-panel{padding:16px;border:1px solid #ded5ff;border-radius:8px;background:linear-gradient(135deg,#fffffff0,#f5f3ffeb),#fff;box-shadow:inset 0 1px #ffffffbf}.detail-heading{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:#5e6475}.detail-heading span{font-weight:800;color:#172554}.detail-heading strong{padding:4px 10px;color:#fff;border-radius:999px;background:linear-gradient(135deg,#7c3aed,#06b6d4)}.daily-detail-panel ul{margin:0;padding-left:20px}.daily-detail-panel li+li{margin-top:6px}.daily-detail-panel p{margin:0;color:#687386}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#0f172a6b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.detail-modal{width:min(620px,calc(100vw - 32px));max-height:min(680px,calc(100vh - 40px));overflow:auto;padding:20px;border:1px solid rgba(222,213,255,.9);border-radius:8px;background:linear-gradient(135deg,#fffffffa,#f8fafff5),#fff;box-shadow:0 26px 70px #0f172a47}.detail-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.detail-modal-header span{display:inline-flex;margin-bottom:6px;padding:4px 10px;color:#fff;border-radius:999px;background:linear-gradient(135deg,#7c3aed,#06b6d4);font-size:13px;font-weight:800}.detail-modal-header h3{margin:0;color:#172554;font-size:24px;letter-spacing:0}.modal-close{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;color:#526074;border:1px solid #dde4ef;border-radius:8px;background:#fff;cursor:pointer}.modal-close:hover{color:#111827;border-color:#a78bfa;background:#f6f2ff}.detail-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.detail-tabs button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#405168;border:1px solid #dce5f0;border-radius:8px;background:#fff;cursor:pointer}.detail-tabs button.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,#7c3aed,#06b6d4);box-shadow:0 12px 24px #7c3aed33}.detail-tabs strong{min-width:22px;height:22px;display:inline-grid;place-items:center;border-radius:999px;background:#0f172a14;font-size:12px}.detail-tabs button.active strong{background:#ffffff3d}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dashboard-stack{display:grid;gap:18px}.dashboard-summary{background:linear-gradient(135deg,#ffffffe6,#f5f3ffeb),#fff}.history-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.history-card{min-height:106px;padding:16px;border:1px solid #ded5ff;border-radius:8px;background:linear-gradient(135deg,#fff,#f5f3ff)}.history-card span{display:block;margin-bottom:10px;color:#667085;font-size:13px}.history-card strong{color:#3b1c74;font-size:30px;letter-spacing:0}.history-list{display:grid;gap:10px}.history-row{display:grid;grid-template-columns:64px 160px minmax(0,1fr);gap:12px;align-items:center;padding:12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.history-row:hover{border-color:#a78bfa;box-shadow:0 12px 24px #7c3aed1f;transform:translateY(-1px)}.history-row strong{color:#7c3aed}.history-row span{color:#667085;font-size:13px}.history-row p{margin:0;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-tile{min-width:0;padding:16px;border:1px solid #dbe2ee;border-radius:8px;background:#fbfdff}.chart-tile.wide{grid-column:1 / -1}.chart{width:100%;height:320px}.empty-state{min-height:240px;display:grid;place-items:center;color:#607086;border:1px dashed #b8c3d6;border-radius:8px;background:#fff}@media (max-width: 820px){.app-shell{width:min(100vw - 20px,760px);padding-top:18px}.topbar{align-items:stretch;flex-direction:column}.brand-block,.student-hero{align-items:flex-start;flex-direction:column}.student-hero h2{font-size:22px}.hero-badges{width:100%}nav{overflow-x:auto}.input-grid,.report-layout,.dashboard-grid,.history-cards,.history-row,.input-history-row{grid-template-columns:1fr}.history-mini-kpis{flex-wrap:wrap}.kpi-grid{grid-template-columns:1fr}.chart-tile.wide{grid-column:auto}}:root{color:#10324a;background:#f8f2e8}body{background:linear-gradient(rgba(214,196,169,.28) 1px,transparent 1px),linear-gradient(90deg,rgba(214,196,169,.28) 1px,transparent 1px),radial-gradient(circle at 12% 14%,rgba(255,207,141,.24),transparent 28%),radial-gradient(circle at 88% 10%,rgba(124,184,206,.18),transparent 24%),linear-gradient(135deg,#fff9ee,#f8f2e8 48%,#eef8fb);background-size:82px 82px,82px 82px,auto,auto,auto}body:before,body:after{content:"";position:fixed;z-index:-1;width:220px;height:220px;pointer-events:none;opacity:.44}body:before{left:-54px;top:96px;background:radial-gradient(circle,rgba(255,138,61,.17),transparent 68%)}body:after{right:-52px;bottom:64px;background:radial-gradient(circle,rgba(124,184,206,.2),transparent 68%)}.app-shell{width:min(1220px,calc(100vw - 32px))}.topbar,.panel,.student-hero,.detail-modal,.empty-state{border:2px solid #dfd2bf;border-radius:18px;background:#fffdf7eb;box-shadow:4px 7px #ddceb89e,0 18px 40px #59442b14}.topbar{position:sticky;top:14px;z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand-mark{color:#10324a;border:2px solid #153853;border-radius:16px;background:#ffe5c7;box-shadow:3px 4px #15385329;transform:rotate(-2deg)}.topbar h1,.student-hero h2,.panel-heading h2,.markdown-report h1,.markdown-report h2,.day-card-title,.history-card strong,.metric strong{color:#10324a;font-weight:900}.topbar p{color:#6d5c4c;font-weight:700}nav{border:2px solid #dfd2bf;background:#fff7e8;border-radius:16px;box-shadow:none}nav button,.template-list button,.voice-button,.copy-button,.primary-button,.modal-close,.detail-tabs button{border-radius:14px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}nav button{color:#40566a;font-weight:800}nav button.active{color:#10324a;border:1px solid #f3b57c;background:#ffe5c7;box-shadow:2px 3px #ff8a3d33}.student-hero{position:relative;min-height:286px;overflow:hidden;padding:34px 390px 34px 34px;color:#10324a;background:linear-gradient(90deg,#fffdf7f2,#fffdf7c7 58%,#fffdf742),radial-gradient(circle at 86% 48%,rgba(255,229,199,.86),transparent 34%),#fffdf7}.student-hero:after{content:"";position:absolute;right:12px;bottom:-18px;width:460px;height:260px;background:url(/assets/robot-cover-transparent-D2CBEUFa.png) center bottom / contain no-repeat;pointer-events:none}.student-hero:before{content:"+";position:absolute;right:370px;top:70px;color:#ff8a3d;font-size:42px;line-height:1;transform:rotate(-4deg)}.student-hero h2{max-width:650px;font-size:34px}.eyebrow{color:#8d6748;font-weight:900}.hero-badges{position:relative;z-index:1;min-width:260px}.hero-badges span{color:#10324a;border:2px solid #dfd2bf;background:#fff7e8e6;box-shadow:2px 4px #ddceb875;text-shadow:none}.panel{background:linear-gradient(135deg,#fffdf7f5,#fff9eeeb),#fffdf7}.panel-heading svg,.heading-title svg{color:#ff8a3d;stroke-width:2.5}.input-panel textarea{color:#10324a;border:2px solid #dfd2bf;border-radius:16px;background:linear-gradient(rgba(223,210,191,.24) 1px,transparent 1px),#fffaf1;background-size:100% 34px;box-shadow:inset 0 2px #ffffffbd;font-weight:650}.input-panel textarea:focus{border-color:#ff8a3d;box-shadow:inset 0 2px #ffffffbd,0 0 0 4px #ff8a3d29}.primary-button,.copy-button{color:#fff;border:2px solid #e66f25;background:#ff8a3d;box-shadow:3px 5px #c4581f42;font-weight:900}.primary-button:hover,.copy-button:hover,.voice-button:hover,.template-list button:hover,.day-card:hover,.input-history-row:hover,.history-row:hover{transform:translateY(-2px) rotate(-.25deg)}.copy-button.copy-button-secondary{color:#10324a;border-color:#dfd2bf;background:#fff7e8;box-shadow:3px 5px #8d674829}.voice-button,.template-list button{color:#10324a;border:2px solid #dfd2bf;background:#fff7e8;box-shadow:2px 3px #ddceb87a;font-weight:850}.voice-button.recording{border-color:#d94b35;background:#ff7b63}.format-preview{border-top:2px dashed #dfd2bf}.format-preview span,.metric span,.history-card span,.input-history-row span,.history-row span{color:#8d6748;font-weight:800}.format-preview code{color:#10324a;border:1px solid #f1c797;border-radius:12px;background:#fff3dd}.input-history-row,.history-row,.day-card,.metric,.history-card,.chart-tile,.markdown-report,.daily-detail-panel{border:2px solid #dfd2bf;border-radius:16px;background:#fffdf7;box-shadow:2px 4px #ddceb870}.input-history-row strong,.history-row strong{color:#ff8a3d}.input-history-row:hover,.history-row:hover,.day-card:hover,.day-card.active{border-color:#f3b57c;box-shadow:4px 6px #ff8a3d29}.day-card.active{background:#fff4de}.day-stat{border-radius:12px;font-weight:800}.day-stat:hover,.day-stat.selected{color:#10324a;background:#ffe5c7}.day-stat.success{color:#4d8a55}.day-stat.warning{color:#c45b2c}.detail-modal{background:#fffdf7}.modal-backdrop{background:#10324a52}.detail-modal-header span,.detail-heading strong,.detail-tabs button.active{color:#fff;background:#ff8a3d}.modal-close,.detail-tabs button{border:2px solid #dfd2bf;background:#fff7e8}.markdown-report{background:linear-gradient(rgba(223,210,191,.16) 1px,transparent 1px),#fffdf7;background-size:100% 32px}.markdown-report h3{color:#10324a;border-left-color:#ff8a3d;background:#fff0d8}.dashboard-summary{position:relative;overflow:hidden;background:linear-gradient(135deg,#fffdf7f5,#fff7e8e6),#fffdf7}.dashboard-summary:after{content:"";position:absolute;right:26px;bottom:-44px;width:240px;height:180px;opacity:.22;background:url(/assets/chart-sketch-E2H1UTL7.png) center / contain no-repeat;pointer-events:none}.chart-tile{background:linear-gradient(135deg,#fffdf7f5,#eef8fbbd),#fffdf7}.chart-tile h3{color:#10324a;font-weight:900}.empty-state{color:#8d6748;border-style:dashed;border-color:#dfd2bf;font-weight:900}@media (max-width: 820px){.student-hero{min-height:420px;padding:26px 22px 240px}.student-hero:after{right:50%;bottom:-8px;width:min(420px,96vw);height:250px;transform:translate(50%)}.student-hero h2{font-size:26px}}