:root{--cream: #fbf6ef;--paper: #fffdf8;--ink: #2b2118;--muted: #766653;--line: rgba(43, 33, 24, .1);--coral: #ff8a5c;--amber: #f3a712;--teal: #17a398;--red: #cd4b3a;--grad: linear-gradient(135deg, #ff8a5c, #f3a712);--shadow: 0 24px 60px -28px rgba(180, 83, 31, .3);--shadow-soft: 0 10px 30px -14px rgba(43, 33, 24, .18);--r: 22px;font-size:16px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 600px at 85% -10%,rgba(23,163,152,.08),transparent 60%),radial-gradient(1000px 700px at -10% 110%,rgba(255,138,92,.12),transparent 60%),var(--cream);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:600;line-height:1.12;margin:0 0 .4em}h1{font-size:clamp(30px,5vw,44px)}h2{font-size:22px}h3{font-size:17px}p{margin:0 0 .8em}em{font-style:italic}.app{max-width:1180px;margin:0 auto;padding:20px 24px 40px}.muted{color:var(--muted)}.small{font-size:13px}button{font:inherit;cursor:pointer}input,textarea,select{font:inherit;color:var(--ink);background:var(--paper);border:1.5px solid var(--line);border-radius:12px;padding:10px 14px;transition:border-color .15s,box-shadow .15s;width:100%}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #0b6c64;outline-offset:3px;border-color:#0b6c64}:focus-visible{outline:2px solid #0b6c64;outline-offset:3px}.btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;border:none;border-radius:999px;padding:10px 20px;font-weight:600;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease,background .15s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--grad);color:#fff;box-shadow:var(--shadow-soft)}.btn-primary:hover{box-shadow:var(--shadow)}.btn-soft{background:#17a3981f;color:#0e6d66}.btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}.btn-danger{background:var(--red);color:#fff}.btn-lg{padding:13px 26px;font-size:16px}.btn-xl{padding:17px 38px;font-size:19px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.icon-btn{border:none;background:transparent;color:var(--muted);border-radius:10px;padding:8px;display:inline-flex;transition:background .12s,color .12s}.icon-btn:hover{background:#2b21180f;color:var(--ink)}.icon-btn.danger:hover{background:#d94f3d1a;color:var(--red)}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:24px;box-shadow:var(--shadow-soft);margin-bottom:18px}.notice{background:#d94f3d1a;color:#8f2d1f;padding:10px 14px;border-radius:12px}.hero{text-align:center;padding:56px 10px 34px}.hero-mark{display:flex;gap:5px;justify-content:center;align-items:flex-end;height:34px;margin-bottom:14px}.hero-mark .bar{width:6px;border-radius:4px;background:var(--grad);animation:wave 1.4s ease-in-out infinite}.hero-mark .b1{height:12px;animation-delay:0s}.hero-mark .b2{height:26px;animation-delay:.15s}.hero-mark .b3{height:18px;animation-delay:.3s}.hero-mark .b4{height:30px;animation-delay:.45s}@keyframes wave{0%,to{transform:scaleY(.6)}50%{transform:scaleY(1.15)}}.kicker{letter-spacing:.32em;text-transform:uppercase;font-size:12px;font-weight:700;color:var(--teal);margin-bottom:6px}.hero h1{font-size:clamp(42px,7.4vw,76px);font-weight:600}.hero h1 em{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.lede{max-width:560px;margin:14px auto 26px;color:var(--muted);font-size:18px}.hero-actions{display:flex;gap:12px;justify-content:center}.lesson-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin-top:18px}.lesson-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:22px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:8px;transition:transform .15s ease,box-shadow .15s ease}.lesson-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.lesson-emoji{width:46px;height:46px;border-radius:14px;background:var(--grad);color:#fff;display:grid;place-items:center;font-family:Fraunces,serif;font-size:24px;font-weight:600}.lesson-card h2{font-size:20px;margin:4px 0 0}.lesson-desc{color:var(--muted);font-size:14px;margin:0}.lesson-meta{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:4px 0 10px}.lesson-meta li{font-size:12px;color:var(--muted);background:#2b21180d;padding:3px 10px;border-radius:999px}.lesson-actions{margin-top:auto;display:flex;gap:6px;align-items:center}.empty{text-align:center;padding:40px;color:var(--muted)}.how{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:46px 0 30px}.how-step{background:#fff9;border:1px solid var(--line);border-radius:18px;padding:20px}.how-step span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--teal);color:#fff;font-weight:700;font-size:14px;margin-bottom:10px}.how-step p{color:var(--muted);font-size:14px;margin:0}.foot{display:flex;justify-content:space-between;align-items:center;padding-top:18px;border-top:1px solid var(--line);font-size:13px}.health{display:inline-flex;align-items:center;gap:7px;color:var(--muted)}.health i{width:8px;height:8px;border-radius:50%;background:var(--muted)}.health.ok i{background:var(--teal);box-shadow:0 0 0 4px #17a3982e}.health.bad i{background:var(--red)}.author{max-width:760px;margin:0 auto}.author-top{display:flex;align-items:center;gap:16px;margin:8px 0 22px}.author h2{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.author h2 em{font-size:13px;font-style:normal;font-family:Inter,sans-serif;color:var(--muted);font-weight:400}.field{display:block;margin-bottom:14px}.field>span{display:block;font-size:13px;font-weight:600;margin-bottom:5px;color:var(--ink)}.field>span em{color:var(--muted);font-weight:400;font-style:normal;font-size:12px}.field-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.field-narrow{max-width:160px}.row{display:grid;grid-template-columns:1fr 200px 40px;gap:10px;align-items:center;margin-bottom:10px}.row-sub{color:var(--muted)}.voice-row{grid-template-columns:1.35fr 1fr auto;align-items:end}.voice-preview{align-self:end;margin-bottom:14px;white-space:nowrap;justify-self:end}.save-bar{position:sticky;bottom:14px;display:flex;justify-content:flex-end;z-index:5}.save-bar .btn{box-shadow:var(--shadow)}.session{display:flex;flex-direction:column;gap:14px;min-height:calc(100vh - 80px)}.session-top{display:flex;align-items:center;gap:14px}.session-id{display:flex;align-items:center;gap:9px;font-weight:600;margin-right:auto}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--teal);animation:livepulse 1.6s ease-in-out infinite}@keyframes livepulse{0%,to{box-shadow:0 0 #17a39880}50%{box-shadow:0 0 0 6px #17a39800}}.timer{font-variant-numeric:tabular-nums;color:var(--muted);font-size:14px}.banner{background:#f3a71224;border:1px solid rgba(243,167,18,.4);color:#7a5406;border-radius:14px;padding:10px 16px;font-size:14px}.session-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:16px;align-items:start}.stage-card{position:relative;border-radius:28px;padding:26px 22px 20px;background:radial-gradient(120% 90% at 50% 0%,#fffdf8,#fdf3e3 60%,#fbe9d2);border:1px solid var(--line);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;align-items:center;min-height:480px}.ring-wrap{position:relative;width:min(340px,72vw);aspect-ratio:1}.ring-wrap .rive{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.status-pill{display:inline-flex;align-items:center;gap:9px;margin-top:14px;background:#2b21180f;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:600;color:var(--muted);min-height:32px}.dots i{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:var(--coral);animation:bounce 1.1s ease-in-out infinite}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-5px);opacity:1}}.eq{display:inline-flex;gap:2.5px;align-items:flex-end;height:13px}.eq i{width:3px;background:var(--teal);border-radius:2px;animation:eq .9s ease-in-out infinite}.eq i:nth-child(1){height:6px}.eq i:nth-child(2){height:12px;animation-delay:.12s}.eq i:nth-child(3){height:8px;animation-delay:.24s}.eq i:nth-child(4){height:11px;animation-delay:.36s}@keyframes eq{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1.2)}}.rec{width:10px;height:10px;border-radius:50%;background:var(--red);animation:bounce 1s ease-in-out infinite}.caption-zone{min-height:66px;width:100%;max-width:460px;margin-top:12px;text-align:center}.caption{display:inline-block;background:var(--paper);border:1px solid var(--line);border-radius:18px 18px 18px 6px;padding:10px 16px;font-size:15px;box-shadow:var(--shadow-soft);animation:rise .25s ease}.caption.ghost{color:var(--muted);font-style:italic;box-shadow:none}@keyframes rise{0%{transform:translateY(6px);opacity:0}to{transform:none;opacity:1}}.panels{display:flex;flex-direction:column;gap:14px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow-soft)}.panel h3{font-size:15px;margin-bottom:12px}.key-grid{display:flex;flex-direction:column;gap:9px}.key-card{position:relative;border:1.5px dashed rgba(23,163,152,.45);border-radius:14px;padding:10px 14px 10px 38px;font-size:14px;transition:background .3s,border-color .3s}.key-card strong{display:block;font-weight:600}.key-card em{display:block;font-size:12.5px;color:var(--muted)}.key-impact{display:block;margin-top:6px;color:#0e6d66;font-size:11px;line-height:1.4}.key-check{position:absolute;left:11px;top:11px;width:20px;height:20px;border-radius:50%;background:#2b21180f;display:grid;place-items:center;font-size:12px;color:transparent}.key-card.lit{border-style:solid;border-color:var(--teal);background:#17a39817}.key-card.lit .key-check{background:var(--teal);color:#fff}.goal{margin-bottom:12px}.goal-top{display:flex;justify-content:space-between;gap:10px;font-size:14px;margin-bottom:4px}.goal-top b{font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px}.bar{height:8px;border-radius:6px;background:#2b211814;overflow:hidden}.bar i{display:block;height:100%;border-radius:6px;background:var(--grad);transition:width .7s cubic-bezier(.2,.8,.2,1)}.transcript ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.transcript li{font-size:13.5px}.transcript li b{color:#13837b;margin-right:4px}.transcript li.learner b{color:#b05f40}.transcript summary{cursor:pointer;font-weight:600;font-size:15px}.call-bar{position:sticky;bottom:0;display:flex;align-items:center;gap:16px;background:#fbf6efeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:24px;padding:12px 16px;box-shadow:var(--shadow-soft)}.mic{flex:none;width:64px;height:64px;border-radius:50%;border:none;color:#fff;background:var(--grad);display:grid;place-items:center;box-shadow:var(--shadow);transition:transform .12s}.mic:hover{transform:scale(1.05)}.mic.on{background:var(--red);animation:micpulse 1.3s ease-out infinite}.mic.unavailable{background:var(--muted)}.mic:disabled{cursor:wait;opacity:.6}@keyframes micpulse{0%{box-shadow:0 0 #d94f3d73}to{box-shadow:0 0 0 22px #d94f3d00}}.text-send{display:flex;gap:10px;flex:1}.goal-impact{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.4}.goal-impact b{color:var(--ink);font-weight:600}.engagement-read{border-top:1px solid var(--line);padding-top:12px;margin-top:8px}.signal-note{margin:12px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.mic-help{position:fixed;left:16px;right:16px;bottom:calc(84px + env(safe-area-inset-bottom));z-index:100;width:min(640px,calc(100% - 32px));margin:0 auto;padding:10px 14px;border-radius:12px;background:#fffdf8;border:1px solid var(--line);color:var(--ink);font-size:13px;box-shadow:var(--shadow)}.mic-help-close{margin-left:8px;border:0;background:none;color:#0e6d66;font:inherit;font-weight:700;text-decoration:underline}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--cream);padding:10px 20px;border-radius:14px;font-size:14px;box-shadow:var(--shadow);z-index:50;animation:rise .2s ease}.gate{display:grid;place-items:center;min-height:calc(100vh - 100px)}.gate-card{text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:30px;padding:44px 40px;max-width:480px;width:100%;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;align-items:center}.gate-avatar{width:180px;height:180px}.gate-avatar .rive{width:100%;height:100%}.gate-scenario{color:var(--muted);font-size:15px}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid rgba(43,33,24,.12);border-top-color:var(--coral);animation:spin .9s linear infinite;margin:8px auto}@keyframes spin{to{transform:rotate(360deg)}}.result{max-width:900px;margin:0 auto}.result-top{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:20px}.result-top h1{margin:0}.verdict{display:flex;gap:30px;align-items:center;flex-wrap:wrap}.verdict-ring{position:relative;width:200px;height:200px;flex:none}.verdict-ring .rive{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.verdict-score{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.verdict-score b{font-family:Fraunces,serif;font-size:54px;line-height:1}.verdict-score span{font-size:12px;color:var(--muted)}.verdict-score{flex-direction:column}.verdict-score{display:flex;align-items:center;justify-content:center;gap:2px}.verdict-band{flex:1;min-width:240px}.band{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;font-family:Fraunces,serif;font-size:30px;font-weight:700;color:#fff;margin-bottom:10px}.band-A{background:var(--teal)}.band-B{background:var(--grad)}.band-C{background:var(--amber)}.band-D{background:var(--coral)}.band-E{background:var(--muted)}.moment{border-left:5px solid var(--teal);position:relative}.moment p{font-family:Fraunces,serif;font-size:19px;margin:0}.moment cite{color:var(--muted);font-size:13px;font-style:normal}.moment-mark{font-family:Fraunces,serif;font-size:46px;color:var(--teal);line-height:.4}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.checklist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.checklist li{font-size:14.5px;display:flex;gap:10px}.checklist span{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:13px}.checklist .yes span{background:#17a39826;color:var(--teal)}.checklist .no span{background:#2b211812;color:var(--muted)}.nice,.fix{padding-left:20px;margin:0 0 14px;display:flex;flex-direction:column;gap:6px;font-size:14.5px}.nice ::marker{color:var(--teal)}.fix ::marker{color:var(--amber)}.result-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.transcript.card ul{max-height:400px}@media(max-width:900px){.session-grid{grid-template-columns:1fr}.stage-card{min-height:0}.field-row{grid-template-columns:1fr}.row{grid-template-columns:1fr 1fr 40px}.result-grid{grid-template-columns:1fr}.verdict{justify-content:center;text-align:center}.session{padding-bottom:96px}}.grading-page{max-width:1020px;margin:0 auto;padding:10px 0 60px}.grading-content{width:100%}.grading-head{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:26px;padding:24px 8px 26px}.grading-character{position:relative;width:180px;aspect-ratio:1}.grading-character canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.grading-intro h1{margin-bottom:8px}.grading-intro>.muted{max-width:620px}.scan-stage{display:inline-flex;align-items:center;gap:10px;margin-top:8px;padding:9px 14px;border-radius:999px;background:#17a3981a;color:#0e6d66;font-size:13px;font-weight:700}.scan-stage.failed{background:#d94f3d1a;color:#8f2d1f}.scan-light{width:9px;height:9px;border-radius:50%;background:var(--teal);box-shadow:0 0 #17a39852;animation:livepulse 1.6s ease-in-out infinite}.scan-stage.failed .scan-light{background:var(--red);animation:none}.grading-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grading-metric{min-width:0;padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--paper);box-shadow:var(--shadow-soft)}.grading-metric>header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px}.metric-kind{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700}.metric-status{flex:none;border-radius:999px;padding:4px 8px;color:var(--muted);background:#2b21180d;font-size:10px;font-weight:700}.grading-metric.scanning .metric-status,.grading-metric.explaining .metric-status{background:#f3a71229;color:#765008}.grading-metric.complete .metric-status{background:#17a3981f;color:#0e6d66}.metric-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.metric-title-row h2{font-family:Inter,sans-serif;font-size:15px;font-weight:600;line-height:1.4}.metric-title-row>strong{flex:none;color:var(--ink);font-family:Fraunces,Georgia,serif;font-size:26px;line-height:1;font-variant-numeric:tabular-nums}.metric-title-row small{font-family:Inter,sans-serif;font-size:12px;color:var(--muted)}.metric-track{position:relative;height:9px;margin:4px 0 10px;overflow:hidden;border-radius:999px;background:#2b211814}.metric-track>span{display:block;height:100%;border-radius:inherit;background:var(--grad);transition:width .7s cubic-bezier(.2,.8,.2,1)}.grading-metric.scanning .metric-track:after,.grading-metric.explaining .metric-track:after{content:"";position:absolute;inset:0 auto 0 -35%;width:35%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:scanline 1.4s ease-in-out infinite}@keyframes scanline{to{transform:translate(390%)}}.metric-pending{margin:0;color:var(--muted);font-size:12px}.metric-explanation,.result-insight{margin-top:9px;color:#62564a;font-size:12.5px;line-height:1.5}.metric-explanation p,.result-insight p{margin:0}.metric-explanation blockquote,.result-insight blockquote{margin:7px 0 0;padding:7px 10px;border-left:3px solid var(--teal);border-radius:0 8px 8px 0;background:#17a39812;color:var(--ink);font-style:italic}.grading-failure{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding:15px 18px;border:1px solid rgba(217,79,61,.35);border-radius:16px;background:#d94f3d12}.grading-failure p{margin:0}.result-insight{padding-left:2px}.result-engagement{margin-top:20px}.checklist li>div{min-width:0}.checklist li strong{display:block;font-weight:600}.evidence-status{display:block;margin-top:4px;color:var(--muted);font-size:11px;line-height:1.4}.evidence-status.found{color:#0e6d66;font-weight:600}@media(max-width:600px){.grading-page{padding-top:0}.grading-head{grid-template-columns:92px minmax(0,1fr);gap:14px;padding:8px 0 20px}.grading-character{width:92px}.grading-intro h1{font-size:28px}.grading-intro .muted{font-size:13px}.grading-metrics{grid-template-columns:1fr;gap:10px}.grading-metric{padding:15px}.grading-failure{align-items:flex-start;flex-direction:column}.call-bar{gap:9px;padding:8px}.mic{width:54px;height:54px}.text-send{min-width:0;gap:6px}.text-send input{min-width:0;padding-inline:10px;font-size:14px}.text-send .btn{flex:none;padding-inline:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}