.live-lab-theme{--ll-ink:#17213d;--ll-paper:#fffdf8;--ll-canvas:#f7f2e7;--ll-yellow:#ffd84d;--ll-blue:#62c6ff;--ll-green:#78e08f;--ll-purple:#b992ff;--ll-coral:#ff8b79;--ll-muted:#515a73;--ll-line:3px solid var(--ll-ink);background:var(--ll-canvas);min-height:100vh;color:var(--ll-ink)}.live-lab-theme *{box-sizing:border-box}.live-lab-theme button,.live-lab-theme a,.live-lab-theme input,.live-lab-theme textarea{font:inherit}.live-lab-theme svg{flex:none;width:1.15em;height:1.15em}.ll-button{border:var(--ll-line);min-height:44px;color:var(--ll-ink);cursor:pointer;box-shadow:4px 4px 0 var(--ll-ink);border-radius:10px;justify-content:center;align-items:center;gap:.55rem;padding:.65rem 1rem;font-size:.78rem;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.ll-button:hover:not(:disabled){box-shadow:2px 2px 0 var(--ll-ink);transform:translate(2px,2px)}.ll-button:disabled{opacity:.48;cursor:not-allowed;box-shadow:2px 2px 0 var(--ll-ink)}.ll-button--large{min-height:54px;padding:.85rem 1.35rem;font-size:.9rem}.ll-button--ink{background:var(--ll-ink);color:#fff;box-shadow:4px 4px #5846a6}.ll-button--paper{background:var(--ll-paper)}.ll-button--green{background:var(--ll-green)}.ll-button--coral{background:var(--ll-coral)}.ll-live-pill{border:2px solid var(--ll-ink);background:var(--ll-paper);letter-spacing:.08em;text-transform:uppercase;box-shadow:3px 3px 0 var(--ll-ink);border-radius:999px;align-items:center;gap:.6rem;padding:.45rem .75rem;font-size:.72rem;font-weight:800;display:inline-flex}.ll-live-pill span,.ll-live-dot{border:2px solid var(--ll-ink);background:#ff5268;border-radius:50%;width:10px;height:10px;animation:1.8s ease-in-out infinite ll-pulse;display:inline-block}@keyframes ll-pulse{0%,to{transform:scale(.8)}50%{transform:scale(1.15)}}.ll-section-heading>span{color:#5846a6;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.65rem;font-size:.72rem;font-weight:800;display:block}.ll-section-heading h1,.ll-section-heading h2{letter-spacing:-.045em;margin:0;line-height:1.04}.ll-section-heading h1{font-size:clamp(2rem,4vw,3.9rem)}.ll-section-heading h2{font-size:clamp(1.45rem,2.5vw,2.3rem)}.ll-section-heading p{max-width:700px;color:var(--ll-muted);margin-top:1rem;font-size:.95rem;line-height:1.75}.ll-landing{padding-top:118px;overflow:hidden}.ll-hero{grid-template-columns:minmax(0,1fr) minmax(440px,.92fr);align-items:center;gap:5vw;max-width:1240px;min-height:690px;margin:0 auto;padding:65px 28px 80px;display:grid;position:relative}.ll-hero:before{content:"";border:3px solid var(--ll-ink);background:var(--ll-yellow);z-index:0;border-radius:50%;width:520px;height:520px;position:absolute;top:40px;right:-160px}.ll-hero-copy,.ll-hero-visual{z-index:1;position:relative}.ll-hero h1{letter-spacing:-.07em;margin:1.4rem 0 1.25rem;font-size:clamp(3rem,6vw,5.8rem);line-height:.93}.ll-hero h1 em{color:#6246d8;font-style:normal}.ll-hero-copy>p{max-width:650px;color:var(--ll-muted);font-size:1.08rem;line-height:1.75}.ll-hero-actions{flex-wrap:wrap;gap:14px;margin-top:2rem;display:flex}.ll-hero ul{flex-wrap:wrap;gap:10px 22px;margin:2rem 0 0;padding:0;list-style:none;display:flex}.ll-hero li{align-items:center;gap:.35rem;font-size:.74rem;font-weight:700;display:flex}.ll-hero li svg{border:2px solid var(--ll-ink);background:var(--ll-green);border-radius:50%;padding:2px}.ll-hero-screen{border:var(--ll-line);background:var(--ll-paper);box-shadow:14px 14px 0 var(--ll-ink);border-radius:18px;flex-direction:column;display:flex;position:absolute;inset:55px 20px 70px 0;overflow:hidden;transform:rotate(1.5deg)}.ll-hero-screen header{border-bottom:var(--ll-line);align-items:center;gap:10px;padding:16px 20px;font-size:.83rem;font-weight:800;display:flex}.ll-hero-screen header b{border:2px solid var(--ll-ink);color:#fff;background:#ff5268;border-radius:6px;margin-left:auto;padding:.3rem .5rem;font-size:.65rem}.ll-hero-pattern{background:#edf8ff;flex:1;justify-content:center;align-items:center;gap:10px;padding:30px;display:flex}.ll-hero-pattern span,.ll-hero-pattern strong{border:var(--ll-line);width:62px;height:62px;box-shadow:4px 4px 0 var(--ll-ink);background:#fff;border-radius:12px;place-items:center;font-size:1.8rem;display:grid}.ll-hero-pattern strong{background:var(--ll-yellow)}.ll-hero-screen footer{border-top:var(--ll-line);grid-template-columns:repeat(3,1fr);display:grid}.ll-hero-screen footer div{align-items:center;gap:10px;padding:14px;display:flex}.ll-hero-screen footer div+div{border-left:2px solid var(--ll-ink)}.ll-hero-screen footer i{border:2px solid var(--ll-ink);background:var(--ll-green);border-radius:50%;place-items:center;width:28px;height:28px;font-style:normal;font-weight:800;display:grid}.ll-hero-screen footer span{font-size:.65rem;font-weight:700}.ll-floating-card{border:var(--ll-line);box-shadow:6px 6px 0 var(--ll-ink);z-index:2;background:#fff;border-radius:12px;align-items:center;gap:10px;padding:12px 15px;display:flex;position:absolute}.ll-floating-card>svg{width:28px;height:28px}.ll-floating-card div{display:grid}.ll-floating-card b{font-size:.75rem}.ll-floating-card span{color:var(--ll-muted);font-size:.6rem}.ll-floating-card--students{background:var(--ll-green);top:12px;right:-10px;transform:rotate(3deg)}.ll-floating-card--spotlight{background:var(--ll-purple);bottom:20px;left:-35px;transform:rotate(-3deg)}.ll-orbit{border:2px dashed var(--ll-ink);opacity:.32;border-radius:50%;animation:28s linear infinite ll-spin;position:absolute}.ll-orbit--one{inset:5px 20px 0 -45px}.ll-orbit--two{animation-duration:19s;animation-direction:reverse;inset:70px -35px 55px 35px}@keyframes ll-spin{to{transform:rotate(360deg)}}.ll-feature-strip{grid-template-columns:repeat(3,1fr);max-width:1240px;margin:0 auto;padding:0 28px 90px;display:grid}.ll-feature-strip article{border:var(--ll-line);background:var(--ll-paper);grid-template-columns:auto 1fr;gap:16px;padding:28px;display:grid}.ll-feature-strip article+article{border-left:0}.ll-feature-strip article:first-child{background:#fff8d5}.ll-feature-strip article:nth-child(2){background:#e8f9ec;transform:translateY(12px)}.ll-feature-strip article:nth-child(3){background:#f0e8ff}.ll-feature-strip article>span{font-size:.68rem;font-weight:800}.ll-feature-strip svg{width:26px;height:26px;margin-bottom:1rem}.ll-feature-strip h2{margin:0;font-size:1.05rem}.ll-feature-strip p{color:var(--ll-muted);margin-top:.5rem;font-size:.78rem;line-height:1.6}.ll-lessons-showcase{border-block:var(--ll-line);background:#fff;padding:90px max(28px,50vw - 592px)}.ll-lessons-showcase>.ll-section-heading{grid-template-columns:.6fr 1.2fr 1fr;align-items:end;gap:28px;display:grid}.ll-lessons-showcase>.ll-section-heading>span{align-self:start}.ll-lessons-showcase>.ll-section-heading p{margin:0}.ll-showcase-grid{grid-template-columns:repeat(2,1fr);gap:28px;margin-top:46px;display:grid}.ll-showcase-grid article{border:var(--ll-line);min-height:360px;box-shadow:8px 8px 0 var(--ll-ink);background:#ddf3ff;border-radius:16px;padding:32px;position:relative;overflow:hidden}.ll-showcase-grid article.is-code{background:#e9dcff}.ll-showcase-number{color:#727b94;font-size:9rem;font-weight:800;line-height:1;position:absolute;top:-25px;right:12px}.ll-showcase-icon{border:var(--ll-line);background:var(--ll-paper);width:74px;height:74px;box-shadow:5px 5px 0 var(--ll-ink);border-radius:16px;place-items:center;display:grid}.ll-showcase-icon svg{width:38px;height:38px}.ll-showcase-grid article>span{letter-spacing:.12em;margin-top:1.8rem;font-size:.7rem;font-weight:800;display:block}.ll-showcase-grid h3{letter-spacing:-.04em;margin:.5rem 0;font-size:2rem}.ll-showcase-grid p{color:#49516c;max-width:500px;font-size:.86rem;line-height:1.7}.ll-showcase-grid footer{gap:8px;display:flex;position:absolute;bottom:28px;left:32px;right:32px}.ll-showcase-grid footer b{border:2px solid var(--ll-ink);background:#fff;border-radius:999px;padding:.4rem .65rem;font-size:.62rem}.ll-page{max-width:1240px;margin:0 auto;padding:160px 28px 80px}.ll-page-header{max-width:860px;margin-bottom:54px}.ll-page-header h1{letter-spacing:-.065em;margin:1.3rem 0 1rem;font-size:clamp(2.8rem,6vw,5.3rem);line-height:.95}.ll-page-header p{max-width:700px;color:var(--ll-muted);font-size:1rem;line-height:1.7}.ll-create-layout{grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:28px;display:grid}.ll-create-main,.ll-recent-rooms{border:var(--ll-line);background:var(--ll-paper);box-shadow:7px 7px 0 var(--ll-ink);border-radius:16px;padding:28px}.ll-lesson-picker{gap:16px;margin-top:28px;display:grid}.ll-lesson-picker>button{text-align:left;cursor:pointer;background:#fff;border:3px solid #b8bdd0;border-radius:14px;grid-template-columns:180px 1fr;align-items:stretch;gap:24px;padding:0;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid;overflow:hidden}.ll-lesson-picker>button:hover,.ll-lesson-picker>button.is-selected{border-color:var(--ll-ink);box-shadow:5px 5px 0 var(--ll-ink);transform:translate(-2px,-2px)}.ll-lesson-art{border-right:var(--ll-line);background:#dff5ff;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:190px;display:flex}.ll-lesson-art--code{background:#ecddff}.ll-lesson-art svg{width:52px;height:52px}.ll-lesson-art span{font-family:monospace;font-size:.75rem;font-weight:800}.ll-lesson-copy{padding:22px 22px 18px 0}.ll-lesson-copy>span{text-transform:uppercase;font-size:.65rem;font-weight:800}.ll-lesson-copy h2{margin:.4rem 0;font-size:1.35rem}.ll-lesson-copy p{color:var(--ll-muted);font-size:.76rem;line-height:1.6}.ll-lesson-copy footer{align-items:center;margin-top:16px;display:flex}.ll-lesson-copy footer b{font-size:.67rem}.ll-lesson-copy footer i{border:2px solid var(--ll-ink);background:var(--ll-green);border-radius:50%;place-items:center;width:28px;height:28px;margin-left:auto;display:grid}.ll-create-action{border-top:2px dashed #aeb3c3;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding-top:24px;display:flex}.ll-create-action>div{display:grid}.ll-create-action b{font-size:.75rem}.ll-create-action span{color:var(--ll-muted);font-size:.67rem}.ll-recent-rooms{background:#edf8ff;position:sticky;top:122px}.ll-recent-rooms .ll-section-heading h2{font-size:1.6rem}.ll-empty-recent{text-align:center;border:2px dashed #8991aa;border-radius:12px;place-items:center;min-height:220px;margin-top:20px;display:grid}.ll-empty-recent svg{width:36px;height:36px}.ll-empty-recent p{max-width:180px;color:var(--ll-muted);font-size:.76rem}.ll-room-list{gap:10px;margin-top:22px;display:grid}.ll-room-list button{border:2px solid var(--ll-ink);text-align:left;cursor:pointer;background:#fff;border-radius:10px;gap:4px;padding:14px 42px 14px 14px;display:grid;position:relative}.ll-room-list button:hover{transform:translate(3px)}.ll-room-list button>svg{position:absolute;top:50%;right:14px;transform:translateY(-50%)}.ll-room-list strong{font-size:.78rem}.ll-room-list small{color:var(--ll-muted);font-size:.62rem}.ll-room-status{border:2px solid var(--ll-ink);background:var(--ll-yellow);border-radius:999px;width:max-content;padding:.2rem .45rem;font-size:.55rem;font-weight:800;display:inline-flex}.ll-room-status--live{background:var(--ll-green)}.ll-room-status--ended{background:#d7d9e2}.ll-join-page{background-color:#eaf8ff;background-image:radial-gradient(var(--ll-ink) 1px,transparent 1px);background-size:24px 24px;place-items:center;min-height:100vh;padding:150px 28px 70px;display:grid}.ll-join-shell{border:var(--ll-line);background:var(--ll-paper);max-width:1080px;box-shadow:12px 12px 0 var(--ll-ink);border-radius:20px;grid-template-columns:1fr 480px;display:grid;overflow:hidden}.ll-join-copy{border-right:var(--ll-line);background:var(--ll-blue);padding:54px}.ll-join-copy h1{letter-spacing:-.06em;margin:1.5rem 0 1rem;font-size:3.5rem;line-height:.98}.ll-join-copy>p{color:#35405f;max-width:450px;font-size:.9rem;line-height:1.7}.ll-join-demo{gap:7px;margin-top:38px;display:flex}.ll-join-demo span{border:var(--ll-line);width:45px;height:52px;box-shadow:3px 3px 0 var(--ll-ink);background:#fff;border-radius:8px;place-items:center;font-weight:800;display:grid;transform:rotate(-2deg)}.ll-join-demo span:nth-child(2n){background:var(--ll-yellow);transform:translateY(5px)rotate(2deg)}.ll-join-form{flex-direction:column;justify-content:center;padding:54px;display:flex}.ll-join-form label{font-size:.82rem;font-weight:800}.ll-code-input-wrap{margin:14px 0 18px;position:relative}.ll-code-input-wrap input{border:var(--ll-line);letter-spacing:.28em;text-transform:uppercase;width:100%;box-shadow:5px 5px 0 var(--ll-ink);background:#fff;border-radius:10px;outline:none;padding:19px 70px 19px 20px;font-size:2rem;font-weight:800}.ll-code-input-wrap input:focus{background:#fff9d9}.ll-code-input-wrap span{color:var(--ll-muted);font-size:.65rem;font-weight:800;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.ll-join-form>p{color:var(--ll-muted);text-align:center;margin-top:16px;font-size:.65rem;line-height:1.5}.ll-form-error{border:2px solid var(--ll-ink);color:#862c28;background:#ffe2dc;border-radius:8px;margin:12px 0;padding:10px 12px;font-size:.72rem;font-weight:700}.ll-room{max-width:1500px;margin:0 auto;padding:118px 20px 50px}.ll-room-topbar{z-index:80;border:var(--ll-line);min-height:70px;box-shadow:6px 6px 0 var(--ll-ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf8f5;border-radius:14px;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin-bottom:18px;padding:10px 14px;display:grid;position:sticky;top:98px}.ll-room-brand{color:var(--ll-ink);align-items:center;gap:9px;font-weight:800;text-decoration:none;display:flex}.ll-room-identity,.ll-room-actions{align-items:center;gap:10px;display:flex}.ll-room-actions{justify-content:flex-end}.ll-connection{border:2px solid var(--ll-ink);text-transform:uppercase;background:#d7d9e2;border-radius:999px;padding:.32rem .55rem;font-size:.58rem;font-weight:800}.ll-connection--live{background:var(--ll-green)}.ll-connection--reconnecting{background:var(--ll-yellow)}.ll-code-button{border:2px solid var(--ll-ink);background:var(--ll-yellow);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;display:flex;position:relative}.ll-code-button span{text-transform:uppercase;font-size:.56rem;font-weight:700}.ll-code-button strong{letter-spacing:.1em;font-size:.9rem}.ll-code-button em{border:2px solid var(--ll-ink);background:var(--ll-ink);color:#fff;border-radius:6px;padding:.3rem .5rem;font-size:.58rem;font-style:normal;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.ll-room-count{align-items:center;gap:5px;font-size:.68rem;font-weight:800;display:flex}.ll-me-chip{border:2px solid var(--ll-ink);background:#fff;border-radius:999px;align-items:center;gap:8px;padding-right:10px;font-size:.68rem;font-weight:800;display:flex}.ll-panel{border:var(--ll-line);background:var(--ll-paper);box-shadow:5px 5px 0 var(--ll-ink);border-radius:14px;overflow:hidden}.ll-panel-head{border-bottom:2px solid var(--ll-ink);background:#fff;justify-content:space-between;align-items:center;min-height:66px;padding:13px 16px;display:flex}.ll-panel-head span{color:#626982;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px;font-size:.55rem;font-weight:800;display:block}.ll-panel-head h2{letter-spacing:-.02em;margin:0;font-size:1rem}.ll-notice{border:var(--ll-line);background:var(--ll-yellow);max-width:1000px;box-shadow:5px 5px 0 var(--ll-ink);border-radius:12px;gap:15px;margin:0 auto 20px;padding:17px 20px;display:flex}.ll-notice--blue{background:var(--ll-blue)}.ll-notice--purple{background:var(--ll-purple)}.ll-notice--coral{background:var(--ll-coral)}.ll-notice--green{background:var(--ll-green)}.ll-notice-icon{border:2px solid var(--ll-ink);background:#fff;border-radius:9px;place-items:center;width:40px;height:40px;display:grid}.ll-notice-icon svg{width:22px;height:22px}.ll-notice h2{margin:0;font-size:1rem}.ll-notice p{color:#35405f;margin:.2rem 0 0;font-size:.73rem}.ll-error-banner{border:var(--ll-line);color:#7c2520;background:#ffdcd6;border-radius:10px;margin:0 auto 16px;padding:12px 16px;font-size:.74rem;font-weight:800}.ll-teacher-grid{grid-template-columns:250px minmax(480px,1fr) 285px;align-items:start;gap:18px;display:grid}.ll-step-list{max-height:680px;display:grid;overflow:auto}.ll-step-list button{color:var(--ll-ink);text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #ced1dc;grid-template-columns:34px 1fr;align-items:center;gap:10px;padding:12px;display:grid}.ll-step-list button:hover{background:#f3f0ff}.ll-step-list button.is-active{background:var(--ll-yellow)}.ll-step-list button.is-past{background:#e7f8eb}.ll-step-list button>span{border:2px solid var(--ll-ink);background:#fff;border-radius:8px;place-items:center;width:30px;height:30px;font-size:.68rem;font-weight:800;display:grid}.ll-step-list button div{display:grid}.ll-step-list button b{color:#646b82;text-transform:uppercase;font-size:.52rem}.ll-step-list button strong{font-size:.68rem;line-height:1.3}.ll-teacher-stage{min-width:0}.ll-presentation{border:var(--ll-line);min-height:530px;box-shadow:8px 8px 0 var(--ll-ink);background:#fff8d6;border-radius:18px;padding:48px;position:relative;overflow:hidden}.ll-accent--blue{background:#e1f5ff}.ll-accent--green{background:#e6f9ea}.ll-accent--purple{background:#efe5ff}.ll-accent--coral{background:#ffe8e2}.ll-presentation:after{content:"";border:3px dashed var(--ll-ink);opacity:.15;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-70px;right:-70px}.ll-presentation-kicker{color:#4e5670;text-transform:uppercase;align-items:center;gap:10px;font-size:.68rem;font-weight:800;display:flex}.ll-presentation-kicker span{border:2px solid var(--ll-ink);width:34px;height:34px;color:var(--ll-ink);background:#fff;border-radius:50%;place-items:center;display:grid}.ll-presentation h1{letter-spacing:-.06em;max-width:800px;margin:1.3rem 0 .8rem;font-size:clamp(2.1rem,4vw,4rem);line-height:1}.ll-presentation-prompt{color:#4d5671;max-width:760px;font-size:.95rem;line-height:1.65}.ll-pattern-stage{z-index:1;flex-wrap:wrap;justify-content:center;gap:12px;margin:42px 0;display:flex;position:relative}.ll-pattern-stage span{border:var(--ll-line);width:72px;height:72px;box-shadow:4px 4px 0 var(--ll-ink);background:#fff;border-radius:14px;place-items:center;font-size:2rem;animation:3.4s ease-in-out infinite ll-float;display:grid}.ll-pattern-stage span:nth-child(2n){animation-delay:-1.7s}.ll-pattern-stage span.is-question{background:var(--ll-yellow);font-size:1.8rem;font-weight:800}@keyframes ll-float{50%{transform:translateY(-7px)rotate(1deg)}}.ll-code-stage{border:var(--ll-line);background:var(--ll-ink);color:#fff;border-radius:14px;align-items:center;gap:18px;margin:42px 0;padding:24px;display:flex;box-shadow:7px 7px #7355d7}.ll-code-stage svg{width:46px;height:46px;color:var(--ll-green)}.ll-code-stage div{display:grid}.ll-code-stage strong{font-size:1.15rem}.ll-code-stage span{color:#aeb5c9;font-family:monospace;font-size:.72rem}.ll-explanation{background:#ffffff8c;border:2px dashed #747c94;border-radius:12px;gap:12px;max-width:750px;padding:14px;display:flex}.ll-explanation.is-revealed{background:#fff;border-style:solid}.ll-explanation>svg{width:24px;height:24px}.ll-explanation strong{font-size:.72rem}.ll-explanation p{color:#59617a;margin:.2rem 0 0;font-size:.68rem;line-height:1.5}.ll-teacher-note{z-index:1;border-left:5px solid var(--ll-ink);background:#fff9;margin-top:22px;padding:12px 14px;position:relative}.ll-teacher-note b{text-transform:uppercase;font-size:.62rem}.ll-teacher-note p{color:#59617a;margin:.2rem 0 0;font-size:.68rem}.ll-stage-controls{justify-content:space-between;align-items:center;gap:14px;margin-top:18px;display:flex}.ll-stage-controls>span{font-size:.65rem;font-weight:800}.ll-stage-controls .ll-button svg{width:14px;height:14px}.ll-roster-list{max-height:660px;display:grid;overflow:auto}.ll-roster-item{border-bottom:2px solid #d8dae2;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px 12px;display:grid}.ll-roster-item.needs-help{background:#fff1c9}.ll-roster-item>div{min-width:0;display:grid}.ll-roster-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.ll-roster-item>button{border:2px solid var(--ll-ink);cursor:pointer;background:#fff;border-radius:7px;place-items:center;width:31px;height:31px;display:grid}.ll-roster-item>button.is-active{background:var(--ll-purple)}.ll-status{border:1.5px solid var(--ll-ink);background:#e8eaf0;border-radius:999px;width:max-content;margin-top:3px;padding:.18rem .35rem;font-size:.48rem;font-weight:800;display:inline-flex}.ll-status--working{background:#dff4ff}.ll-status--thinking{background:#fff2b7}.ll-status--done{background:#dff6e4}.ll-status--need_help{background:#ffd9d2}.ll-roster-empty{text-align:center;place-items:center;min-height:210px;padding:20px;display:grid}.ll-roster-empty svg{width:36px;height:36px}.ll-roster-empty p{max-width:180px;color:var(--ll-muted);font-size:.7rem}.ll-teacher-console{grid-template-columns:360px minmax(0,1fr);gap:18px;margin-top:20px;display:grid}.ll-mode-tabs{grid-template-columns:repeat(2,1fr);gap:7px;padding:14px;display:grid}.ll-mode-tabs button{border:2px solid var(--ll-ink);cursor:pointer;text-transform:capitalize;background:#fff;border-radius:7px;padding:8px;font-size:.59rem;font-weight:800}.ll-mode-tabs button.is-active{background:var(--ll-purple);box-shadow:2px 2px 0 var(--ll-ink)}.ll-toggle-list{border-top:2px solid var(--ll-ink);display:grid}.ll-toggle-list>button{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #d5d8e1;justify-content:space-between;align-items:center;padding:13px 15px;display:flex}.ll-toggle-list span{display:grid}.ll-toggle-list b{font-size:.7rem}.ll-toggle-list em{color:var(--ll-muted);font-size:.55rem;font-style:normal}.ll-toggle-list i{border:2px solid var(--ll-ink);background:#dadde5;border-radius:999px;width:40px;height:22px;position:relative}.ll-toggle-list i:after{content:"";border:2px solid var(--ll-ink);background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:2px;left:2px}.ll-toggle-list button.is-on i{background:var(--ll-green)}.ll-toggle-list button.is-on i:after{transform:translate(17px)}.ll-gallery-grid{gap:12px;padding:14px;display:flex;overflow-x:auto}.ll-gallery-grid article{border:2px solid var(--ll-ink);background:#fff;border-radius:10px;flex:0 0 230px;overflow:hidden}.ll-gallery-grid article header{border-bottom:2px solid var(--ll-ink);background:#f4f1ff;align-items:center;gap:8px;padding:8px;display:flex}.ll-gallery-grid article header>div{display:grid}.ll-gallery-grid article strong{font-size:.62rem}.ll-gallery-grid article header span{color:var(--ll-muted);font-size:.49rem}.ll-gallery-answer{background:#edf8ff;place-items:center;min-height:105px;font-size:2.3rem;display:grid}.ll-gallery-code{background:var(--ll-ink);color:#dfffe6;white-space:pre-wrap;min-height:105px;margin:0;padding:10px;font-family:monospace;font-size:.59rem;line-height:1.45;overflow:hidden}.ll-gallery-empty{min-height:120px;color:var(--ll-muted);align-items:center;gap:10px;padding:20px;font-size:.7rem;display:flex}.ll-gallery-empty svg{width:26px;height:26px}.ll-avatar{--avatar-color:#62c6ff;border:2px solid var(--ll-ink);background:var(--avatar-color);border-radius:50%;flex:none;place-items:center;display:grid;position:relative;overflow:visible}.ll-avatar img{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 2px #17213d40);width:90%;height:90%}.ll-avatar i{border:2px solid var(--ll-ink);background:#aeb3c0;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.ll-avatar i.is-online{background:#37d67a}.ll-avatar--small{width:40px;height:40px}.ll-avatar--medium{width:58px;height:58px}.ll-avatar--large{border-width:3px;width:112px;height:112px}.ll-student-grid{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:20px;display:grid}.ll-student-main{gap:20px;min-width:0;display:grid}.ll-student-main .ll-presentation{min-height:390px}.ll-student-side{gap:18px;display:grid;position:sticky;top:188px}.ll-workspace{min-height:320px}.ll-choice-grid{grid-template-columns:repeat(3,1fr);gap:14px;padding:26px;display:grid}.ll-choice-grid button{border:var(--ll-line);min-height:120px;box-shadow:4px 4px 0 var(--ll-ink);cursor:pointer;background:#fff;border-radius:14px;font-size:2.4rem;transition:transform .15s,background .15s}.ll-choice-grid button:hover,.ll-choice-grid button.is-selected{background:var(--ll-yellow);box-shadow:7px 7px 0 var(--ll-ink);transform:translate(-2px,-2px)}.ll-workspace-footer{border-top:2px solid var(--ll-ink);background:#fff;justify-content:space-between;align-items:center;gap:16px;padding:15px 18px;display:flex}.ll-feedback,.ll-hint{color:var(--ll-muted);margin:0;font-size:.67rem}.ll-practice-lock{text-align:center;background:#f4f1e8;flex-direction:column;justify-content:center;align-items:center;min-height:250px;padding:30px;display:flex}.ll-practice-lock svg{width:40px;height:40px;margin-bottom:12px}.ll-practice-lock strong{font-size:1rem}.ll-practice-lock span{color:var(--ll-muted);margin-top:5px;font-size:.7rem}.ll-empty-workspace{text-align:center;place-items:center;min-height:250px;padding:30px;display:grid}.ll-empty-workspace svg{width:42px;height:42px}.ll-empty-workspace h3{margin:.8rem 0 .2rem}.ll-empty-workspace p{max-width:390px;color:var(--ll-muted);font-size:.72rem}.ll-editor{border:var(--ll-line);background:#11182d;border-radius:10px;margin:20px;overflow:hidden;box-shadow:5px 5px #7657da}.ll-editor-bar{color:#fff;background:#202942;border-bottom:2px solid #414a65;align-items:center;gap:6px;padding:9px 12px;display:flex}.ll-editor-bar>span{background:#ff6d68;border:1.5px solid #050812;border-radius:50%;width:10px;height:10px}.ll-editor-bar>span:nth-child(2){background:#ffd84d}.ll-editor-bar>span:nth-child(3){background:#78e08f}.ll-editor-bar b{margin-left:9px;font-family:monospace;font-size:.65rem}.ll-editor-bar em{color:#9ba4bd;text-transform:uppercase;margin-left:auto;font-size:.52rem;font-style:normal}.ll-editor-body{grid-template-columns:42px 1fr;min-height:200px;display:grid}.ll-line-numbers{color:#68728f;flex-direction:column;align-items:flex-end;gap:1.5rem;padding:16px 10px;font-family:monospace;font-size:.72rem;display:flex}.ll-editor textarea{resize:vertical;color:#e6f9ea;background:0 0;border:0;outline:0;width:100%;min-height:220px;padding:16px;font-family:Consolas,monospace;font-size:.83rem;line-height:2}.ll-output{border:2px solid var(--ll-ink);background:#f5f3ed;border-radius:9px;margin:0 20px 20px;overflow:hidden}.ll-output>div{border-bottom:2px solid var(--ll-ink);background:#fff;align-items:center;padding:8px 11px;display:flex}.ll-output strong{text-transform:uppercase;font-size:.62rem}.ll-output pre{color:#1c5330;white-space:pre-wrap;min-height:58px;margin:0;padding:12px;font-family:monospace;font-size:.7rem}.ll-output pre.is-error{color:#9d342c}.ll-pass{color:#17733d;align-items:center;gap:4px;margin-left:auto;font-size:.58rem;font-weight:800;display:flex}.ll-signal-buttons{gap:8px;padding:13px;display:grid}.ll-signal-buttons button{border:2px solid var(--ll-ink);text-align:left;cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:10px;padding:10px;display:flex}.ll-signal-buttons button.is-active{background:var(--ll-yellow);box-shadow:3px 3px 0 var(--ll-ink)}.ll-signal-buttons button span{font-size:1.25rem}.ll-signal-buttons button b{font-size:.66rem}.ll-classmate-stack{grid-template-columns:repeat(3,1fr);gap:10px;padding:14px;display:grid}.ll-classmate-stack>div{justify-items:center;gap:3px;display:grid}.ll-classmate-stack>div>span{text-overflow:ellipsis;max-width:74px;font-size:.52rem;font-weight:700;overflow:hidden}.ll-safety-note{border:2px dashed var(--ll-ink);background:#e7f7eb;border-radius:11px;gap:10px;padding:13px;display:flex}.ll-safety-note svg{width:24px;height:24px}.ll-safety-note p{color:#4e5670;margin:0;font-size:.62rem;line-height:1.5}.ll-room--student>.ll-gallery .ll-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));display:grid}.ll-room--student>.ll-gallery .ll-gallery-grid article{width:auto}.ll-spotlight-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#17213db8;place-items:center;padding:24px;animation:.2s ll-fade;display:grid;position:fixed;inset:0}.ll-spotlight{border:4px solid var(--ll-ink);background:var(--ll-yellow);width:min(680px,100%);box-shadow:14px 14px 0 var(--ll-ink);text-align:center;border-radius:20px;padding:34px;position:relative}.ll-spotlight:before,.ll-spotlight:after{content:"✦";color:#7657da;font-size:4rem;position:absolute}.ll-spotlight:before{top:40px;left:45px}.ll-spotlight:after{bottom:45px;right:45px}.ll-spotlight>.ll-avatar{margin:20px auto 12px}.ll-spotlight h2{margin:0;font-size:2rem}.ll-spotlight>p{color:#4d5671;margin:.3rem 0 1.3rem}.ll-spotlight-label{border:2px solid var(--ll-ink);text-transform:uppercase;background:#fff;border-radius:999px;align-items:center;gap:7px;padding:.45rem .7rem;font-size:.65rem;font-weight:800;display:inline-flex}.ll-spotlight-close{border:2px solid var(--ll-ink);cursor:pointer;background:#fff;border-radius:8px;place-items:center;width:36px;height:36px;font-size:1.3rem;display:grid;position:absolute;top:16px;right:16px}.ll-spotlight-work{z-index:1;border:var(--ll-line);text-align:left;background:#fff;border-radius:12px;min-height:120px;padding:20px;position:relative}.ll-spotlight-work>strong{text-align:center;font-size:3rem;display:block}.ll-spotlight-work pre{white-space:pre-wrap;margin:0;font-family:monospace;font-size:.9rem}@keyframes ll-fade{0%{opacity:0;transform:scale(.98)}}.ll-route-state{place-items:center;min-height:100vh;padding:150px 24px 70px;display:grid}.ll-route-state>.ll-notice{width:min(900px,100%)}.ll-state-card{border:var(--ll-line);width:min(620px,100%);box-shadow:10px 10px 0 var(--ll-ink);text-align:center;background:#fff;border-radius:18px;padding:42px}.ll-state-card>span{border:var(--ll-line);background:var(--ll-yellow);width:70px;height:70px;box-shadow:4px 4px 0 var(--ll-ink);border-radius:16px;place-items:center;margin:0 auto 18px;display:grid}.ll-state-card>span svg{width:34px;height:34px}.ll-state-card>small{letter-spacing:.12em;font-size:.65rem;font-weight:800}.ll-state-card h1{letter-spacing:-.05em;margin:.8rem 0;font-size:2.3rem}.ll-state-card p{max-width:470px;color:var(--ll-muted);margin:0 auto 1.8rem;font-size:.82rem;line-height:1.65}.ll-state-card>div{justify-content:center;gap:12px;display:flex}.ll-state-card--unauthorized>span{background:var(--ll-coral)}.ll-join-room-card{border:var(--ll-line);width:min(900px,100%);box-shadow:8px 8px 0 var(--ll-ink);background:#fff;border-radius:16px;grid-template-columns:280px 1fr;margin-top:24px;display:grid;overflow:hidden}.ll-join-room-art{border-right:var(--ll-line);background:var(--ll-purple);place-items:center;min-height:300px;display:grid;position:relative}.ll-join-room-art svg{width:90px;height:90px}.ll-join-room-art span{border:2px solid var(--ll-ink);color:#fff;background:#ff5268;border-radius:6px;padding:.35rem .5rem;font-size:.6rem;font-weight:800;position:absolute;top:18px;left:18px}.ll-join-room-card>div:last-child{flex-direction:column;justify-content:center;align-items:flex-start;padding:38px;display:flex}.ll-join-room-card h1{margin:.7rem 0;font-size:2rem}.ll-join-room-card p{color:var(--ll-muted);margin:0 0 1.5rem;font-size:.75rem;line-height:1.6}.ll-loading{text-align:center;align-content:center;place-items:center;min-height:100vh;padding:120px 24px 50px;display:grid}.ll-loading-mark{gap:8px;margin-bottom:18px;display:flex}.ll-loading-mark span{border:2px solid var(--ll-ink);background:var(--ll-blue);border-radius:6px;width:20px;height:20px;animation:.9s ease-in-out infinite ll-loading}.ll-loading-mark span:nth-child(2){background:var(--ll-yellow);animation-delay:.15s}.ll-loading-mark span:nth-child(3){background:var(--ll-green);animation-delay:.3s}@keyframes ll-loading{50%{transform:translateY(-12px)rotate(8deg)}}.ll-loading strong{font-size:1rem}.ll-loading p{color:var(--ll-muted);margin-top:.4rem;font-size:.7rem}@media (max-width:1180px){.ll-hero{grid-template-columns:1fr;min-height:auto}.ll-hero-copy{max-width:820px}.ll-hero-visual{min-height:520px}.ll-teacher-grid{grid-template-columns:220px minmax(420px,1fr)}.ll-teacher-grid>.ll-roster{grid-column:1/-1}.ll-roster-list{grid-template-columns:repeat(3,1fr);max-height:none}.ll-teacher-console{grid-template-columns:330px 1fr}.ll-room-topbar{top:91px}.ll-student-grid{grid-template-columns:minmax(0,1fr) 270px}}@media (max-width:900px){.ll-landing{padding-top:96px}.ll-feature-strip,.ll-showcase-grid,.ll-create-layout,.ll-join-shell,.ll-student-grid,.ll-teacher-console,.ll-lessons-showcase>.ll-section-heading{grid-template-columns:1fr}.ll-feature-strip article+article{border-left:var(--ll-line);border-top:0}.ll-feature-strip article:nth-child(2){transform:none}.ll-create-main,.ll-recent-rooms{padding:20px}.ll-recent-rooms{position:static}.ll-join-copy{border-right:0;border-bottom:var(--ll-line)}.ll-room{padding-inline:12px}.ll-room-topbar{grid-template-columns:1fr auto;position:relative;top:auto}.ll-room-identity{border-top:2px solid #d9dbe3;grid-area:2/1/auto/-1;justify-content:center;padding-top:9px}.ll-teacher-grid{grid-template-columns:1fr}.ll-steps-panel{order:2}.ll-step-list{grid-template-columns:repeat(2,1fr);max-height:none}.ll-teacher-grid>.ll-roster{grid-column:auto}.ll-roster-list{grid-template-columns:repeat(2,1fr)}.ll-student-side{grid-template-columns:1fr 1fr;position:static}.ll-safety-note{grid-column:1/-1}.ll-presentation{padding:30px}.ll-lesson-picker>button{grid-template-columns:140px 1fr}}@media (max-width:620px){.ll-hero{padding:48px 18px 70px}.ll-hero h1{font-size:3.15rem}.ll-hero-visual{min-height:410px}.ll-hero-screen{inset:45px 2px 50px}.ll-hero-pattern span,.ll-hero-pattern strong{width:46px;height:46px;font-size:1.35rem}.ll-hero-screen footer div{text-align:center;flex-direction:column;padding:9px 5px}.ll-floating-card--students{right:0}.ll-floating-card--spotlight{left:0}.ll-feature-strip{padding:0 18px 70px}.ll-lessons-showcase{padding:70px 18px}.ll-showcase-grid article{min-height:390px;padding:24px}.ll-page{padding:135px 16px 60px}.ll-page-header h1{font-size:3rem}.ll-lesson-picker>button{grid-template-columns:1fr}.ll-lesson-art{border-right:0;border-bottom:var(--ll-line);min-height:130px}.ll-lesson-copy{padding:18px}.ll-create-action{flex-direction:column;align-items:stretch}.ll-join-page{padding:125px 14px 50px}.ll-join-copy,.ll-join-form{padding:30px 24px}.ll-join-copy h1{font-size:2.7rem}.ll-code-input-wrap input{font-size:1.35rem}.ll-room{padding-top:102px}.ll-room-topbar{grid-template-columns:1fr}.ll-room-actions{grid-area:2/1;justify-content:flex-start}.ll-room-identity{flex-wrap:wrap;grid-row:3}.ll-room-count{display:none}.ll-notice{margin-inline:3px}.ll-presentation{min-height:430px;padding:24px}.ll-presentation h1{font-size:2.35rem}.ll-pattern-stage{gap:7px}.ll-pattern-stage span{width:48px;height:48px;font-size:1.35rem}.ll-stage-controls{flex-wrap:wrap}.ll-step-list,.ll-roster-list,.ll-student-side,.ll-choice-grid{grid-template-columns:1fr}.ll-choice-grid button{min-height:90px}.ll-gallery-grid{display:grid}.ll-gallery-grid article{flex-basis:auto;width:100%}.ll-workspace-footer{flex-direction:column;align-items:stretch}.ll-editor{margin:12px}.ll-output{margin:0 12px 12px}.ll-join-room-card{grid-template-columns:1fr}.ll-join-room-art{border-right:0;border-bottom:var(--ll-line);min-height:190px}.ll-join-room-card>div:last-child{padding:25px}.ll-state-card{padding:30px 20px}.ll-state-card>div{flex-direction:column;align-items:stretch}.ll-spotlight{padding:25px 16px}.ll-spotlight:before,.ll-spotlight:after{display:none}}@media (prefers-reduced-motion:reduce){.live-lab-theme *{scroll-behavior:auto!important;animation:none!important}}.live-lab-theme .main-navbar{padding:14px 18px 0}.live-lab-theme .main-navbar__shell,.live-lab-theme .main-navbar.is-scrolled .main-navbar__shell{border:3px solid var(--ll-ink);background:var(--ll-paper);max-width:1320px;box-shadow:6px 6px 0 var(--ll-ink);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:14px;padding:10px 16px}.live-lab-theme .main-navbar .nav-links{gap:8px}.live-lab-theme .main-navbar .nav-links a{border:2px solid #0000;border-radius:7px;padding:8px 10px;font-size:.72rem;font-weight:800}.live-lab-theme .main-navbar .nav-links a:hover,.live-lab-theme .main-navbar .nav-links a.active{border-color:var(--ll-ink);background:var(--ll-yellow)}.live-lab-theme .main-navbar .nav-links a:after{display:none}.live-lab-theme .main-navbar .nav-cta,.live-lab-theme .main-navbar .nav-secondary-link,.live-lab-theme .main-navbar .user-menu-trigger-navbar{border:2px solid var(--ll-ink);box-shadow:3px 3px 0 var(--ll-ink);border-radius:8px}.ll-landing{padding-top:86px}.ll-hero{gap:4vw;min-height:calc(100svh - 86px);padding:26px 28px 34px}.ll-hero:before{width:430px;height:430px;top:25px}.ll-hero h1{margin:1rem 0 .85rem;font-size:clamp(3rem,5vw,4.8rem)}.ll-hero-copy>p{font-size:1rem;line-height:1.6}.ll-hero-actions{margin-top:1.3rem}.ll-hero ul{margin-top:1.35rem}.ll-hero-visual{min-height:420px}.ll-hero-screen{inset:38px 20px 48px 0}.ll-hero-pattern{padding:20px}.ll-hero-pattern span,.ll-hero-pattern strong{width:56px;height:56px;font-size:1.35rem}.ll-floating-card--spotlight{bottom:6px}.ll-feature-strip{padding-bottom:64px}.ll-lessons-showcase{padding-top:70px;padding-bottom:78px}.ll-showcase-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px}.ll-showcase-grid article{min-height:320px;padding:24px}.ll-showcase-grid article.is-green{background:#e2f7e7}.ll-showcase-icon{width:60px;height:60px}.ll-showcase-icon strong{font-family:monospace;font-size:1.25rem}.ll-showcase-grid h3{font-size:1.45rem}.ll-showcase-grid p{font-size:.75rem}.ll-showcase-grid footer{flex-wrap:wrap;bottom:20px;left:22px;right:22px}.ll-showcase-number{font-size:7rem}.ll-create-page{padding-top:125px}.ll-create-page .ll-page-header{grid-template-columns:.4fr 1.2fr 1fr;align-items:end;gap:24px;max-width:none;margin-bottom:28px;display:grid}.ll-create-page .ll-page-header .ll-live-pill{align-self:start;width:max-content}.ll-create-page .ll-page-header h1{margin:0;font-size:clamp(2rem,4vw,3.4rem)}.ll-create-page .ll-page-header p{margin:0;font-size:.82rem}.ll-create-toolbar{justify-content:space-between;align-items:center;gap:18px;display:flex}.ll-library-tabs{gap:7px;margin-top:20px;display:flex}.ll-library-tabs button{border:2px solid var(--ll-ink);cursor:pointer;background:#fff;border-radius:7px;padding:7px 10px;font-size:.6rem;font-weight:800}.ll-library-tabs button.is-active{background:var(--ll-purple);box-shadow:3px 3px 0 var(--ll-ink)}.ll-lesson-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.ll-lesson-choice{background:#fff;border:3px solid #b8bdd0;border-radius:12px;position:relative;overflow:hidden}.ll-lesson-choice:hover,.ll-lesson-choice.is-selected{border-color:var(--ll-ink);box-shadow:4px 4px 0 var(--ll-ink);transform:translate(-1px,-1px)}.ll-lesson-choice>button{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:105px 1fr;width:100%;padding:0;display:grid}.ll-lesson-choice .ll-lesson-art{border-right:var(--ll-line);min-height:142px}.ll-lesson-art--sequence{background:#e6f9ea}.ll-lesson-art strong{font-family:monospace;font-size:1.35rem}.ll-lesson-choice .ll-lesson-copy{padding:15px}.ll-lesson-choice .ll-lesson-copy h3{margin:.35rem 0;font-size:1rem}.ll-lesson-choice .ll-lesson-copy p{color:var(--ll-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.35rem 0;font-size:.65rem;line-height:1.5;display:-webkit-box;overflow:hidden}.ll-edit-lesson{color:var(--ll-ink);font-size:.56rem;font-weight:800;position:absolute;bottom:10px;right:12px}.ll-empty-library{border:2px dashed var(--ll-ink);background:#fff8d5;border-radius:12px;justify-items:start;gap:9px;margin-top:16px;padding:28px;display:grid}.ll-empty-library p{color:var(--ll-muted);margin:0;font-size:.72rem}.ll-builder{background:#eaf3ff;height:100svh;padding-top:84px;overflow:hidden}.ll-builder-top{border-block:var(--ll-line);background:var(--ll-paper);grid-template-columns:200px minmax(0,1fr) auto;align-items:center;gap:18px;height:74px;padding:10px 20px;display:grid}.ll-builder-back{color:var(--ll-ink);cursor:pointer;text-align:left;background:0 0;border:0;font-size:.68rem;font-weight:800}.ll-builder-top>div:nth-child(2){display:grid}.ll-builder-top>div:nth-child(2)>span{color:var(--ll-muted);text-transform:uppercase;font-size:.52rem;font-weight:800}.ll-builder-top>div:nth-child(2)>input{min-width:0;color:var(--ll-ink);background:0 0;border:0;border-bottom:2px solid #0000;outline:0;padding:3px 0;font-size:1.1rem;font-weight:800}.ll-builder-top>div:nth-child(2)>input:focus{border-color:var(--ll-ink)}.ll-builder-actions,.ll-builder-mode{align-items:center;gap:8px;display:flex}.ll-builder-mode{border:2px solid var(--ll-ink);background:#fff;border-radius:8px;padding:3px}.ll-builder-mode button{cursor:pointer;background:0 0;border:0;border-radius:5px;padding:6px 10px;font-size:.6rem;font-weight:800}.ll-builder-mode button.is-active{background:var(--ll-purple)}.ll-builder-grid{grid-template-columns:220px minmax(420px,1fr) 315px;height:calc(100svh - 158px);min-height:0;display:grid}.ll-builder-rail,.ll-builder-tools{background:var(--ll-paper);min-height:0;overflow:auto}.ll-builder-rail{border-right:var(--ll-line);flex-direction:column;display:flex}.ll-builder-tools{border-left:var(--ll-line)}.ll-builder-tools>section+section{border-top:var(--ll-line)}.ll-builder-panel-title{border-bottom:2px solid var(--ll-ink);background:#fff;justify-content:space-between;align-items:center;gap:10px;padding:13px;display:flex}.ll-builder-panel-title>div{display:grid}.ll-builder-panel-title span{color:var(--ll-muted);text-transform:uppercase;font-size:.5rem;font-weight:800}.ll-builder-panel-title strong{font-size:.72rem}.ll-builder-panel-title>button{border:2px solid var(--ll-ink);background:var(--ll-green);cursor:pointer;border-radius:6px;place-items:center;width:28px;height:28px;font-size:1.1rem;display:grid}.ll-builder-step-list{flex:1;overflow:auto}.ll-builder-step-list>button{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #d6d9e2;grid-template-columns:28px 1fr;gap:8px;width:100%;padding:11px;display:grid}.ll-builder-step-list>button.is-active{background:var(--ll-yellow)}.ll-builder-step-list>button>span{border:2px solid var(--ll-ink);background:#fff;border-radius:6px;place-items:center;width:27px;height:27px;font-size:.56rem;font-weight:800;display:grid}.ll-builder-step-list>button>div{min-width:0;display:grid}.ll-builder-step-list small,.ll-builder-step-list em{color:var(--ll-muted);font-size:.47rem;font-style:normal}.ll-builder-step-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;overflow:hidden}.ll-builder-step-actions{border-top:2px solid var(--ll-ink);grid-template-columns:repeat(2,1fr);gap:5px;padding:9px;display:grid}.ll-builder-step-actions button{border:2px solid var(--ll-ink);cursor:pointer;background:#fff;border-radius:6px;padding:6px;font-size:.55rem;font-weight:800}.ll-builder-canvas{min-width:0;padding:18px;overflow:auto}.ll-builder-canvas>.ll-presentation{min-height:calc(100svh - 198px)}.ll-builder-form-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.ll-builder-form-head span{color:#5846a6;text-transform:uppercase;font-size:.58rem;font-weight:800}.ll-builder-form-head h1{margin:.2rem 0 0;font-size:1.8rem}.ll-accent-picker{gap:6px;display:flex}.ll-accent-picker button{border:2px solid var(--ll-ink);cursor:pointer;border-radius:50%;width:24px;height:24px}.ll-accent-picker button.is-active{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--ll-ink)}.ll-accent-picker .is-yellow{background:var(--ll-yellow)}.ll-accent-picker .is-blue{background:var(--ll-blue)}.ll-accent-picker .is-green{background:var(--ll-green)}.ll-accent-picker .is-purple{background:var(--ll-purple)}.ll-accent-picker .is-coral{background:var(--ll-coral)}.ll-field-grid,.ll-activity-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.ll-field-grid label,.ll-activity-fields label,.ll-compact-fields label{gap:5px;display:grid}.ll-field-grid label>span,.ll-activity-fields label>span,.ll-compact-fields label>span{text-transform:uppercase;font-size:.55rem;font-weight:800}.ll-field-grid input,.ll-field-grid textarea,.ll-activity-fields input,.ll-activity-fields textarea,.ll-compact-fields input,.ll-compact-fields textarea,.ll-compact-fields select{border:2px solid var(--ll-ink);width:100%;color:var(--ll-ink);background:#fff;border-radius:7px;outline:0;padding:9px;font-size:.7rem}.ll-field-grid textarea{resize:vertical;min-height:76px}.ll-field-grid .is-wide,.ll-activity-fields .is-wide{grid-column:1/-1}.ll-activity-fields{border-top:2px dashed #9499aa;margin-top:16px;padding-top:16px}.ll-activity-fields textarea{resize:vertical;min-height:90px}.ll-activity-fields textarea.is-code{background:var(--ll-ink);color:#e6f9ea;min-height:150px;font-family:Consolas,monospace}.ll-slide-note{border:2px dashed var(--ll-ink);background:#fff8d5;border-radius:9px;gap:12px;margin-top:16px;padding:14px;display:flex}.ll-slide-note svg{width:24px}.ll-slide-note p{color:var(--ll-muted);margin:.2rem 0 0;font-size:.65rem}.ll-compact-fields{gap:9px;padding:12px;display:grid}.ll-compact-fields textarea{resize:vertical;min-height:65px}.ll-upload-zone{border:2px dashed var(--ll-ink);text-align:center;cursor:pointer;background:#edf8ff;border-radius:9px;place-items:center;gap:5px;margin:12px;padding:16px;display:grid}.ll-upload-zone svg{width:24px;transform:rotate(-90deg)}.ll-upload-zone strong{font-size:.68rem}.ll-upload-zone span{color:var(--ll-muted);font-size:.5rem}.ll-upload-zone input{display:none}.ll-material-chip{border:2px solid var(--ll-ink);background:#fff;border-radius:8px;grid-template-columns:38px 1fr auto;align-items:center;gap:8px;margin:12px;padding:9px;display:grid}.ll-material-chip>span{border:2px solid var(--ll-ink);background:var(--ll-purple);border-radius:5px;place-items:center;height:34px;font-size:.52rem;font-weight:800;display:grid}.ll-material-chip>div{min-width:0;display:grid}.ll-material-chip strong{text-overflow:ellipsis;white-space:nowrap;font-size:.58rem;overflow:hidden}.ll-material-chip small{color:var(--ll-muted);font-size:.47rem}.ll-material-chip button{cursor:pointer;background:0 0;border:0;font-size:1.1rem}.ll-activity-palette>div:last-child{grid-template-columns:repeat(2,1fr);gap:7px;padding:10px;display:grid}.ll-activity-palette>div:last-child>button{border:2px solid var(--ll-ink);text-align:left;cursor:pointer;background:#fff;border-radius:7px;grid-template-columns:34px 1fr;align-items:center;gap:7px;padding:7px;display:grid}.ll-activity-palette>div:last-child>button.is-active{background:var(--ll-yellow);box-shadow:2px 2px 0 var(--ll-ink)}.ll-activity-palette>div:last-child>button>b{border:2px solid var(--ll-ink);background:#edf8ff;border-radius:5px;place-items:center;width:32px;height:32px;font-family:monospace;font-size:.58rem;display:grid}.ll-activity-palette button>span{display:grid}.ll-activity-palette button strong{font-size:.54rem}.ll-activity-palette button small{color:var(--ll-muted);font-size:.44rem}.ll-presentation-layout{grid-template-columns:minmax(0,1fr) minmax(230px,.72fr);align-items:center;gap:24px;display:grid}.ll-material-preview{z-index:1;border:var(--ll-line);height:260px;box-shadow:5px 5px 0 var(--ll-ink);background:#fff;border-radius:12px;position:relative;overflow:hidden}.ll-material-preview img,.ll-material-preview iframe{-o-object-fit:contain;object-fit:contain;border:0;width:100%;height:100%}.ll-presentation-options,.ll-presentation-sequence{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:24px 0;display:grid;position:relative}.ll-presentation-options span,.ll-presentation-sequence span{border:2px solid var(--ll-ink);background:#fff;border-radius:8px;align-items:center;gap:8px;padding:10px;font-size:.68rem;font-weight:700;display:flex}.ll-presentation-options b,.ll-presentation-sequence b{border:2px solid var(--ll-ink);background:var(--ll-yellow);border-radius:5px;place-items:center;width:25px;height:25px;display:grid}.ll-writing-stage{color:var(--ll-ink);box-shadow:6px 6px 0 var(--ll-ink);background:#fff}.ll-writing-stage span{color:var(--ll-muted)}.ll-text-choice-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:20px;display:grid}.ll-text-choice-grid button{border:var(--ll-line);min-height:72px;box-shadow:4px 4px 0 var(--ll-ink);text-align:left;cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}.ll-text-choice-grid button.is-selected{background:var(--ll-yellow);box-shadow:2px 2px 0 var(--ll-ink);transform:translate(2px,2px)}.ll-text-choice-grid button>b{border:2px solid var(--ll-ink);background:var(--ll-purple);border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.ll-text-choice-grid button>span{font-size:.72rem;font-weight:700}.ll-activity-instruction{border-bottom:2px solid var(--ll-ink);color:var(--ll-muted);background:#fff8d5;margin:0;padding:13px 18px;font-size:.7rem}.ll-sequence-workspace{grid-template-columns:1fr 1fr;gap:14px;padding:18px;display:grid}.ll-sequence-bank,.ll-sequence-program{border:2px dashed var(--ll-ink);background:#edf8ff;border-radius:9px;align-content:start;gap:7px;min-height:180px;padding:10px;display:grid}.ll-sequence-bank button,.ll-sequence-program button{border:2px solid var(--ll-ink);text-align:left;cursor:pointer;background:#fff;border-radius:7px;align-items:center;gap:8px;padding:9px;font-size:.65rem;font-weight:700;display:flex}.ll-sequence-program{background:#f1e9ff}.ll-sequence-program button>b{border:2px solid var(--ll-ink);background:var(--ll-yellow);border-radius:4px;place-items:center;width:23px;height:23px;display:grid}.ll-sequence-program button>span{margin-left:auto}.ll-sequence-program p{color:var(--ll-muted);text-align:center;font-size:.65rem}.ll-writing-workspace{padding:18px}.ll-writing-workspace textarea{border:var(--ll-line);resize:vertical;width:100%;min-height:180px;color:var(--ll-ink);box-shadow:4px 4px 0 var(--ll-ink);background:#fffef7;border-radius:10px;outline:0;padding:16px;font-size:.9rem;line-height:1.6}.ll-inline-actions{gap:8px;display:flex}.ll-html-preview{border:var(--ll-line);background:#fff;border-radius:9px;width:calc(100% - 40px);height:160px;margin:0 20px 20px}.ll-gallery-text,.ll-gallery-sequence{color:#38405a;background:#fffef2;min-height:105px;padding:12px;font-size:.62rem;line-height:1.5}.ll-gallery-sequence{align-content:center;gap:4px;display:grid}.ll-gallery-sequence span{border:1px solid var(--ll-ink);background:#fff;border-radius:4px;padding:3px 6px}.ll-room{max-width:1600px;padding:92px 14px 22px}.ll-room-topbar{min-height:58px;margin-bottom:12px;padding:7px 12px;top:78px}.ll-notice{min-height:54px;margin-bottom:12px;padding:9px 13px}.ll-notice-icon{width:36px;height:36px}.ll-teacher-grid{grid-template-columns:210px minmax(460px,1fr) 255px;gap:12px;height:calc(100svh - 176px);min-height:520px}.ll-steps-panel,.ll-teacher-stage,.ll-teacher-side{min-height:0;overflow:auto}.ll-step-list{max-height:calc(100svh - 230px)}.ll-step-list button{padding:9px}.ll-teacher-side{align-content:start;gap:12px;display:grid}.ll-teacher-side .ll-roster-list{max-height:265px}.ll-presentation{min-height:340px;padding:25px}.ll-presentation h1{margin:.8rem 0 .55rem;font-size:clamp(1.8rem,3vw,3rem)}.ll-presentation-prompt{font-size:.8rem}.ll-pattern-stage,.ll-code-stage{margin:22px 0}.ll-pattern-stage span{width:54px;height:54px;font-size:1.45rem}.ll-code-stage{padding:16px}.ll-teacher-note{margin-top:12px}.ll-stage-controls{margin:10px 0}.ll-teacher-stage>.ll-gallery .ll-gallery-grid{max-height:155px}.ll-teacher-stage>.ll-gallery .ll-gallery-grid article{flex-basis:190px}.ll-teacher-stage>.ll-gallery .ll-gallery-answer,.ll-teacher-stage>.ll-gallery .ll-gallery-code,.ll-teacher-stage>.ll-gallery .ll-gallery-text,.ll-teacher-stage>.ll-gallery .ll-gallery-sequence{min-height:72px}.ll-control-panel .ll-mode-tabs{padding:9px}.ll-control-panel .ll-toggle-list>button{padding:10px}.ll-panel-head{padding:10px 12px}@media (max-width:1180px){.ll-showcase-grid{grid-template-columns:repeat(2,1fr)}.ll-builder-grid{grid-template-columns:190px minmax(420px,1fr) 280px}.ll-teacher-grid{grid-template-columns:190px minmax(420px,1fr)}.ll-teacher-side{grid-column:1/-1;grid-template-columns:1fr 1fr}.ll-teacher-side .ll-roster-list{grid-template-columns:repeat(3,1fr);max-height:none}.ll-teacher-grid{height:auto}.ll-steps-panel,.ll-teacher-stage,.ll-teacher-side{overflow:visible}}@media (max-width:900px){.live-lab-theme .main-navbar{padding:10px 12px 0}.live-lab-theme .main-navbar__shell{padding:9px 12px}.live-lab-theme .nav-panel{border:3px solid var(--ll-ink);background:var(--ll-paper);box-shadow:6px 6px 0 var(--ll-ink);border-radius:14px;top:76px}.ll-hero{grid-template-columns:1fr;min-height:auto}.ll-hero-visual{min-height:400px}.ll-showcase-grid,.ll-create-page .ll-page-header,.ll-lesson-picker{grid-template-columns:1fr}.ll-builder{height:auto;min-height:100svh;overflow:visible}.ll-builder-top{z-index:30;grid-template-columns:1fr auto;height:auto;position:sticky;top:72px}.ll-builder-back{display:none}.ll-builder-grid{flex-direction:column;height:auto;display:flex}.ll-builder-rail,.ll-builder-tools{border:0;border-bottom:var(--ll-line);overflow:visible}.ll-builder-step-list{display:flex;overflow-x:auto}.ll-builder-step-list>button{flex:0 0 180px}.ll-builder-step-actions{grid-template-columns:repeat(4,1fr)}.ll-builder-tools{grid-template-columns:repeat(2,1fr);display:grid}.ll-builder-tools>section+section{border-top:0;border-left:var(--ll-line)}.ll-activity-palette{grid-column:1/-1}.ll-presentation-layout{grid-template-columns:1fr}.ll-material-preview{height:220px}}@media (max-width:620px){.ll-landing{padding-top:78px}.ll-hero{padding-top:35px}.ll-hero-visual{min-height:350px}.ll-showcase-grid article{min-height:330px}.ll-create-toolbar{flex-direction:column;align-items:stretch}.ll-lesson-choice>button{grid-template-columns:85px 1fr}.ll-builder{padding-top:76px}.ll-builder-top{grid-template-columns:1fr;top:68px}.ll-builder-actions{justify-content:space-between}.ll-builder-tools{grid-template-columns:1fr}.ll-builder-tools>section+section{border-left:0;border-top:var(--ll-line)}.ll-field-grid,.ll-activity-fields,.ll-text-choice-grid,.ll-sequence-workspace,.ll-presentation-options,.ll-presentation-sequence{grid-template-columns:1fr}.ll-presentation-layout{display:block}.ll-material-preview{margin:16px 0}.ll-workspace-footer{align-items:stretch}.ll-inline-actions{justify-content:flex-end}}@media (min-width:901px){.ll-builder-tools .ll-builder-panel-title{padding:8px 10px}.ll-builder-tools .ll-compact-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px}.ll-builder-tools .ll-compact-fields label:last-child{grid-column:1/-1}.ll-builder-tools .ll-compact-fields input,.ll-builder-tools .ll-compact-fields select,.ll-builder-tools .ll-compact-fields textarea{padding:6px;font-size:.62rem}.ll-builder-tools .ll-compact-fields textarea{min-height:38px}.ll-builder-tools .ll-upload-zone{gap:3px;margin:8px;padding:9px}.ll-builder-tools .ll-upload-zone svg{width:19px}.ll-builder-tools .ll-activity-palette>div:last-child{gap:5px;padding:7px}.ll-builder-tools .ll-activity-palette>div:last-child>button{grid-template-columns:28px 1fr;gap:5px;padding:5px}.ll-builder-tools .ll-activity-palette>div:last-child>button>b{width:26px;height:26px}.ll-builder-tools .ll-activity-palette button strong{font-size:.5rem}.ll-builder-tools .ll-activity-palette button small{font-size:.4rem}}.ll-delete-lesson{border:2px solid var(--ll-ink);background:var(--ll-coral);cursor:pointer;border-radius:7px;padding:7px 9px;font-size:.58rem;font-weight:800}.live-lab-theme .main-navbar .nav-secondary-link{border:2px solid var(--ll-ink);background:var(--ll-paper);min-height:40px;color:var(--ll-ink);box-shadow:3px 3px 0 var(--ll-ink);border-radius:8px;justify-content:center;align-items:center;padding:0 15px;font-size:.72rem;font-weight:800;display:inline-flex}.live-lab-theme .main-navbar .nav-cta{border:2px solid var(--ll-ink);background:var(--ll-yellow);min-height:40px;color:var(--ll-ink);box-shadow:3px 3px 0 var(--ll-ink);border-radius:8px;padding:0 15px;font-size:.72rem;font-weight:800}.live-lab-theme .main-navbar .nav-secondary-link:hover,.live-lab-theme .main-navbar .nav-cta:hover{filter:none;box-shadow:1px 1px 0 var(--ll-ink);transform:translate(2px,2px)}.ll-room{padding-top:100px}.ll-room-topbar{z-index:450;width:max-content;min-height:46px;box-shadow:4px 4px 0 var(--ll-ink);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:10px;margin:0;padding:5px 7px;display:flex;position:fixed;top:91px;right:18px}.ll-room-brand{display:none}.ll-room-identity,.ll-room-actions{gap:6px}.ll-room-topbar .ll-connection{padding:.25rem .42rem;font-size:.48rem}.ll-room-topbar .ll-code-button{gap:5px;padding:5px 7px}.ll-room-topbar .ll-code-button span{display:none}.ll-room-topbar .ll-code-button strong{font-size:.72rem}.ll-room-topbar .ll-room-count{font-size:.58rem}.ll-room-topbar .ll-button{min-height:34px;box-shadow:2px 2px 0 var(--ll-ink);border-width:2px;border-radius:7px;padding:.35rem .6rem;font-size:.62rem}.ll-room-topbar .ll-me-chip{border-radius:7px;gap:4px;padding-right:7px;font-size:.58rem}.ll-room-topbar .ll-me-chip .ll-avatar{width:30px;height:30px}.ll-room>.ll-notice{max-width:calc(100% - 430px)}.ll-student-view-switch{display:none}.ll-room--student>.ll-gallery{margin-top:12px}.ll-student-grid{grid-template-columns:minmax(330px,.82fr) minmax(440px,1.18fr) 230px;align-items:stretch;gap:12px;height:calc(100svh - 118px);min-height:560px}.ll-student-presentation,.ll-student-work,.ll-student-side{min-width:0;min-height:0;overflow:auto}.ll-student-presentation>.ll-presentation{height:100%;min-height:0;padding:22px}.ll-student-presentation .ll-presentation h1{font-size:clamp(1.65rem,2.4vw,2.6rem)}.ll-student-presentation .ll-pattern-stage{margin:20px 0}.ll-student-presentation .ll-pattern-stage span{width:48px;height:48px;font-size:1.25rem}.ll-student-presentation .ll-material-preview{height:220px}.ll-student-work>.ll-workspace{height:100%;min-height:0;overflow:auto}.ll-student-work .ll-editor{margin:12px}.ll-student-work .ll-editor-body{min-height:170px}.ll-student-work .ll-editor textarea{min-height:185px}.ll-student-work .ll-output{margin:0 12px 12px}.ll-student-side{align-content:start;gap:10px;position:static}.ll-student-side .ll-signal-buttons{grid-template-columns:1fr;padding:9px}.ll-student-side .ll-signal-buttons button{padding:7px}.ll-student-side .ll-classmate-stack{grid-template-columns:repeat(3,1fr);gap:6px;padding:9px}.ll-student-side .ll-avatar--medium{width:44px;height:44px}.ll-student-side .ll-safety-note{padding:9px}@media (max-width:1180px) and (min-width:901px){.ll-student-grid{grid-template-columns:minmax(300px,.8fr) minmax(390px,1.2fr) 205px}.ll-student-side .ll-signal-buttons button span{font-size:1rem}.ll-student-side .ll-signal-buttons button b{font-size:.56rem}}@media (max-width:900px){.ll-room{padding-top:90px;padding-bottom:88px}.ll-room-topbar{justify-content:center;width:auto;inset:auto 12px 12px}.ll-room>.ll-notice{max-width:none}.ll-student-view-switch{z-index:40;border:2px solid var(--ll-ink);background:var(--ll-paper);box-shadow:3px 3px 0 var(--ll-ink);border-radius:9px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px;padding:5px;display:grid;position:sticky;top:78px}.ll-student-view-switch button{cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:.65rem;font-weight:800;display:flex}.ll-student-view-switch button.is-active{background:var(--ll-yellow)}.ll-student-grid{height:auto;min-height:0;display:block}.ll-student-grid .is-mobile-hidden{display:none}.ll-student-presentation,.ll-student-work{overflow:visible}.ll-student-presentation>.ll-presentation,.ll-student-work>.ll-workspace{height:auto;min-height:430px}.ll-student-side{grid-template-columns:1fr 1fr;margin-top:12px;display:grid;overflow:visible}.ll-room--student>.ll-gallery{margin-top:12px}}@media (max-width:620px){.live-lab-theme .main-navbar .nav-secondary-link,.live-lab-theme .main-navbar .nav-cta{width:100%;min-height:44px}.ll-room-topbar .ll-connection,.ll-room-topbar .ll-room-count,.ll-room-topbar .ll-me-chip span{display:none}.ll-student-side{grid-template-columns:1fr}}@media (min-width:901px){.ll-room{padding-top:151px}.ll-student-grid{height:calc(100svh - 169px);min-height:520px}.ll-room:has(>.ll-notice) .ll-teacher-grid{height:calc(100svh - 237px);min-height:480px}}.ll-room--student .ll-student-grid{grid-template-columns:minmax(0,1fr) 230px;gap:12px}.ll-student-stage{min-width:0;min-height:0;position:relative;overflow:hidden}.ll-student-stage:after{z-index:4;border:2px solid var(--ll-ink);background:var(--ll-paper);content:"Shared lesson";letter-spacing:.08em;text-transform:uppercase;box-shadow:2px 2px 0 var(--ll-ink);border-radius:7px;padding:5px 8px;font-size:.5rem;font-weight:900;transition:opacity .2s;position:absolute;bottom:14px;right:18px}.ll-student-stage[data-mode=answer]:after{display:none}.ll-student-stage .ll-student-presentation{height:100%;overflow:auto}.ll-student-stage .ll-student-presentation>.ll-presentation{height:100%;min-height:100%;padding:32px}.ll-student-stage .ll-student-presentation .ll-presentation h1{font-size:clamp(2.1rem,3.6vw,3.8rem)}.ll-student-stage .ll-student-presentation .ll-presentation-prompt{font-size:.92rem}.ll-student-stage .ll-student-presentation .ll-pattern-stage{margin:34px 0}.ll-student-stage .ll-student-presentation .ll-pattern-stage span{width:64px;height:64px;font-size:1.7rem}.ll-student-stage .ll-student-presentation .ll-material-preview{height:300px}.ll-student-response{border:var(--ll-line);height:100%;box-shadow:8px 8px 0 var(--ll-ink);background:#edf8ff;border-radius:18px;grid-template-rows:auto minmax(0,1fr);animation:.3s cubic-bezier(.2,.9,.25,1) ll-response-enter;display:grid;overflow:hidden}.ll-response-prompt{border-bottom:var(--ll-line);background:var(--ll-yellow);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:17px 20px;display:grid}.ll-response-prompt>span{border:2px solid var(--ll-ink);background:var(--ll-paper);text-transform:uppercase;box-shadow:3px 3px 0 var(--ll-ink);border-radius:7px;align-items:center;gap:6px;padding:7px 9px;font-size:.56rem;font-weight:900;display:flex}.ll-response-prompt>div{min-width:0}.ll-response-prompt small{letter-spacing:.08em;text-transform:uppercase;font-size:.52rem;font-weight:900}.ll-response-prompt h1{margin:.15rem 0;font-size:clamp(1.35rem,2.2vw,2.2rem);line-height:1}.ll-response-prompt p{color:#4d5671;margin:0;font-size:.7rem}.ll-response-prompt>b{border:2px dashed var(--ll-ink);white-space:nowrap;border-radius:7px;padding:7px 9px;font-size:.56rem}.ll-student-work{min-width:0;min-height:0;padding:16px;overflow:auto}.ll-student-work>.ll-workspace{background:var(--ll-paper);height:100%;min-height:0;box-shadow:5px 5px 0 var(--ll-ink);overflow:auto}.ll-student-work .ll-panel-head{background:var(--ll-purple)}.ll-student-work .ll-choice-grid{grid-template-columns:repeat(3,1fr);gap:12px;padding:20px}.ll-student-work .ll-choice-grid button{min-height:100px}.ll-student-work .ll-text-choice-grid{gap:12px;padding:20px}.ll-student-work .ll-sequence-workspace{gap:14px;padding:18px}.ll-student-work .ll-writing-workspace{padding:18px}.ll-student-work .ll-writing-workspace textarea{min-height:180px}@keyframes ll-response-enter{0%{opacity:0;transform:translateY(14px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:900px){.ll-student-view-switch{display:none}.ll-room--student .ll-student-grid{height:auto;display:grid}.ll-student-stage{height:calc(100svh - 188px);min-height:520px}.ll-student-stage .ll-student-presentation{overflow:auto}.ll-student-stage .ll-student-presentation>.ll-presentation{height:100%;min-height:100%;padding:24px}.ll-response-prompt{grid-template-columns:auto 1fr;padding:14px}.ll-response-prompt>b{display:none}.ll-student-work{padding:12px}.ll-student-side{margin-top:12px}}@media (max-width:620px){.ll-student-stage{height:calc(100svh - 174px);min-height:480px}.ll-student-stage .ll-student-presentation .ll-presentation h1{font-size:2.2rem}.ll-student-stage .ll-student-presentation .ll-pattern-stage span{width:48px;height:48px;font-size:1.3rem}.ll-response-prompt{grid-template-columns:1fr;gap:8px}.ll-response-prompt>span{width:max-content}.ll-response-prompt p{display:none}.ll-student-work{padding:8px}.ll-student-work .ll-choice-grid,.ll-student-work .ll-text-choice-grid{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.ll-student-response{animation:none}}.ll-response-prompt.is-locked{background:var(--ll-green)}.ll-question-button{border:2px solid var(--ll-ink);background:var(--ll-paper);min-height:38px;color:var(--ll-ink);white-space:nowrap;box-shadow:3px 3px 0 var(--ll-ink);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:.58rem;font-weight:900;display:inline-flex}.ll-question-button:hover{box-shadow:1px 1px 0 var(--ll-ink);transform:translate(2px,2px)}.ll-question-review{z-index:20;background:var(--ll-canvas);animation:.2s ll-question-enter;position:absolute;inset:0}.ll-question-review>.ll-presentation{height:100%;min-height:100%;padding:32px;overflow:auto}.ll-question-back{z-index:22;position:absolute;top:16px;right:18px}.ll-question-back svg{transform:rotate(180deg)}@keyframes ll-question-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ll-workspace.is-locked .ll-panel-head{background:var(--ll-green)}.ll-workspace.is-locked button:disabled,.ll-workspace.is-locked textarea:disabled{opacity:1;cursor:not-allowed}.ll-choice-grid button.is-correct,.ll-text-choice-grid button.is-correct{background:var(--ll-green);box-shadow:5px 5px 0 var(--ll-ink)}.ll-choice-grid button.is-wrong,.ll-text-choice-grid button.is-wrong{background:#ffaaa0;box-shadow:5px 5px #9d342c}.ll-choice-grid button.is-correct:after,.ll-text-choice-grid button.is-correct:after{content:"✓";margin-left:auto;font-size:1rem;font-weight:900}.ll-choice-grid button.is-wrong:after,.ll-text-choice-grid button.is-wrong:after{content:"×";color:#8a211c;margin-left:auto;font-size:1.1rem;font-weight:900}.ll-feedback.is-submitted{color:#725500;font-weight:800}.ll-feedback.is-locked{color:#5846a6;font-weight:800}.ll-feedback.is-correct{color:#17733d;font-weight:900}.ll-feedback.is-wrong{color:#9d342c;font-weight:900}.ll-correct-order{border:2px solid var(--ll-ink);background:#e7f8eb;border-radius:8px;align-items:center;gap:10px;margin:0 18px 14px;padding:10px 12px;font-size:.66rem;display:flex}.ll-correct-order b{text-transform:uppercase}.ll-correct-order span{font-weight:800}.ll-answer-readiness{border-top:2px solid var(--ll-ink);background:#fff8d5;gap:10px;padding:12px;display:grid}.ll-answer-readiness>div{grid-template-columns:42px 1fr;align-items:center;gap:9px;display:grid}.ll-answer-readiness>div>span{border:2px solid var(--ll-ink);background:#fff;border-radius:8px;place-items:center;width:42px;height:42px;font-size:.68rem;font-weight:900;display:grid}.ll-answer-readiness p{margin:0;display:grid}.ll-answer-readiness p b{font-size:.64rem}.ll-answer-readiness p em{color:var(--ll-muted);font-size:.5rem;font-style:normal;line-height:1.4}.ll-answer-readiness.is-ready{background:#e7f8eb}.ll-answer-readiness .ll-button{width:100%;min-height:40px;font-size:.62rem}.ll-gallery-progress{border-bottom:2px solid var(--ll-ink);background:#fff8d5;grid-template-columns:minmax(150px,1fr) minmax(90px,.7fr);align-items:center;gap:12px;padding:9px 12px;display:grid}.ll-gallery-progress>div{display:grid}.ll-gallery-progress strong{font-size:.65rem}.ll-gallery-progress span{color:var(--ll-muted);font-size:.5rem}.ll-gallery-progress>i{border:2px solid var(--ll-ink);background:#fff;border-radius:99px;height:10px;overflow:hidden}.ll-gallery-progress>i>span{background:var(--ll-green);height:100%;transition:width .25s;display:block}.ll-gallery-grid article.is-submitted{background:#f1fff4}.ll-gallery-grid article header>b{border:1.5px solid var(--ll-ink);border-radius:5px;margin-left:auto;padding:3px 5px;font-size:.45rem}.ll-gallery-grid article header>b.is-correct{background:var(--ll-green)}.ll-gallery-grid article header>b.is-wrong{background:#ffaaa0}.ll-gallery-answer.is-empty{color:var(--ll-muted);font-size:.6rem}@media (max-width:900px){.ll-question-review>.ll-presentation{padding:24px}.ll-question-back{top:10px;right:10px}.ll-gallery-progress{grid-template-columns:1fr}.ll-response-prompt .ll-question-button{grid-column:1/-1;width:100%}}@media (max-width:620px){.ll-response-prompt .ll-question-button{grid-column:auto}.ll-response-prompt{grid-template-columns:1fr auto}.ll-response-prompt>div{grid-column:1/-1}.ll-question-button{font-size:.52rem}.ll-question-review>.ll-presentation{padding-top:76px}}@media (prefers-reduced-motion:reduce){.ll-question-review{animation:none}}.ll-locked-badge{border:2px solid var(--ll-ink);background:var(--ll-green);box-shadow:3px 3px 0 var(--ll-ink);border-radius:7px;align-items:center;gap:6px;padding:8px 10px;font-size:.62rem;font-weight:900;display:inline-flex}.ll-room--teacher.is-answer-session .ll-teacher-stage>.ll-presentation{min-height:270px;padding:16px}.ll-room--teacher.is-answer-session .ll-teacher-stage>.ll-presentation h1{font-size:2rem}.ll-room--teacher.is-answer-session .ll-teacher-stage>.ll-presentation .ll-pattern-stage{margin:10px 0}.ll-room--teacher.is-answer-session .ll-teacher-stage>.ll-presentation .ll-pattern-stage span{width:44px;height:44px;font-size:1.2rem}.ll-room--teacher.is-answer-session .ll-teacher-stage>.ll-presentation .ll-teacher-note{display:none}.ll-room--teacher.is-answer-session .ll-teacher-stage>.ll-gallery .ll-gallery-grid{max-height:190px}.ll-builder-add-actions{border-top:2px solid var(--ll-ink);background:#edf8ff;grid-template-columns:1fr 1fr;gap:6px;padding:9px;display:grid}.ll-builder-add-actions button{border:2px solid var(--ll-ink);text-align:left;cursor:pointer;min-width:0;box-shadow:2px 2px 0 var(--ll-ink);background:#fff;border-radius:7px;align-items:center;gap:6px;padding:7px;display:flex}.ll-builder-add-actions button:last-child{background:var(--ll-yellow)}.ll-builder-add-actions button b{border:2px solid var(--ll-ink);background:var(--ll-purple);border-radius:5px;place-items:center;width:22px;height:22px;font-size:.7rem;display:grid}.ll-builder-add-actions button span{font-size:.52rem;font-weight:900}.ll-deck-upload-grid{gap:7px;padding:9px;display:grid}.ll-deck-upload{border:2px solid var(--ll-ink);cursor:pointer;box-shadow:2px 2px 0 var(--ll-ink);background:#edf8ff;border-radius:8px;grid-template-columns:38px 1fr;align-items:center;gap:8px;padding:9px;display:grid}.ll-deck-upload.is-pdf{background:#fff4cf}.ll-deck-upload>b{border:2px solid var(--ll-ink);background:var(--ll-blue);border-radius:6px;place-items:center;width:38px;height:38px;font-family:monospace;font-size:.58rem;display:grid}.ll-deck-upload.is-pdf>b{background:var(--ll-coral)}.ll-deck-upload>span{min-width:0;display:grid}.ll-deck-upload strong{font-size:.6rem}.ll-deck-upload small{color:var(--ll-muted);font-size:.46rem;line-height:1.35}.ll-deck-upload input{display:none}.ll-upload-status{border:2px dashed var(--ll-ink);background:#e7f8eb;border-radius:7px;align-items:center;gap:7px;margin:0 9px 9px;padding:8px;font-size:.52rem;font-weight:800;display:flex}.ll-upload-status svg{width:16px}.ll-deck-importer .ll-material-chip{margin-top:0}.ll-presentation--deck{background:#e8f5ff;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;min-height:530px;padding:18px;display:grid}.ll-presentation--deck:after{display:none}.ll-slide-canvas{z-index:1;border:var(--ll-line);min-height:300px;box-shadow:6px 6px 0 var(--ll-ink);background:#18213a;border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden}.ll-slide-canvas img,.ll-slide-canvas iframe{-o-object-fit:contain;object-fit:contain;background:#fff;border:0;width:100%;height:100%;min-height:300px;display:block}.ll-slide-caption{z-index:1;border:2px solid var(--ll-ink);background:#fff;border-radius:8px;align-items:center;gap:12px;padding:9px 12px;display:flex;position:relative}.ll-slide-caption strong{font-size:.68rem}.ll-slide-caption span{color:var(--ll-muted);font-size:.58rem}.ll-presentation--deck .ll-teacher-note{border:2px solid var(--ll-ink);max-width:360px;box-shadow:4px 4px 0 var(--ll-ink);border-left-width:5px;margin:0;position:absolute;bottom:28px;right:28px}.ll-activity-picker-backdrop{z-index:120;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f18309e;place-items:center;padding:88px 22px 22px;display:grid;position:fixed;inset:0}.ll-activity-picker{border:3px solid var(--ll-ink);background:var(--ll-paper);width:min(920px,100%);max-height:calc(100dvh - 110px);box-shadow:10px 10px 0 var(--ll-ink);border-radius:14px;overflow:auto}.ll-activity-picker>header{z-index:2;border-bottom:3px solid var(--ll-ink);background:#fff;justify-content:space-between;align-items:flex-start;gap:24px;padding:18px 20px;display:flex;position:sticky;top:0}.ll-activity-picker>header span{color:#5d4fb1;text-transform:uppercase;font-size:.55rem;font-weight:900}.ll-activity-picker>header h2{margin:3px 0 4px;font-size:1.55rem}.ll-activity-picker>header p{color:var(--ll-muted);margin:0;font-size:.68rem}.ll-activity-picker>header>button{border:2px solid var(--ll-ink);background:var(--ll-coral);cursor:pointer;width:34px;height:34px;box-shadow:2px 2px 0 var(--ll-ink);border-radius:7px;flex:0 0 34px;place-items:center;font-size:1.25rem;font-weight:900;display:grid}.ll-activity-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px;display:grid}.ll-activity-picker-grid>button{border:2px solid var(--ll-ink);text-align:left;cursor:pointer;min-height:96px;box-shadow:3px 3px 0 var(--ll-ink);background:#fff;border-radius:9px;grid-template-columns:44px minmax(0,1fr) 24px;align-items:center;gap:10px;padding:11px;transition:transform .14s,box-shadow .14s;display:grid}.ll-activity-picker-grid>button:nth-child(3n+1){background:#edf8ff}.ll-activity-picker-grid>button:nth-child(3n+2){background:#fff8d5}.ll-activity-picker-grid>button:nth-child(3n+3){background:#f2ebff}.ll-activity-picker-grid>button:hover,.ll-activity-picker-grid>button:focus-visible{box-shadow:5px 5px 0 var(--ll-ink);transform:translate(-2px,-2px)}.ll-activity-picker-grid>button>b{border:2px solid var(--ll-ink);background:var(--ll-green);border-radius:7px;place-items:center;width:44px;height:44px;font-family:Consolas,monospace;font-size:.72rem;display:grid}.ll-activity-picker-grid>button>span{gap:2px;min-width:0;display:grid}.ll-activity-picker-grid em{color:#5d4fb1;text-transform:uppercase;font-size:.46rem;font-style:normal;font-weight:900}.ll-activity-picker-grid strong{font-size:.7rem}.ll-activity-picker-grid small{color:var(--ll-muted);font-size:.51rem;line-height:1.35}.ll-activity-picker-grid i{border:2px solid var(--ll-ink);background:#fff;border-radius:5px;place-items:center;width:23px;height:23px;font-size:.75rem;font-style:normal;font-weight:900;display:grid}@media (max-width:900px){.ll-builder-add-actions{min-width:220px;position:sticky;left:0}.ll-deck-upload-grid{grid-template-columns:1fr 1fr}.ll-presentation--deck{min-height:500px}.ll-slide-canvas img,.ll-slide-canvas iframe{min-height:340px}.ll-activity-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.ll-deck-upload-grid{grid-template-columns:1fr}.ll-presentation--deck{padding:12px}.ll-slide-caption{flex-direction:column;align-items:flex-start;gap:3px}.ll-activity-picker-backdrop{padding:76px 10px 10px}.ll-activity-picker{max-height:calc(100dvh - 90px);box-shadow:6px 6px 0 var(--ll-ink)}.ll-activity-picker>header{padding:14px}.ll-activity-picker>header h2{font-size:1.25rem}.ll-activity-picker-grid{grid-template-columns:1fr;padding:10px}.ll-activity-picker-grid>button{min-height:82px}}.ll-presentation--deck{background:#17213a;min-height:530px;padding:0;display:block;position:relative;overflow:hidden}.ll-presentation--deck>.ll-presentation-kicker{z-index:4;border:2px solid var(--ll-ink);box-shadow:3px 3px 0 var(--ll-ink);background:#fffffff0;border-radius:7px;margin:0;padding:6px 9px;font-size:.55rem;position:absolute;top:14px;left:14px}.ll-presentation--deck .ll-slide-canvas{min-height:0;box-shadow:none;background:#111a2f;border:0;border-radius:0;position:absolute;inset:0}.ll-presentation--deck .ll-slide-canvas>img,.ll-presentation--deck .ll-slide-canvas canvas{-o-object-fit:contain;object-fit:contain;background:#fff;border:0;width:100%;height:100%;min-height:0;display:block}.ll-pdf-slide-image{background:#111a2f;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.ll-pdf-slide-image canvas{opacity:0;transition:opacity .18s}.ll-pdf-slide-image.is-ready canvas{opacity:1}.ll-pdf-slide-state{color:var(--ll-ink);background:#edf8ff;place-content:center;justify-items:center;gap:10px;display:grid;position:absolute;inset:0}.ll-pdf-slide-state>span{border:4px solid #c6d1e5;border-top-color:var(--ll-ink);border-radius:50%;width:34px;height:34px;animation:.7s linear infinite ll-pdf-spin}.ll-pdf-slide-state strong,.ll-pdf-slide-state a{font-size:.66rem}.ll-pdf-slide-state.is-error{background:#fff0ed}.ll-pdf-slide-state.is-error a{color:var(--ll-ink);font-weight:900}.ll-slide-caption{z-index:4;box-shadow:3px 3px 0 var(--ll-ink);background:#fffffff0;position:absolute;bottom:14px;left:14px;right:14px}.ll-presentation--deck .ll-teacher-note{z-index:5;bottom:72px;right:20px}.ll-material-preview .ll-pdf-slide-image{width:100%;height:100%;position:relative}@keyframes ll-pdf-spin{to{transform:rotate(360deg)}}.ll-workspace--result .ll-panel-head{background:var(--ll-green)}.ll-instant-result{text-align:center;align-content:center;justify-items:center;min-height:100%;padding:28px;display:grid}.ll-instant-result-mark{border:3px solid var(--ll-ink);background:var(--ll-green);width:78px;height:78px;box-shadow:6px 6px 0 var(--ll-ink);border-radius:18px;place-items:center;margin-bottom:14px;display:grid;transform:rotate(-3deg)}.ll-instant-result.is-wrong .ll-instant-result-mark{background:var(--ll-coral);transform:rotate(3deg)}.ll-instant-result.is-review .ll-instant-result-mark{background:var(--ll-purple)}.ll-instant-result-mark svg{width:36px;height:36px}.ll-instant-result>span{color:#5b4cad;letter-spacing:.08em;text-transform:uppercase;font-size:.58rem;font-weight:900}.ll-instant-result h2{margin:.4rem 0;font-size:clamp(2rem,4.5vw,4.1rem);line-height:.95}.ll-instant-result>p{max-width:560px;color:var(--ll-muted);margin:.4rem 0 1rem;font-size:.76rem;line-height:1.55}.ll-instant-answer,.ll-instant-output,.ll-instant-explanation{border:2px solid var(--ll-ink);text-align:left;width:min(620px,100%);box-shadow:3px 3px 0 var(--ll-ink);background:#fff;border-radius:9px;margin-top:10px;padding:12px 14px}.ll-instant-answer small,.ll-instant-output small{color:var(--ll-muted);text-transform:uppercase;font-size:.5rem;font-weight:900;display:block}.ll-instant-answer strong{margin-top:3px;font-size:.88rem;display:block}.ll-instant-output pre{white-space:pre-wrap;margin:5px 0 0;font-family:Consolas,monospace;font-size:.7rem}.ll-instant-explanation{background:#fff8d5;grid-template-columns:38px 1fr;align-items:start;gap:9px;display:grid}.ll-instant-explanation b{border:2px solid var(--ll-ink);background:var(--ll-yellow);text-transform:uppercase;border-radius:6px;place-items:center;height:32px;font-size:.55rem;display:grid}.ll-instant-explanation p{color:var(--ll-muted);margin:0;font-size:.68rem;line-height:1.5}.ll-library-filters{border:2px solid var(--ll-ink);background:#edf8ff;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:9px 14px;margin-top:18px;padding:12px;display:grid}.ll-library-filters .ll-library-tabs{grid-column:1/-1;margin:0}.ll-stack-tabs{flex-wrap:wrap;gap:6px;display:flex}.ll-stack-tabs button{border:2px solid var(--ll-ink);cursor:pointer;background:#fff;border-radius:7px;padding:7px 9px;font-size:.56rem;font-weight:900}.ll-stack-tabs button.is-active{box-shadow:3px 3px 0 var(--ll-ink);transform:translate(-1px,-1px)}.ll-stack-tabs button.is-zero.is-active{background:var(--ll-green)}.ll-stack-tabs button.is-alpha.is-active{background:var(--ll-blue)}.ll-stack-tabs button.is-prime.is-active{background:var(--ll-purple)}.ll-stack-tabs button.is-apex.is-active{background:var(--ll-yellow)}.ll-category-filter{gap:4px;display:grid}.ll-category-filter span{text-transform:uppercase;font-size:.5rem;font-weight:900}.ll-category-filter select{border:2px solid var(--ll-ink);min-width:170px;color:var(--ll-ink);background:#fff;border-radius:7px;padding:7px 28px 7px 8px;font-size:.58rem;font-weight:800}.ll-lesson-badges{flex-wrap:wrap;gap:5px;display:flex}.ll-lesson-badges span{border:1.5px solid var(--ll-ink);text-transform:uppercase;background:#fff8d5;border-radius:5px;padding:3px 5px;font-size:.46rem;font-weight:900}.ll-lesson-badges span:first-child{background:var(--ll-green)}@media (max-width:900px){.ll-library-filters{grid-template-columns:1fr}.ll-library-filters .ll-library-tabs{grid-column:auto}.ll-category-filter select{width:100%}.ll-presentation--deck{min-height:500px}}@media (max-width:620px){.ll-presentation--deck>.ll-presentation-kicker{top:8px;left:8px}.ll-slide-caption{bottom:8px;left:8px;right:8px}.ll-instant-result{padding:18px}.ll-instant-result-mark{width:62px;height:62px}.ll-instant-result h2{font-size:2.3rem}.ll-library-tabs,.ll-stack-tabs{flex-wrap:nowrap;overflow-x:auto}.ll-library-tabs button,.ll-stack-tabs button{flex:none}}