@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/e1aab0933260df4d-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/b7387a63dd068245-s.p.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/36966cca54120369-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Space Grotesk Fallback;src:local("Arial");ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.00%;size-adjust:109.69%}.__className_97ef00{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.__variable_97ef00{--font-display:"Space Grotesk","Space Grotesk Fallback"}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.p.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_1b85de{font-family:Inter,Inter Fallback;font-style:normal}.__variable_1b85de{--font-body:"Inter","Inter Fallback"}:root{--bg:#f5f3ee;--panel:#fffdf8;--text:#172127;--muted:#4b5a63;--accent:#0d7a63;--accent-soft:#d6efe8;--border:#d9ddd8;--warn:#b5512b;--font-body:"Manrope","Segoe UI",sans-serif;--font-display:"Fraunces",Georgia,serif}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(circle at top right,#d4ebe5 0,var(--bg) 42%,#ece6dc 100%);color:var(--text);font-family:var(--font-body)}a{color:inherit}.page-wrap{min-height:100vh;padding:2rem 1.25rem 3rem}.shell{max-width:980px;margin:0 auto;display:grid;gap:1rem}.hero{background:linear-gradient(140deg,#ffffffde,#f8f8f1de);border:1px solid var(--border);border-radius:20px;padding:1.5rem}.hero h1{margin:0;font-family:var(--font-display);letter-spacing:.02em}.hero p{margin:.75rem 0 0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.card{border:1px solid var(--border);border-radius:16px;background:var(--panel);padding:1rem}.label{display:inline-flex;align-items:center;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.75rem;padding:.2rem .55rem;margin-bottom:.7rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}.warn{color:var(--warn)}.auth-shell{max-width:560px}.auth-form{margin-top:1rem;display:grid;gap:.8rem}.field{display:grid;gap:.3rem}.field label{font-size:.88rem;color:var(--muted)}.field input,.field select{border:1px solid var(--border);border-radius:10px;padding:.6rem .75rem;background:#ffffff;color:var(--text)}.btn{margin-top:.25rem;border:0;border-radius:10px;padding:.62rem .9rem;background:var(--accent);color:#ffffff;cursor:pointer;font-weight:600}.btn:disabled{opacity:.6;cursor:not-allowed}.auth-error{margin:0;font-size:.9rem}.success-text{margin:0;color:var(--accent)}.ingestion-panel{display:grid;gap:1rem}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.summary-grid h3{margin-top:0;margin-bottom:.35rem}.upload-form{display:grid;gap:.8rem}.upload-form h2{margin:0}.form-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.form-row,.records-grid{display:grid;gap:.7rem}.record{border:1px solid var(--border);border-radius:12px;padding:.8rem;background:#fffffb}.record p{margin:.4rem 0}.record-head{display:flex;justify-content:space-between;gap:.6rem;align-items:center}.status-pill{border-radius:999px;font-size:.75rem;padding:.2rem .55rem;border:1px solid transparent}.status-ready{color:#145e4c;border-color:#8fd4bd;background:#e5f7f0}.status-failed{color:#8f3513;border-color:#eab6a3;background:#fbece5}.status-processing{color:#5d3f08;border-color:#e4cb89;background:#fef6df}.btn-secondary{background:#ffffff;color:var(--accent);border:1px solid var(--accent)}.assistant-panel{display:grid;gap:.8rem}.assistant-panel h2{margin:0}.assistant-note{margin:0;color:var(--muted)}.assistant-form{display:grid;gap:.7rem}.assistant-textarea{min-height:110px;resize:vertical;border:1px solid var(--border);border-radius:10px;padding:.65rem .75rem;background:#ffffff;color:var(--text);font-family:var(--font-body)}.assistant-result{border:1px solid var(--border);border-radius:12px;padding:.85rem;background:#fffef9;display:grid;gap:.55rem}.assistant-result-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.assistant-answer{margin:0;white-space:pre-line}.assistant-references{display:grid;gap:.55rem}.assistant-references h3{margin:0}.assistant-reference{border:1px solid var(--border);border-radius:10px;padding:.65rem;background:#ffffff}.assistant-reference p{margin:.35rem 0}.reports-panel{display:grid;gap:.75rem}.reports-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.reports-head h2{margin:0}.ops-panel{display:grid;gap:.75rem}.ops-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.ops-head h2{margin:0}.ops-actions{display:inline-flex;gap:.5rem}.media-agent-panel{display:grid;gap:1rem}.media-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.media-head h2{margin:0}.media-job-toggle{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.media-assets-list{display:grid;gap:.6rem;margin-top:.7rem;padding-top:.7rem;border-top:1px solid var(--border)}.media-asset-item{border:1px solid var(--border);border-radius:10px;padding:.65rem;background:#ffffff}.media-asset-item p{margin:.35rem 0}.media-storyboard-text{margin:.4rem 0;white-space:pre-line;color:var(--muted);font-size:.9rem}.media-code-block{margin:.4rem 0;border:1px solid var(--border);border-radius:8px;padding:.6rem;background:#f8f8f4;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.82rem;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.media-review-job{display:grid;gap:.7rem;margin-top:.5rem;padding-top:.6rem;border-top:1px solid var(--border)}.media-review-actions{display:inline-flex;gap:.5rem;margin-top:.4rem}.media-assets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem}.lesson-media-panel{display:grid;gap:.8rem}.lesson-media-panel h2{margin:0}.media-slide-viewer{display:grid;gap:.5rem}.media-slide-nav{display:flex;align-items:center;justify-content:center;gap:.75rem}.media-slide-content{border:1px solid var(--border);border-radius:10px;padding:.75rem;background:#ffffff}.media-slide-content h4{margin:0 0 .4rem}.media-slide-content ul{margin:0;padding-left:1.2rem}.media-exercises{display:grid;gap:.6rem}.media-exercise-item{border:1px solid var(--border);border-radius:10px;padding:.65rem;background:#ffffff}.media-exercise-item p{margin:.3rem 0}.media-blanks{display:grid;gap:.4rem;margin-top:.3rem}.media-matching-pairs{display:grid;gap:.35rem;margin-top:.3rem}.media-matching-row{display:flex;align-items:center;gap:.5rem}.media-match-left{background:#f3f7f5}.media-match-left,.media-match-right{border:1px solid var(--border);border-radius:8px;padding:.3rem .5rem;min-width:80px}.media-match-right{background:#f7f5f3}.media-scenes{display:grid;gap:.6rem}.media-scene-item{border:1px solid var(--border);border-radius:10px;padding:.65rem;background:#ffffff}.media-scene-item p{margin:.3rem 0}.media-cartoon-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.6rem}.media-cartoon-panel{border:1px solid var(--border);border-radius:10px;padding:.65rem;background:#ffffff}.media-cartoon-panel p{margin:.3rem 0}.media-illustration{display:grid;gap:.4rem}.media-illustration p{margin:.3rem 0}.media-svg-placeholder{border:1px dashed var(--border);border-radius:10px;padding:.75rem;background:#fafaf6;text-align:center;min-height:80px;display:flex;align-items:center;justify-content:center}.media-mermaid-block{display:grid;gap:.3rem}@media (max-width:600px){.page-wrap{padding-inline:.9rem}.hero{padding:1.2rem}}.launch-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;position:relative;overflow:hidden;background:#08090f;font-family:var(--font-body,"Inter",sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.launch-aurora{position:fixed;inset:0;pointer-events:none;z-index:0}.aurora-blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.5;mix-blend-mode:screen;will-change:transform}.blob-1{width:55vw;height:55vw;max-width:700px;max-height:700px;background:radial-gradient(circle,rgba(45,212,168,.35) 0,transparent 70%);top:-18%;left:-12%;animation:aurora-drift-1 22s ease-in-out infinite}.blob-2{width:50vw;height:50vw;max-width:650px;max-height:650px;background:radial-gradient(circle,rgba(56,132,244,.3) 0,transparent 70%);top:15%;right:-15%;animation:aurora-drift-2 28s ease-in-out infinite}.blob-3{width:45vw;height:45vw;max-width:550px;max-height:550px;background:radial-gradient(circle,rgba(139,92,246,.25) 0,transparent 70%);bottom:-10%;left:25%;animation:aurora-drift-3 25s ease-in-out infinite}@keyframes aurora-drift-1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(4%,-3%) scale(1.05)}66%{transform:translate(-2%,4%) scale(.97)}}@keyframes aurora-drift-2{0%,to{transform:translate(0) scale(1)}40%{transform:translate(-5%,3%) scale(1.03)}70%{transform:translate(3%,-2%) scale(.96)}}@keyframes aurora-drift-3{0%,to{transform:translate(0) scale(1)}35%{transform:translate(3%,-4%) scale(1.04)}65%{transform:translate(-4%,2%) scale(.98)}}.launch-grid-overlay{z-index:1;opacity:.035;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 0);background-size:64px 64px;mask-image:radial-gradient(ellipse at 50% 40%,black 0,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at 50% 40%,black 0,transparent 75%)}.launch-grain,.launch-grid-overlay{position:fixed;inset:0;pointer-events:none}.launch-grain{z-index:2;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px}.launch-content{max-width:680px;text-align:center;position:relative;z-index:3}.launch-content>*{opacity:0;animation:launch-fade-up .8s ease-out forwards}.launch-content>:first-child{animation-delay:.15s}.launch-content>:nth-child(2){animation-delay:.3s}.launch-content>:nth-child(3){animation-delay:.45s}.launch-content>:nth-child(4){animation-delay:.6s}.launch-content>:nth-child(5){animation-delay:.75s}.launch-content>:nth-child(6){animation-delay:.9s}.launch-content>:nth-child(7){animation-delay:1.05s}@keyframes launch-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.launch-badge{display:inline-flex;align-items:center;gap:.5rem;border-radius:999px;background:rgba(45,212,168,.08);border:1px solid rgba(45,212,168,.15);color:#2dd4a8;font-family:var(--font-body,"Inter",sans-serif);font-size:.72rem;font-weight:600;padding:.4rem 1.15rem;letter-spacing:.22em;text-transform:uppercase;margin-bottom:2rem;animation-name:launch-fade-up,launch-badge-glow;animation-duration:.8s,4s;animation-timing-function:ease-out,ease-in-out;animation-delay:.15s,1s;animation-fill-mode:forwards,none;animation-iteration-count:1,infinite}.launch-badge-dot{width:6px;height:6px;border-radius:50%;background:#2dd4a8;animation:launch-dot-pulse 2s ease-in-out infinite}@keyframes launch-dot-pulse{0%,to{opacity:1;box-shadow:0 0 0 0 rgba(45,212,168,.4)}50%{opacity:.6;box-shadow:0 0 0 4px rgba(45,212,168,0)}}@keyframes launch-badge-glow{0%,to{box-shadow:0 0 12px rgba(45,212,168,.06)}50%{box-shadow:0 0 24px rgba(45,212,168,.12)}}.launch-title{font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:clamp(3.2rem,10vw,6.5rem);font-weight:700;letter-spacing:-.04em;line-height:.95;margin:0;background:linear-gradient(135deg,#f0ede6,#e0ddd6 40%,#2dd4a8);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:launch-fade-up .8s ease-out .3s forwards,launch-title-shimmer 8s ease-in-out 1.5s infinite;opacity:0}@keyframes launch-title-shimmer{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.launch-subtitle{font-family:var(--font-body,"Inter",sans-serif);font-size:clamp(.85rem,2.2vw,1.05rem);font-weight:500;letter-spacing:.25em;text-transform:uppercase;color:rgba(45,212,168,.7);margin:1rem 0 0}.launch-divider{height:1px;margin:2.5rem auto;border-radius:1px;background:linear-gradient(90deg,transparent,rgba(45,212,168,.4),transparent);animation:launch-fade-up .8s ease-out .6s forwards,launch-divider-breathe 4s ease-in-out 1.5s infinite;opacity:0;width:64px}@keyframes launch-divider-breathe{0%,to{width:64px;opacity:.5}50%{width:96px;opacity:.8}}.launch-mission{font-family:var(--font-body,"Inter",sans-serif);font-size:clamp(.95rem,2vw,1.08rem);line-height:1.8;color:#8a8a9a;margin:0 auto 3rem;max-width:520px}.launch-features{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:2.5rem}.launch-feature{position:relative;display:flex;align-items:flex-start;gap:.75rem;text-align:left;padding:1.1rem 1.3rem;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color .35s ease,background .35s ease;overflow:hidden;min-width:180px}.launch-feature:hover{border-color:rgba(45,212,168,.15);background:rgba(255,255,255,.04)}.launch-feature-glow{position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent,rgba(45,212,168,.3),transparent);opacity:0;transition:opacity .35s ease}.launch-feature:hover .launch-feature-glow{opacity:1}.launch-feature-icon{color:#2dd4a8;flex-shrink:0;margin-top:.1rem;opacity:.8}.launch-feature strong{display:block;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:.92rem;font-weight:600;color:#f0ede6;margin-bottom:.15rem}.launch-feature div>span{font-size:.78rem;color:#6a6a7a;line-height:1.4}.launch-buttons{display:flex;gap:1rem;justify-content:center;margin:0 0 2rem;flex-wrap:wrap}.launch-btn-hero{gap:.5rem;padding:.85rem 2.5rem;font-size:1.05rem;border-radius:14px;background:linear-gradient(135deg,rgba(45,212,168,.18),rgba(45,212,168,.08));border:1px solid rgba(45,212,168,.45);box-shadow:0 0 20px rgba(45,212,168,.08),inset 0 1px 0 rgba(255,255,255,.05)}.launch-btn-hero:hover{background:linear-gradient(135deg,rgba(45,212,168,.28),rgba(45,212,168,.14));border-color:rgba(45,212,168,.7);box-shadow:0 0 30px rgba(45,212,168,.15)}.launch-btn-secondary{gap:.45rem;padding:.75rem 1.8rem;font-size:.9rem;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.12);color:#a0a0b0;transition:all .25s ease}.launch-btn-secondary:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.25);color:#d0d0e0}.launch-footer{padding-top:2rem;margin-top:1.5rem;border-top:1px solid rgba(255,255,255,.05)}.launch-quote{font-family:var(--font-body,"Inter",sans-serif);font-size:.82rem;color:#55556a;font-style:italic;margin:0;letter-spacing:.01em}.launch-start-btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 2rem;border-radius:12px;border:1px solid rgba(45,212,168,.4);background:rgba(45,212,168,.12);color:#2dd4a8;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:1rem;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:background .25s ease,border-color .25s ease,transform .15s ease}.launch-start-btn:hover{background:rgba(45,212,168,.2);border-color:rgba(45,212,168,.6);transform:translateY(-1px)}.launch-start-btn:active{transform:translateY(0)}.launch-start-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.launch-link-btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.5rem;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#8a8a9a;font-family:var(--font-body,"Inter",sans-serif);font-size:.85rem;font-weight:500;cursor:pointer;transition:color .2s ease,border-color .2s ease}.launch-link-btn:hover{color:#c0c0d0;border-color:rgba(255,255,255,.2)}.settings-wrap{min-height:100vh;background:#08090f;color:#f0ede6;padding:2rem 1.5rem;font-family:var(--font-body,"Inter",sans-serif)}.settings-card{max-width:480px;margin:0 auto;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;display:grid;gap:1.25rem}.settings-card h1{margin:0;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:1.5rem}.settings-field{display:grid;gap:.4rem}.settings-field label{font-size:.8rem;font-weight:600;color:#8a8a9a;text-transform:uppercase;letter-spacing:.1em}.settings-field code{font-size:1.1rem;font-weight:700;letter-spacing:.05em;color:#2dd4a8}.settings-input{width:100%;padding:.65rem .9rem;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:#f0ede6;font-size:1rem;outline:none;text-align:center;letter-spacing:.3em}.settings-input:focus{border-color:rgba(45,212,168,.5)}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:.5rem}.avatar-option{width:52px;height:52px;border-radius:12px;border:2px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:border-color .2s}.avatar-option:hover{border-color:rgba(45,212,168,.3)}.avatar-option.selected{border-color:#2dd4a8;background:rgba(45,212,168,.1)}.guardian-wrap,.recover-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;position:relative;overflow:hidden;background:#08090f;font-family:var(--font-body,"Inter",sans-serif)}.guardian-card,.recover-card{max-width:420px;width:100%;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2rem;position:relative;z-index:3;text-align:center;display:grid;gap:1rem}.guardian-card h1,.recover-card h1{margin:0;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:1.5rem;color:#f0ede6}.guardian-card p,.recover-card p{color:#8a8a9a;font-size:.9rem;margin:0}@media (max-width:640px){.launch-wrap{padding:1.5rem 1rem}.launch-features{flex-direction:column;align-items:stretch;gap:.75rem}.launch-feature{min-width:unset}.blob-1{width:90vw;height:90vw;top:-25%;left:-20%}.blob-2{width:80vw;height:80vw}.blob-3{width:70vw;height:70vw}}.app-wrap{min-height:100vh;padding:2rem 1.25rem 3rem;position:relative;overflow-x:hidden;background:#08090f;font-family:var(--font-body,"Inter",sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-wrap .shell{position:relative;z-index:3}.dark-theme .hero{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.08)}.dark-theme .hero h1{color:#f0ede6;font-family:var(--font-display,"Space Grotesk",sans-serif)}.dark-theme .hero p{color:#8a8a9a}.dark-theme .label{background:rgba(45,212,168,.08);border:1px solid rgba(45,212,168,.15);color:#2dd4a8}.dark-theme .card{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.08);color:#f0ede6}.dark-theme .card h2,.dark-theme .card h3{color:#f0ede6}.dark-theme .record{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.06);color:#f0ede6}.dark-theme .assistant-textarea,.dark-theme .field input,.dark-theme .field select{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.15);color:#f0ede6}.dark-theme .assistant-textarea::-moz-placeholder,.dark-theme .field input::-moz-placeholder{color:#55556a}.dark-theme .assistant-textarea::placeholder,.dark-theme .field input::placeholder{color:#55556a}.dark-theme .assistant-textarea:focus,.dark-theme .field input:focus,.dark-theme .field select:focus{border-color:rgba(45,212,168,.5);outline:none}.dark-theme .field label{color:#8a8a9a}.dark-theme .btn{background:rgba(45,212,168,.12);border:1px solid rgba(45,212,168,.4);color:#2dd4a8;font-family:var(--font-display,"Space Grotesk",sans-serif);font-weight:600;transition:background .25s ease,border-color .25s ease}.dark-theme .btn:hover{background:rgba(45,212,168,.2);border-color:rgba(45,212,168,.6)}.dark-theme .btn-secondary{background:transparent;color:#8a8a9a;border:1px solid rgba(255,255,255,.12)}.dark-theme .btn-secondary:hover{color:#c0c0d0;border-color:rgba(255,255,255,.25)}.dark-theme .status-ready{color:#2dd4a8;border-color:rgba(45,212,168,.3);background:rgba(45,212,168,.08)}.dark-theme .status-failed{color:#ff8a8a;border-color:rgba(255,138,138,.3);background:rgba(255,138,138,.08)}.dark-theme .status-processing{color:#f0c048;border-color:rgba(240,192,72,.3);background:rgba(240,192,72,.08)}.dark-theme .mono{color:#6a6a7a}.dark-theme .success-text{color:#2dd4a8}.dark-theme .warn{color:#ff8a8a}.dark-theme .assistant-note{color:#6a6a7a}.dark-theme .assistant-reference,.dark-theme .assistant-result,.dark-theme .media-asset-item,.dark-theme .media-cartoon-panel,.dark-theme .media-exercise-item,.dark-theme .media-scene-item,.dark-theme .media-slide-content{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.06);color:#f0ede6}.dark-theme .media-code-block{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08);color:#c0c0d0}.dark-theme .media-match-left{background:rgba(45,212,168,.06);border-color:rgba(255,255,255,.08);color:#f0ede6}.dark-theme .media-match-right{background:rgba(139,92,246,.06);border-color:rgba(255,255,255,.08);color:#f0ede6}.dark-theme .media-svg-placeholder{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.1)}.dark-theme .media-storyboard-text{color:#6a6a7a}.dark-theme .media-assets-list,.dark-theme .media-review-job{border-color:rgba(255,255,255,.06)}.chat-panel{display:flex;flex-direction:column;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;height:520px}.chat-ai-disclosure{font-size:.72rem;color:#6a6a7a;text-align:center;padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.04);background:rgba(255,255,255,.01)}.chat-messages{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.chat-bubble{max-width:85%;padding:.7rem 1rem;border-radius:14px;line-height:1.55}.chat-user{align-self:flex-end;background:rgba(45,212,168,.12);border:1px solid rgba(45,212,168,.2);color:#e0ede8}.chat-assistant{align-self:flex-start;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);color:#c8c8d4}.chat-muted .chat-text{color:#6a6a7a;font-style:italic}.chat-text{margin:0;font-size:.9rem;white-space:pre-line}.chat-typing{color:#55556a;animation:chat-pulse 1.5s ease-in-out infinite}@keyframes chat-pulse{0%,to{opacity:1}50%{opacity:.4}}.chat-cursor{display:inline-block;width:2px;height:1em;background:#2dd4a8;margin-left:2px;vertical-align:text-bottom;animation:chat-cursor-blink .8s step-end infinite}@keyframes chat-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.chat-refs{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.5rem}.chat-ref-tag{font-size:.7rem;padding:.15rem .5rem;border-radius:999px;background:rgba(45,212,168,.06);border:1px solid rgba(45,212,168,.12);color:#2dd4a8;cursor:default}.chat-input-bar{display:flex;align-items:flex-end;gap:.5rem;padding:.75rem 1rem;border-top:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}.chat-input{flex:1;resize:none;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.6rem .85rem;background:rgba(255,255,255,.04);color:#f0ede6;font-family:var(--font-body,"Inter",sans-serif);font-size:.9rem;outline:none;max-height:120px;overflow-y:auto}.chat-input:focus{border-color:rgba(45,212,168,.4)}.chat-input::-moz-placeholder{color:#55556a}.chat-input::placeholder{color:#55556a}.chat-send{flex-shrink:0;width:36px;height:36px;border-radius:10px;border:1px solid rgba(45,212,168,.3);background:rgba(45,212,168,.1);color:#2dd4a8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease}.chat-send:hover:not(:disabled){background:rgba(45,212,168,.2);border-color:rgba(45,212,168,.5)}.chat-send:disabled{opacity:.3;cursor:not-allowed}.chat-suggestions{display:flex;gap:.4rem;flex-wrap:wrap;padding:.25rem 0 0;max-width:85%}.chat-suggestion{font-size:.8rem;padding:.4rem .75rem;border-radius:999px;background:rgba(45,212,168,.06);border:1px solid rgba(45,212,168,.15);color:#2dd4a8;cursor:pointer;font-family:var(--font-body,"Inter",sans-serif);transition:background .2s ease,border-color .2s ease,transform .1s ease;white-space:nowrap}.chat-suggestion:hover:not(:disabled){background:rgba(45,212,168,.14);border-color:rgba(45,212,168,.35);transform:translateY(-1px)}.chat-suggestion:active:not(:disabled){transform:translateY(0)}.chat-suggestion:disabled{opacity:.4;cursor:not-allowed}@media (max-width:640px){.chat-panel{height:440px}.chat-bubble,.chat-suggestions{max-width:92%}.chat-suggestion{font-size:.75rem;padding:.35rem .6rem}}.lesson-app-wrap{padding:1.5rem 1rem 3rem}.lesson-shell{max-width:720px;margin:0 auto;position:relative;z-index:3;display:grid;gap:2rem;padding-bottom:3rem}.lesson-header{display:grid;gap:.5rem}.lesson-back{display:inline-flex;align-items:center;gap:.3rem;color:#6a6a7a;font-size:.85rem;text-decoration:none;transition:color .2s}.lesson-back:hover{color:#2dd4a8}.lesson-unit-label{margin:0;font-size:.75rem;font-weight:600;color:#2dd4a8;text-transform:uppercase;letter-spacing:.15em}.lesson-title{margin:0;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:clamp(1.6rem,4vw,2.2rem);font-weight:700;color:#f0ede6;line-height:1.15}.lesson-subtitle{margin:.3rem 0 0;color:#8a8a9a;font-size:.95rem}.step-indicator{gap:0;padding:.5rem 0}.step-dot,.step-indicator{display:flex;align-items:center;justify-content:center}.step-dot{width:36px;height:36px;border-radius:50%;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:.85rem;font-weight:700;border:2px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:#55556a;transition:all .3s ease;flex-shrink:0}.step-dot.active{border-color:#2dd4a8;background:rgba(45,212,168,.15);color:#2dd4a8;box-shadow:0 0 16px rgba(45,212,168,.2)}.step-dot.completed{border-color:rgba(45,212,168,.4);background:rgba(45,212,168,.08);color:#2dd4a8}.step-connector{width:32px;height:2px;background:rgba(255,255,255,.06);flex-shrink:0}.step-connector.completed{background:rgba(45,212,168,.3)}.step-content{display:grid;gap:1.25rem;min-height:300px;animation:step-fade-in .4s ease-out}@keyframes step-fade-in{0%{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}.step-title{margin:0;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:1.3rem;font-weight:700;color:#f0ede6;text-align:center}.step-nav{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.06)}.step-nav-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;border-radius:12px;border:1px solid rgba(45,212,168,.3);background:rgba(45,212,168,.08);color:#2dd4a8;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:.95rem;font-weight:600;cursor:pointer;transition:background .25s ease,border-color .25s ease,transform .15s ease;text-decoration:none}.step-nav-btn:hover{background:rgba(45,212,168,.16);border-color:rgba(45,212,168,.5);transform:translateY(-1px)}.step-nav-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.step-nav-btn.secondary{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:#8a8a9a}.step-nav-btn.secondary:hover{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#c0c0d0}.narrator-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2rem 1.5rem 1.25rem;text-align:center;display:grid;gap:1rem}.narrator-text{font-size:1.15rem;line-height:1.8;min-height:80px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.3rem}.narrator-word{display:inline-block;opacity:0;filter:blur(8px);color:transparent;text-shadow:none;transition:opacity var(--wd,.2s) ease-out,filter var(--wd,.2s) ease-out,color var(--wd,.2s) ease-out,text-shadow var(--wd,.2s) ease-out}.narrator-word.spoken{opacity:.75!important;filter:blur(0);color:#c8c8d4;text-shadow:none}.narrator-word.active{opacity:1!important;filter:blur(0);color:#2dd4a8;text-shadow:0 0 12px rgba(45,212,168,.5),0 0 4px rgba(45,212,168,.3)}.narrator-layout{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;align-items:center;min-height:180px}.narrator-text-col{display:flex;flex-direction:column;gap:1rem}.narrator-viz-col{display:flex;align-items:center;justify-content:center}.visualizer-container{position:relative;width:100%;max-width:200px;aspect-ratio:1/1;border-radius:50%;background:transparent;border:2px solid rgba(45,212,168,.12);overflow:hidden}.visualizer-canvas{width:100%;height:100%;display:block}@media (max-width:640px){.narrator-layout{grid-template-columns:1fr}.narrator-viz-col{max-height:120px}}.narrator-controls{gap:.75rem}.narrator-controls,.narrator-play-btn{display:flex;align-items:center;justify-content:center}.narrator-play-btn{width:44px;height:44px;border-radius:50%;border:2px solid rgba(45,212,168,.4);background:rgba(45,212,168,.1);color:#2dd4a8;font-size:1.1rem;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease}.narrator-play-btn:hover{background:rgba(45,212,168,.2);border-color:rgba(45,212,168,.6);transform:scale(1.05)}.narrator-replay-btn{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:#6a6a7a;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s ease,border-color .2s ease}.narrator-replay-btn:hover{color:#c0c0d0;border-color:rgba(255,255,255,.2)}.narrator-unsupported{font-size:.78rem;color:#55556a;font-style:italic}.key-concept-card{background:rgba(45,212,168,.06);border:1px solid rgba(45,212,168,.2);border-radius:14px;padding:1.25rem 1.5rem;text-align:center;display:grid;gap:.35rem}.key-concept-label{font-size:.72rem;font-weight:600;color:#2dd4a8;text-transform:uppercase;letter-spacing:.15em;margin:0}.key-concept-term{font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:1.5rem;font-weight:700;color:#f0ede6;margin:0}.key-concept-definition{font-size:.95rem;color:#8a8a9a;margin:0}.lesson-video-container{border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#000}.lesson-video{width:100%;display:block;aspect-ratio:854/480}.lesson-video-takeaway{background:rgba(45,212,168,.06);border:1px solid rgba(45,212,168,.2);border-radius:14px;padding:1rem 1.25rem;text-align:center}.lesson-video-takeaway>strong{font-size:.72rem;font-weight:600;color:#2dd4a8;text-transform:uppercase;letter-spacing:.15em;display:block;margin:0 0 .35rem}.takeaway-rows p{font-size:.85rem;color:#c8c8d4;margin:.15rem 0;font-weight:500;display:inline}.takeaway-rows p+p:before{content:"  ·  ";color:#4a4a5a}.lesson-exercise-embed{width:100vw;margin-left:calc(-50vw + 50%);height:clamp(420px,calc(100svh - 340px),700px);border-radius:14px;overflow:hidden;border:1px solid rgba(45,212,168,.15);background:#0d121e;display:flex;flex-direction:column;padding:.75rem;box-sizing:border-box}.lesson-exercise-iframe{width:100%;height:70vh;border:none;display:block}.takeaway-good{color:#2dd4a8;font-weight:700}.takeaway-good.glow{text-shadow:0 0 12px rgba(45,212,168,.5),0 0 4px rgba(45,212,168,.3)}.takeaway-bad{color:#f87171;font-weight:700}.takeaway-check{color:#2dd4a8}.takeaway-check,.takeaway-cross{font-weight:700;font-size:1.1rem;margin-right:.3rem}.takeaway-cross{color:#f87171}.lesson-exercise-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:14px;background:rgba(45,212,168,.06);border:1px solid rgba(45,212,168,.2);text-decoration:none;color:#f0ede6;transition:background .25s ease,border-color .25s ease,transform .15s ease;cursor:pointer}.lesson-exercise-card:hover{background:rgba(45,212,168,.12);border-color:rgba(45,212,168,.4);transform:translateY(-2px)}.lesson-exercise-card.lesson-exercise-coming{opacity:.5;cursor:default;pointer-events:none}.lesson-exercise-icon{font-size:2rem;flex-shrink:0}.lesson-exercise-card strong{display:block;font-size:1rem;margin-bottom:.15rem}.lesson-exercise-card p{margin:0;font-size:.85rem;color:#8a8a9a}.lesson-exercise-arrow{margin-left:auto;font-size:1.3rem;color:#2dd4a8;flex-shrink:0}.lesson-summary-cards{display:grid;gap:.6rem}.lesson-summary-item{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}.lesson-summary-icon{font-size:1.5rem;flex-shrink:0}.lesson-summary-item strong{display:block;color:#f0ede6;margin-bottom:.15rem;font-size:.95rem}.lesson-summary-item p{margin:0;color:#8a8a9a;font-size:.85rem}.lesson-closing{margin:0;color:#8a8a9a;font-size:.92rem;line-height:1.7;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.06)}@media (max-width:600px){.lesson-shell{gap:1.5rem}.step-dot{width:28px;height:28px;font-size:.75rem}.step-connector{width:20px}.narrator-text{font-size:1rem}.step-nav-btn{padding:.6rem 1rem;font-size:.85rem}.narrator-card{padding:1.25rem 1rem 1rem}}.exercise-app-wrap{padding:1.5rem 1rem 3rem;min-height:100dvh;display:flex;flex-direction:column}.exercise-shell{max-width:1280px;margin:0 auto;position:relative;z-index:3;display:flex;flex-direction:column;gap:1rem;flex:1;min-height:0;height:calc(100dvh - 4.5rem)}.exercise-header{display:flex;align-items:center;gap:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.exercise-title{margin:0;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:1.4rem;font-weight:700;color:#f0ede6}.exercise-layout{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;align-items:stretch;flex:1;min-height:0;height:100%}.exercise-left{display:flex;flex-direction:column}.exercise-left,.exercise-right{min-height:0;overflow:hidden;height:100%}.exercise-right{display:grid;grid-template-rows:1fr 1fr;gap:.5rem}.target-panel{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:.75rem;display:grid;grid-template-rows:auto 1fr;gap:.4rem;min-height:0;overflow:hidden}.target-panel-label{margin:0;font-size:.72rem;font-weight:600;color:#55556a;text-transform:uppercase;letter-spacing:.1em}.target-image-container{position:relative;min-height:0;overflow:hidden;background:#0e0f17}.target-image,.target-image-container{width:100%;height:100%;border-radius:10px}.target-image{-o-object-fit:contain;object-fit:contain;display:block}.target-image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:rgba(255,255,255,.02);border:1px dashed rgba(255,255,255,.1);border-radius:10px}.target-placeholder-icon{font-size:2.5rem;opacity:.4}.target-placeholder-text{font-size:.8rem;color:#55556a}.target-highlight{position:absolute;border:2px solid #f0c048;border-radius:6px;box-shadow:0 0 0 4px rgba(240,192,72,.15),0 0 18px rgba(240,192,72,.3);animation:highlight-pulse 1.5s ease-in-out infinite;pointer-events:none;display:flex;flex-direction:column;align-items:center}@keyframes highlight-pulse{0%,to{box-shadow:0 0 0 4px rgba(240,192,72,.15),0 0 18px rgba(240,192,72,.3);border-color:#f0c048}50%{box-shadow:0 0 0 8px rgba(240,192,72,.08),0 0 32px rgba(240,192,72,.5);border-color:#ffd84a}}.target-hint-tooltip{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);background:rgba(20,20,30,.92);border:1px solid rgba(240,192,72,.3);border-radius:8px;padding:.35rem .65rem;font-size:.78rem;color:#f0c048;white-space:nowrap;pointer-events:none;z-index:10;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.exercise-chat-panel{display:flex;flex-direction:column;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:14px;overflow:hidden;min-height:0;flex:1;height:100%}.exercise-instruction{display:flex;align-items:flex-start;gap:.5rem;padding:.65rem .85rem;border-bottom:1px solid rgba(255,255,255,.04);background:rgba(45,212,168,.04);flex-shrink:0}.exercise-instruction-icon{font-size:.9rem;flex-shrink:0;margin-top:.1rem}.exercise-instruction-text{margin:0;font-size:.82rem;color:#8a9e98;line-height:1.5}.exercise-chat-messages{flex:1;overflow-y:auto;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.6rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent;min-height:0}.exercise-chat-footer{display:flex;flex-direction:column;gap:.3rem;padding:.6rem .85rem .75rem;border-top:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);flex-shrink:0}.exercise-input-hint{margin:0;font-size:.75rem;color:#ff8a8a}.exercise-hint-row{display:flex;align-items:center;justify-content:flex-end;padding-top:.2rem}.hint-button{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-radius:10px;border:1px solid rgba(240,192,72,.3);background:rgba(240,192,72,.08);color:#f0c048;font-family:var(--font-body,"Inter",sans-serif);font-size:.82rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .1s ease}.hint-button:hover:not(:disabled){background:rgba(240,192,72,.16);border-color:rgba(240,192,72,.5);transform:translateY(-1px)}.hint-button:active:not(:disabled){transform:translateY(0)}.hint-button:disabled{opacity:.35;cursor:not-allowed;transform:none}.hint-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:rgba(240,192,72,.2);font-size:.7rem;font-weight:700;line-height:1}.canvas-panel{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:.75rem;display:grid;grid-template-rows:auto 1fr;gap:.4rem;min-height:0;overflow:hidden}.canvas-panel-label{margin:0;font-size:.72rem;font-weight:600;color:#55556a;text-transform:uppercase;letter-spacing:.1em}.canvas-stage{position:relative;width:100%;height:100%;min-height:0;border-radius:10px;overflow:hidden;background:#0a0b13;border:1px solid rgba(255,255,255,.05)}.canvas-layer{position:absolute;inset:0;transition:opacity .5s ease}.canvas-layer-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:0}.canvas-layer-img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.canvas-layer-id{font-size:.72rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;color:rgba(255,255,255,.3);-webkit-user-select:none;-moz-user-select:none;user-select:none;text-transform:lowercase;letter-spacing:.05em}.canvas-empty{position:absolute;font-size:.82rem;color:#55556a}.canvas-empty,.completion-overlay{inset:0;display:flex;align-items:center;justify-content:center}.completion-overlay{position:fixed;z-index:100;background:rgba(5,5,10,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:1.5rem;animation:overlay-fade-in .35s ease-out forwards}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.completion-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti-piece{position:absolute;width:8px;height:8px;border-radius:2px;top:-12px;left:calc(var(--i) * 5.8%);background:hsl(calc(var(--i) * 21),70%,65%);animation:confetti-fall calc(2.2s + var(--i) * .15s) ease-in calc(var(--i) * .08s) forwards;transform-origin:center}@keyframes confetti-fall{0%{top:-12px;transform:rotate(0deg) scale(1);opacity:1}70%{opacity:1}to{top:110vh;transform:rotate(calc(var(--i) * 47deg + 1turn)) scale(.8);opacity:0}}.completion-card{position:relative;z-index:1;background:rgba(14,15,24,.95);border:1px solid rgba(45,212,168,.25);border-radius:20px;padding:2.5rem 2rem;text-align:center;display:grid;gap:.75rem;max-width:380px;width:100%;box-shadow:0 0 60px rgba(45,212,168,.12);animation:card-pop .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes card-pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.completion-icon{font-size:3.5rem;line-height:1;animation:icon-bounce .6s cubic-bezier(.34,1.56,.64,1) .25s both}@keyframes icon-bounce{0%{transform:scale(0)}to{transform:scale(1)}}.completion-title{margin:0;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:2rem;font-weight:700;background:linear-gradient(135deg,#f0ede6,#2dd4a8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.completion-stat{margin:0;font-size:1.05rem;color:#c8c8d4;font-weight:500}.completion-stat-minor{font-size:.9rem;color:#6a6a7a}.completion-return-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:.5rem;padding:.75rem 2rem;border-radius:12px;border:1px solid rgba(45,212,168,.4);background:rgba(45,212,168,.12);color:#2dd4a8;font-family:var(--font-display,"Space Grotesk",sans-serif);font-size:1rem;font-weight:600;text-decoration:none;letter-spacing:.04em;cursor:pointer;transition:background .25s ease,border-color .25s ease,transform .15s ease}.completion-return-btn:hover{background:rgba(45,212,168,.2);border-color:rgba(45,212,168,.6);transform:translateY(-1px)}.completion-return-btn:active{transform:translateY(0)}@media (max-width:860px){.lesson-exercise-embed{width:100%;margin-left:0;height:clamp(560px,calc(100svh - 280px),900px)}}@media (max-width:640px){.exercise-layout{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.exercise-right{order:-1}}@media (max-width:600px){.exercise-app-wrap{padding:1rem .75rem 2.5rem}.exercise-shell{height:calc(100dvh - 3.5rem)}.exercise-title{font-size:1.1rem}.completion-card{padding:2rem 1.25rem}.completion-title{font-size:1.6rem}}