:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#141515;background:#9fc7dc;font-synthesis:none;--ink:#151717;--paper:#fbf8ef;--coral:#ff643d;--blue:#2563d9;--mint:#35c59a;--yellow:#ffc329;--shadow:4px 5px 0 var(--ink)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(120deg,#a9cfdf,#d8e7e9 55%,#f3eadb)}button,input{font:inherit}.app-shell{width:min(1440px,calc(100% - 32px));margin:22px auto;border:2px solid var(--ink);border-radius:26px;background:#fbf8eff5;box-shadow:8px 10px #151717e6;overflow:hidden}.topbar{height:86px;display:grid;grid-template-columns:240px 1fr auto;align-items:center;border-bottom:2px solid var(--ink);padding:0 24px;gap:24px}.brand{color:var(--ink);font-size:27px;font-weight:950;text-decoration:none;letter-spacing:-1.8px;display:flex;align-items:center;gap:8px}.brand span{background:var(--coral);border:2px solid var(--ink);border-radius:9px;padding:7px;box-shadow:2px 3px 0 var(--ink)}.activity-title{display:flex;align-items:center;gap:10px;font-size:24px}.activity-title button{border:0;background:transparent}.top-actions{display:flex;gap:10px;align-items:center}.top-actions button,.paper-button{border:2px solid var(--ink);border-radius:9px;padding:10px 14px;font-weight:800;background:#fff}.top-actions .share-button{background:var(--mint)}.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);border:2px solid var(--ink);font-weight:900}.workspace{display:grid;grid-template-columns:190px minmax(420px,1fr) 340px;min-height:660px}.sidebar{padding:24px 18px;border-right:2px solid var(--ink);display:flex;flex-direction:column;justify-content:space-between}.sidebar nav{display:grid;gap:8px}.sidebar nav a{color:var(--ink);text-decoration:none;padding:12px;border-radius:10px;font-weight:650}.sidebar nav a.active{background:#dce8ff;color:#164bb0}.sidebar nav a:first-letter{font-size:18px}.class-card{border:2px solid var(--ink);border-radius:14px;padding:14px;background:#fff;display:grid;gap:4px}.class-card span{font-size:14px}.class-card button{margin-top:13px;border:2px solid var(--ink);background:var(--mint);padding:10px;border-radius:8px;transform:rotate(-2deg);box-shadow:3px 4px 0 var(--ink);text-align:left}.class-card b{display:block;font-size:17px}.stage-column{padding:28px 18px}.slide-label{display:inline-block;border:2px solid var(--ink);border-radius:8px;padding:5px 10px;background:#e1e9ff;color:#1848af;font-weight:800;margin-bottom:10px}.media-stage{position:relative;aspect-ratio:16/9;overflow:hidden;border:2px solid var(--ink);border-radius:12px;background:#26393f}.building-grid{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 48%,rgba(255,255,255,.15) 49% 51%,transparent 52%),linear-gradient(0deg,transparent 46%,rgba(255,255,255,.13) 47% 50%,transparent 51%),linear-gradient(135deg,#16242c,#455d65);background-size:92px 100%,100% 72px,100%}.billboard{position:absolute;left:34%;top:17%;width:47%;background:var(--yellow);border:4px solid var(--ink);padding:16px;transform:rotate(-1deg);box-shadow:8px 9px #090b0b;display:grid;gap:3px}.billboard b{font-size:clamp(32px,5vw,70px);line-height:.85;letter-spacing:-4px}.billboard strong{font-size:clamp(16px,2.3vw,32px);background:var(--ink);color:#fff;padding:3px 6px;width:max-content}.billboard span{font-weight:900;margin-top:6px}.video-controls{position:absolute;left:0;right:0;bottom:0;height:46px;background:#050707e6;color:#fff;display:flex;align-items:center;gap:10px;padding:0 14px;font-size:12px}.video-controls button{border:0;background:transparent;color:#fff}.video-controls i{height:4px;background:#fff;opacity:.8;flex:1;border-radius:3px}.response-actions{display:flex;gap:10px;padding:14px 2px}.response-actions button{min-height:48px;border:2px solid var(--ink);border-radius:9px;padding:8px 13px;font-weight:900;display:flex;align-items:center;gap:7px;box-shadow:3px 4px 0 var(--ink);position:relative;transition:.16s}.response-actions button:hover,.response-actions button.selected{transform:translateY(-3px) rotate(-1deg);box-shadow:4px 6px 0 var(--ink)}.response-actions img{width:22px;height:22px}.response-actions .coral{background:#ff8290}.response-actions .mint{background:#5fd2ad}.response-actions .blue{background:#5488e9;color:#fff}.response-actions .yellow{background:#ffd14a}.response-actions .upload{background:#fff}.composer-preview{border:2px solid var(--ink);border-radius:13px;background:#fff;padding:14px;display:flex;align-items:center;gap:12px}.composer-preview span{color:#606561;flex:1}.composer-preview button{border:2px solid var(--ink);border-radius:8px;padding:8px 12px;background:var(--coral);font-weight:800}.thread-panel{border-left:2px solid var(--ink);padding:24px 18px;background:#fffdf7}.thread-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:20px}.thread-head button{border:0;background:transparent}.response-card{display:grid;grid-template-columns:40px 1fr;gap:10px;padding:14px 8px 14px 10px;border:1.5px solid #9c9d98;border-radius:12px;margin-bottom:12px;background:#fff}.response-card.reply{margin-left:22px;background:#f5fbf6}.response-card strong,.response-card small{display:block}.response-card small{font-size:11px;color:#6c716e;margin:2px 0 8px}.response-card p{margin:8px 0 0;line-height:1.45}.person{width:38px;height:38px;border:2px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:900}.sarah{background:#f0a983}.jamal{background:#b7d585}.priya{background:#a2c7ee}.wave{height:40px;border:1.5px solid #f2a9b2;background:#ffedf0;border-radius:8px;display:flex;align-items:center;gap:2px;padding:0 9px}.wave i{width:3px;border-radius:5px;background:#f24b69}.wave-mint{background:#e2f7ef;border-color:#9bddc7}.wave-mint i{background:#209a75}.reply-box{display:flex;gap:8px;margin-top:18px}.reply-box input{min-width:0;flex:1;border:2px solid #8b8d88;border-radius:9px;padding:11px}.reply-box button{width:46px;border:2px solid var(--ink);border-radius:8px;background:var(--blue);color:#fff;font-weight:900}@media (max-width:1050px){.workspace{grid-template-columns:76px minmax(420px,1fr) 310px}.sidebar nav a span{display:none}.class-card{display:none}.topbar{grid-template-columns:auto 1fr auto}.brand{font-size:0}.brand span{font-size:24px}}@media (max-width:780px){.app-shell{width:100%;margin:0;border:0;border-radius:0;box-shadow:none}.topbar{height:auto;padding:14px;grid-template-columns:auto 1fr}.activity-title{font-size:19px}.top-actions{grid-column:1/-1;justify-content:flex-end}.workspace{display:block}.sidebar{padding:8px;border:0;border-bottom:2px solid var(--ink)}.sidebar nav{display:flex;overflow:auto}.sidebar nav a{white-space:nowrap}.sidebar nav a span{display:inline}.stage-column{padding:16px 12px}.thread-panel{border-left:0;border-top:2px solid var(--ink)}.response-actions{overflow-x:auto}.response-actions button{flex:0 0 auto}.composer-preview{align-items:flex-start;flex-wrap:wrap}.composer-preview span{flex-basis:50%}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}button:focus-visible,a:focus-visible,input:focus-visible{outline:4px solid #8b4fe8;outline-offset:3px}.brand{border:0;background:transparent;cursor:pointer}.brand span i{font-style:normal}.sidebar nav button{color:var(--ink);text-align:left;border:0;background:transparent;padding:12px;border-radius:10px;font-weight:650;display:flex;gap:11px;cursor:pointer}.sidebar nav button.active{background:#dce8ff;color:#164bb0}.sidebar nav button b{font-size:18px;width:20px;text-align:center}.class-card button i{position:absolute;font-size:0}.toast{position:fixed;z-index:50;top:20px;left:50%;transform:translate(-50%) rotate(-1deg);background:var(--yellow);border:2px solid var(--ink);box-shadow:var(--shadow);border-radius:10px;padding:12px 18px;font-weight:900}.stage-meta{display:flex;align-items:center;gap:8px}.stage-meta .slide-label{margin-right:auto}.stage-meta button{border:1px solid var(--ink);background:#fff;border-radius:50%;width:28px;height:28px}.stage-meta span{font-size:11px;letter-spacing:2px;color:#245cc7}.building-lines{position:absolute;inset:auto 0 46px 0;height:25%;background:linear-gradient(15deg,transparent 45%,rgba(0,0,0,.7) 46% 51%,transparent 52%)}.point-mode{cursor:crosshair;box-shadow:0 0 0 5px var(--yellow)}.point-hint{position:absolute;top:14px;left:50%;transform:translate(-50%);background:#fff;border:2px solid var(--ink);border-radius:99px;padding:8px 14px;font-weight:800;z-index:3}.annotation-pin{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border:3px solid var(--ink);border-radius:50%;background:var(--yellow);font-size:24px;box-shadow:3px 4px 0 var(--ink);z-index:4}.annotation-pin b{position:absolute;right:-8px;top:-8px;border:2px solid var(--ink);background:#fff;border-radius:50%;font-size:11px;width:20px;height:20px;display:grid;place-items:center}.response-actions .upload{min-height:48px;border:2px solid var(--ink);border-radius:9px;padding:8px 13px;font-weight:900;display:flex;align-items:center;box-shadow:3px 4px 0 var(--ink);background:#fff;cursor:pointer}.composer-sheet{border:2px solid var(--ink);border-radius:15px;padding:14px;background:#fff;display:grid;grid-template-columns:1fr 1.4fr;gap:12px;align-items:center;box-shadow:4px 5px 0 var(--ink)}.composer-sheet>div:first-child{display:grid}.eyebrow{font-size:11px;font-weight:900;color:#56605b;text-transform:uppercase;letter-spacing:1px}.composer-sheet textarea{min-height:70px;resize:vertical;border:2px solid #8b8d88;border-radius:8px;padding:10px}.composer-buttons{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}.composer-buttons button,.record-button{border:2px solid var(--ink);background:#fff;border-radius:8px;padding:9px 12px;font-weight:800}.composer-buttons .submit{background:var(--blue);color:#fff}.composer-buttons .submit:disabled{opacity:.45}.record-button{background:#ffdde2;color:#b9213d}.record-button.recording{background:#ff5d72;color:#111}.thread-list{max-height:505px;overflow:auto;padding-right:4px}.thread-head strong span{font-size:12px;border-radius:99px;background:#e7e7e2;padding:3px 7px}.tiny-reply{border:0;background:transparent;color:#3759a8;font-size:11px;padding:8px 0 0;font-weight:700}.wave b{margin-left:auto;font-size:10px}.page-content{grid-column:2/-1;padding:38px;min-width:0;background:#fffdf7;min-height:660px}.page-content.narrow{max-width:none;padding-right:20%}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading span,.kicker{font-weight:950;font-size:11px;letter-spacing:1.4px;color:#2762c9}.page-heading h1{font-size:clamp(32px,4vw,52px);letter-spacing:-2.5px;margin:5px 0}.page-heading p{margin:0;color:#626966}.page-heading>button,.save-settings{border:2px solid var(--ink);box-shadow:3px 4px 0 var(--ink);background:var(--blue);color:#fff;border-radius:9px;padding:11px 15px;font-weight:900}.welcome-card{min-height:390px;border:2px solid var(--ink);border-radius:22px;background:#a8ccdc;padding:38px;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;position:relative}.welcome-card h1{font-size:clamp(46px,6vw,82px);line-height:.88;letter-spacing:-5px;margin:18px 0}.welcome-card h1 em{font-style:normal;color:var(--blue);background:#fff;padding:0 10px;border:3px solid var(--ink);box-shadow:5px 6px 0 var(--ink);display:inline-block;transform:rotate(-1deg)}.welcome-card p{font-size:18px;line-height:1.5;max-width:570px}.join-row{display:flex;gap:8px;margin-top:24px}.join-row input{border:2px solid var(--ink);border-radius:9px;padding:12px;min-width:0}.join-row button{border:2px solid var(--ink);box-shadow:3px 4px 0 var(--ink);background:var(--coral);border-radius:9px;padding:12px;font-weight:900}.hero-stack{position:relative;min-height:300px}.hero-stack .paper{position:absolute;background:#fff;border:3px solid var(--ink);box-shadow:9px 11px 0 var(--ink);border-radius:12px;display:flex;align-items:center;gap:12px;padding:18px}.paper-a{width:290px;left:5%;top:28%;transform:rotate(6deg);display:grid!important}.paper-b{left:12%;top:4%;transform:rotate(-8deg)}.paper-c{right:1%;bottom:3%;transform:rotate(5deg)}.hero-stack img{width:54px}.hero-stack .sparkle{position:absolute}.star-one{right:4%;top:2%}.heart-one{left:0;bottom:2%}.overview{margin:22px 0;border:2px solid var(--ink);border-radius:13px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.overview div{display:flex;gap:16px;align-items:center}.overview span{font-size:11px;font-weight:900}.overview small{color:#666}.overview button,.quick-grid button{border:0;background:transparent;font-weight:900}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quick-grid article{border:2px solid var(--ink);border-radius:13px;padding:15px;display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:center}.quick-grid article>button{grid-column:2;text-align:left}.quick-grid article div{display:grid}.quick-grid small{color:#666}.round-icon{width:42px;height:42px;border:2px solid var(--ink);border-radius:50%;display:grid;place-items:center}.coral-bg{background:var(--coral)}.mint-bg{background:var(--mint)}.yellow-bg{background:var(--yellow)}.class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.course-card,.new-course{min-height:310px;border:2px solid var(--ink);border-radius:18px;padding:25px;text-align:left;box-shadow:5px 6px 0 var(--ink)}.course-card>span{border:2px solid var(--ink);background:#fff;border-radius:99px;padding:5px 10px;font-weight:950}.course-card h2{font-size:30px;line-height:1;margin-top:48px}.course-card div{display:flex;gap:13px;margin:26px 0}.course-card button{border:2px solid var(--ink);border-radius:8px;background:#fff;padding:10px;font-weight:900}.orange-card{background:#ff895d}.blue-card{background:#92bdec}.new-course{background:#fffdf7;border-style:dashed;box-shadow:none;display:grid;place-items:center;align-content:center;gap:13px;text-align:center;font-size:18px}.new-course:first-letter{font-size:44px}.new-course span{font-size:14px;color:#666}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:22px}.metric{border:2px solid var(--ink);border-radius:13px;padding:16px;display:flex;align-items:baseline;gap:10px;box-shadow:3px 4px 0 var(--ink)}.metric strong{font-size:35px}.metric-mint{background:#bcf1dd}.metric-blue{background:#dce9ff}.metric-yellow{background:#fff0af}.table-card,.settings-card{border:2px solid var(--ink);border-radius:15px;background:#fff;padding:18px}.table-tools{display:flex;align-items:center;gap:10px}.table-tools strong{margin-right:auto;font-size:20px}.table-tools input,.table-tools button{border:1.5px solid #777;border-radius:8px;padding:8px;background:#fff}.table-card table{width:100%;border-collapse:collapse;margin-top:14px}.table-card th,.table-card td{text-align:left;padding:12px;border-top:1px solid #cbc9c1}.table-card th{font-size:11px;color:#62635f}.table-card td:first-child{display:flex;align-items:center;gap:9px}.table-card td>button{border:0;background:transparent}.status{border-radius:99px;padding:5px 9px;font-weight:700;font-size:12px}.status-complete{background:#d8f5e8;color:#167957}.status-in{background:#fff0b0;color:#806000}.status-not{background:#ffe0df;color:#a52d28}.library-tools{display:flex;gap:7px;margin-bottom:20px}.library-tools button,.library-tools input{border:1.5px solid #888;background:#fff;border-radius:8px;padding:9px 12px}.library-tools button.active{background:var(--ink);color:#fff}.library-tools input{margin-left:auto}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.media-grid article{border:2px solid var(--ink);border-radius:14px;padding:10px;display:grid;grid-template-columns:1fr auto}.media-grid article>div:nth-child(2){display:grid;padding:10px 4px}.media-grid article>button{border:0;background:transparent}.media-grid small{color:#666}.media-thumb{grid-column:1/-1;aspect-ratio:16/9;border:2px solid var(--ink);border-radius:8px;display:grid;place-items:center;overflow:hidden}.media-thumb span{font-size:28px;font-weight:950;white-space:pre-line;text-align:center}.thumb-yellow{background:#ffc62f}.thumb-black{background:#161817;color:#fff}.thumb-orange{background:#ff7347}.thumb-cream{background:#f4eddb}.thumb-mint{background:#58caa7}.thumb-blue{background:#b7d3f1}.settings-card{margin-bottom:17px}.settings-card h2{margin-top:0}.setting,.select-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;border-top:1px solid #d0cec7}.setting span,.select-row span{display:grid}.setting small,.select-row small{color:#666;margin-top:3px}.setting button{width:48px;height:27px;border:2px solid var(--ink);border-radius:99px;background:#ddd;padding:2px}.setting button i{display:block;width:19px;height:19px;background:#fff;border:1px solid var(--ink);border-radius:50%;transition:.16s}.setting button.on{background:var(--mint)}.setting button.on i{transform:translate(19px)}.select-row select{border:1.5px solid #777;border-radius:8px;padding:10px;background:#fff}.save-settings{float:right}.builder-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.builder-form,.media-order{border:2px solid var(--ink);border-radius:14px;padding:20px;background:#fff}.builder-form>label{display:grid;gap:6px;font-weight:800;margin-bottom:17px}.builder-form input,.builder-form textarea{border:1.5px solid #777;border-radius:8px;padding:10px}.builder-form textarea{min-height:100px}.builder-modes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.builder-modes label{border:2px solid var(--ink);border-radius:8px;padding:8px;display:flex;align-items:center;gap:6px;font-weight:800}.builder-modes img{width:24px}.builder-modes .coral{background:#ffbdc5}.builder-modes .mint{background:#b7eddb}.builder-modes .blue{background:#c4d8ff}.builder-modes .yellow{background:#ffec9b}.range-value{float:right;color:#245ac0}.media-order>div{display:flex;justify-content:space-between;margin-bottom:14px}.media-order>div button{border:2px solid var(--ink);background:#fff;border-radius:7px;font-weight:800}.media-order article{display:grid;grid-template-columns:24px 48px 1fr auto;gap:9px;align-items:center;border:1.5px solid #8e8e88;border-radius:9px;padding:8px;margin-bottom:8px}.media-order article div{display:grid}.media-order article small{color:#666}.media-order article>button{border:0;background:transparent}.mini-thumb{height:40px;border:1.5px solid var(--ink);border-radius:5px;display:grid;place-items:center;background:var(--yellow);font-size:10px;font-weight:900}.mt-1{background:#171918;color:#fff}.mt-2{background:var(--coral)}.mt-3{background:#eee8d9}.mt-4{background:var(--mint)}.builder-footer{display:flex;justify-content:space-between;margin-top:18px}.builder-footer button{border:2px solid var(--ink);border-radius:8px;background:#fff;padding:10px 14px;font-weight:900}.builder-footer .primary{background:var(--blue);color:#fff}@media (max-width:1050px){.sidebar nav button span{display:none}.page-content{padding:28px}.class-grid{grid-template-columns:1fr 1fr}.new-course{min-height:200px}.media-grid{grid-template-columns:1fr 1fr}.welcome-card{grid-template-columns:1fr}.hero-stack{display:none}}@media (max-width:780px){.sidebar nav{display:flex;overflow:auto}.sidebar nav button span{display:inline}.page-content{padding:20px 13px}.page-heading{align-items:flex-start}.page-heading>button{white-space:nowrap}.welcome-card{padding:25px}.welcome-card h1{letter-spacing:-3px}.join-row{flex-direction:column}.quick-grid,.class-grid,.metric-grid,.media-grid,.builder-grid{grid-template-columns:1fr}.overview div{display:grid;gap:2px}.library-tools{overflow:auto}.library-tools input{display:none}.table-card{overflow:auto}.page-content.narrow{padding-right:13px}.composer-sheet{grid-template-columns:1fr}.builder-modes{grid-template-columns:1fr 1fr}}.skip-link{position:absolute;left:-999px;top:8px;z-index:99;background:var(--yellow);border:2px solid var(--ink);border-radius:8px;padding:10px 14px;font-weight:900;color:var(--ink)}.skip-link:focus{left:12px}.brand{position:relative}.brand .tagline{position:absolute;left:56px;top:56px;font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.4px;background:#fff;border:2px solid var(--ink);border-radius:99px;padding:2px 9px;transform:rotate(-2deg);box-shadow:2px 2px 0 var(--ink);white-space:nowrap}.topbar{overflow:visible}.sidebar nav button{align-items:center;min-height:44px}.sidebar nav button b{display:grid;place-items:center;width:22px}.top-actions button{display:flex;align-items:center;gap:6px;min-height:44px}.response-actions button svg,.response-actions .upload svg{flex:0 0 auto}.stage-meta .dots{display:flex;gap:6px;align-items:center}.stage-meta .dots i{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--ink);background:#fff;display:block}.stage-meta .dots i.on{background:var(--blue)}.stage-meta button{min-width:32px;min-height:32px;font-size:16px;cursor:pointer}.media-type-chip{position:absolute;right:10px;top:10px;background:#fff;border:2px solid var(--ink);border-radius:6px;padding:3px 8px;font-size:10px;font-weight:900;letter-spacing:1px;box-shadow:2px 2px 0 var(--ink)}.annotation-pin.posted{width:34px;height:34px;font-size:17px;background:#fff}.pin-chip{display:inline-grid;place-items:center;width:20px;height:20px;border:2px solid var(--ink);border-radius:50%;background:var(--yellow);font-size:11px;margin-right:6px;vertical-align:-4px}.stage-sneaker{background:#171a1e}.scene{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.scene-sneaker{grid-template-columns:1fr 1fr;padding:0 6%}.scene-sneaker b{font-size:clamp(34px,5.5vw,74px);color:#fff;letter-spacing:-3px;line-height:.9}.sneaker-mark{width:min(84%,360px);filter:drop-shadow(6px 7px 0 rgba(255,255,255,.15))}.stage-poster{background:#b7d3f1}.poster-sheet{background:var(--coral);border:4px solid var(--ink);box-shadow:9px 10px 0 var(--ink);padding:6% 8%;transform:rotate(1.5deg);text-align:center;display:grid;gap:8px}.poster-sheet b{font-size:clamp(30px,5vw,64px);line-height:.88;letter-spacing:-3px;color:#fff;-webkit-text-stroke:2px var(--ink)}.poster-sheet span{font-weight:800;background:#fff;border:2px solid var(--ink);border-radius:99px;padding:3px 10px;font-size:12px}.stage-print{background:#dcd3bd}.print-sheet{width:min(62%,430px);background:#fffdf6;border:3px solid var(--ink);box-shadow:8px 9px #151717d9;padding:22px 26px;transform:rotate(-1deg);display:grid;gap:7px}.print-sheet b{font-size:clamp(16px,2.2vw,26px);letter-spacing:-1px}.print-sheet i{display:block;height:5px;border-radius:3px;background:#3b3d3a;opacity:.75}.print-figure{border:2px dashed var(--ink);border-radius:6px;padding:9px;font-size:10px;font-weight:900;letter-spacing:1px;text-align:center;background:#ffe9a8;margin:4px 0}.pdf-chip{width:max-content;background:var(--coral);color:#fff;border:2px solid var(--ink);border-radius:6px;padding:2px 8px;font-size:10px;font-weight:900;letter-spacing:1px}.stage-packaging{background:#8fd8bd}.pack-box{position:relative;transform:rotate(-2deg)}.pack-top{width:230px;height:34px;background:#d9f4e8;border:3px solid var(--ink);border-bottom:0;transform:skew(-38deg) translate(15px)}.pack-face{width:230px;height:170px;background:#fff;border:3px solid var(--ink);box-shadow:10px 11px #151717cc;display:grid;place-items:center;align-content:center;gap:8px}.pack-face b{font-size:44px;letter-spacing:-2px}.pack-face span{font-size:9px;font-weight:900;letter-spacing:1.5px;border-top:2px solid var(--ink);padding-top:6px}.recorder-panel{display:grid;gap:10px}.recorder-row{display:flex;gap:8px;flex-wrap:wrap}.record-button{min-height:44px;cursor:pointer}.live-video{width:100%;max-height:220px;background:#111;border:2px solid var(--ink);border-radius:10px;object-fit:cover}.recorder-panel audio{width:100%}.rec-error{margin:0;background:#ffe0df;border:2px solid var(--ink);border-radius:8px;padding:10px;font-weight:700}.post-recording{border:2px solid var(--ink);border-radius:8px;padding:9px 12px;font-weight:800;background:var(--blue);color:#fff}.limit-note{color:#5c625e;margin-top:4px}.response-card audio{width:100%;margin-top:8px}.thread-video{width:100%;margin-top:8px;border:2px solid var(--ink);border-radius:10px;background:#111}.thread-image{width:100%;margin-top:8px;border:2px solid var(--ink);border-radius:10px;display:block}.unsaved{color:#8a6d00;background:#fff3c4;border-radius:8px;padding:8px;font-size:12px}.tiny-reply{min-height:32px;cursor:pointer}.reply-box button{display:grid;place-items:center}.table-tools select{border:1.5px solid #777;border-radius:8px;padding:8px;background:#fff}.library-tools button{cursor:pointer}.order-buttons{display:flex;gap:4px}.order-buttons button{border:1.5px solid var(--ink);background:#fff;border-radius:6px;width:30px;height:30px;cursor:pointer}.order-buttons button:disabled{opacity:.35}.mini-billboard{background:var(--yellow)}.mini-sneaker{background:#171918;color:#fff}.mini-poster{background:var(--coral)}.mini-print{background:#eee8d9}.mini-packaging{background:var(--mint)}.builder-form input[type=range]{accent-color:var(--coral)}.danger-button{border:2px solid var(--ink);border-radius:8px;background:#ffe0df;padding:9px 14px;font-weight:900;cursor:pointer;min-height:44px}.site-footer{margin-top:26px;text-align:center;color:#5f6663;font-size:12.5px}.hero-stack .paper svg{flex:0 0 auto}.sparkle svg,svg.sparkle{overflow:visible}button{cursor:pointer}@media (max-width:1050px){.brand .tagline{display:none}}@media (max-width:780px){.scene-sneaker{grid-template-columns:1fr;gap:4px;text-align:center;padding:4%}.sneaker-mark{width:50%}.print-sheet{width:84%;padding:14px}.pack-face{width:170px;height:130px}.pack-top{width:170px}}.live-chip{border:2px solid var(--ink);border-radius:99px;background:#bcf1dd;color:#0c5c40;font-size:10px;font-weight:900;letter-spacing:1px;padding:4px 9px}.leave-class{margin-top:13px;border:2px solid var(--ink);background:#ffe0df;padding:10px;border-radius:8px;font-weight:800;box-shadow:3px 4px 0 var(--ink)}.demo-link{border:0;background:transparent;font-weight:700;color:#2a4d8f;text-decoration:underline;padding:10px 0 0;text-align:left}.join-row input{flex:1}.instructions-card{border:2px solid var(--ink);border-radius:14px;background:#fff8e3;box-shadow:4px 5px 0 var(--ink);padding:0 16px;margin-bottom:16px}.instructions-card summary{cursor:pointer;padding:13px 0;font-weight:900;font-size:17px;display:flex;gap:10px;align-items:center;min-height:44px}.instructions-card summary .eyebrow{background:var(--yellow);border:2px solid var(--ink);border-radius:6px;padding:2px 8px}.instructions-card p{margin:0 0 14px;line-height:1.5;max-width:70ch}.instructions-card .intro-player{margin-bottom:14px}.intro-player video{max-height:300px;background:#111}.media-player video{width:100%;border:2px solid var(--ink);border-radius:10px;background:#111;display:block}.media-player audio{width:100%;margin-top:6px}.transcript{margin-top:6px}.transcript summary{cursor:pointer;font-weight:800;font-size:12px;color:#2a4d8f;min-height:32px;display:flex;align-items:center}.transcript p{margin:4px 0 0;font-size:13px;line-height:1.5;background:#f4f2ea;border-radius:8px;padding:10px;white-space:pre-wrap}.transcript-edit{display:grid;gap:6px;font-weight:800;font-size:12.5px}.transcript-edit textarea{border:2px solid #8b8d88;border-radius:8px;padding:10px;font-weight:400;resize:vertical}.gallery-intro{border:2px solid var(--ink);border-radius:14px;background:#fff;box-shadow:4px 5px 0 var(--ink);padding:16px;margin-bottom:20px;display:grid;gap:10px;max-width:620px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}.gallery-card{border:2px solid var(--ink);border-radius:14px;background:#fff;box-shadow:4px 5px 0 var(--ink);padding:12px;display:grid;gap:10px;align-content:start}.gallery-media img{width:100%;border:2px solid var(--ink);border-radius:10px;display:block}.gallery-card footer{display:flex;gap:10px;align-items:center}.gallery-card footer div{display:grid}.gallery-card small{color:#666}.gallery-empty{border:2px dashed var(--ink);border-radius:14px;padding:34px;text-align:center;background:#fffdf7}.gallery-empty p{margin:0;color:#4d534f}.pin-gate{display:grid;gap:14px;max-width:420px}.pin-gate label{display:grid;gap:6px;font-weight:800}.pin-gate input{border:2px solid #8b8d88;border-radius:8px;padding:11px}.pin-gate .save-settings{float:none;justify-self:start}.h3-note{font-weight:600;color:#666;font-size:12px}.intro-review{display:grid;gap:10px;margin-bottom:16px;max-width:480px}.intro-review .danger-button{justify-self:start}.builder-form>.recorder-panel{border:2px dashed #9c9d98;border-radius:10px;padding:12px;margin-bottom:16px}video::cue{background:#000000d9;color:#fff;font-size:16px}@media (max-width:780px){.join-row{flex-direction:column}.gallery-grid{grid-template-columns:1fr}}.response-actions .lilac{background:#c9b8f5}.builder-modes .lilac{background:#e2d8fb}.back-to-prompts{border:2px solid var(--ink);background:#fff;border-radius:8px;padding:8px 13px;font-weight:800;margin-bottom:12px;box-shadow:2px 3px 0 var(--ink)}.prompt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.prompt-card{border:2px solid var(--ink);border-radius:16px;background:#fff;box-shadow:5px 6px 0 var(--ink);padding:18px;display:grid;gap:10px;align-content:start}.prompt-card header{display:flex;justify-content:space-between;align-items:center}.prompt-number{width:34px;height:34px;border:2px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-weight:900;background:var(--yellow)}.prompt-card h2{margin:0;font-size:23px;letter-spacing:-.5px;line-height:1.05}.prompt-card p{margin:0;color:#565c58;font-size:14px;line-height:1.45;min-height:40px}.prompt-card footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:4px}.prompt-card footer small{color:#666}.prompt-card footer button{border:2px solid var(--ink);border-radius:8px;background:var(--blue);color:#fff;padding:9px 13px;font-weight:900;box-shadow:2px 3px 0 var(--ink)}.prompt-complete{background:#f2fbf6}.prompt-complete .prompt-number{background:var(--mint)}.prompt-in{background:#fffaf0}.prompt-new{min-height:210px}@media (max-width:780px){.prompt-grid{grid-template-columns:1fr}}.builder-modes{grid-template-columns:repeat(3,1fr)}.builder-modes .paper{background:#fff}.card-actions{display:flex;gap:14px;align-items:center}.tiny-delete{border:0;background:transparent;color:#b3261e;font-size:11px;padding:8px 0 0;font-weight:800;cursor:pointer;min-height:32px}.gallery-card footer .tiny-delete{margin-left:auto;padding:6px;border:1.5px solid #b3261e;border-radius:6px;min-width:32px;min-height:32px}.unlock-row{align-items:center}.unlock-controls{display:flex;gap:8px;align-items:center}.unlock-controls input{border:2px solid #8b8d88;border-radius:8px;padding:9px;width:130px}.unlock-controls .save-settings{float:none}.unlocked-note{margin:8px 0 0;font-weight:700;color:#167957;background:#d8f5e8;border-radius:8px;padding:10px}@media (max-width:780px){.builder-modes{grid-template-columns:1fr 1fr}}.mint-card{background:#8fd8bd}.course-card-actions{display:flex;gap:10px;margin-top:8px}.class-builder{display:grid;gap:12px;place-items:stretch;align-content:start;text-align:left;font-size:16px;cursor:default;padding:22px}.class-builder strong{font-size:20px}.class-builder label{display:grid;gap:5px;font-weight:800;font-size:13px}.class-builder input{border:2px solid #8b8d88;border-radius:8px;padding:10px;font-weight:400;width:100%;min-width:0}.code-row{display:flex;gap:6px}.code-row button{border:2px solid var(--ink);background:#fff;border-radius:8px;width:42px;font-size:16px}.create-class-btn{border:2px solid var(--ink);border-radius:9px;background:var(--coral);padding:12px;font-weight:900;box-shadow:3px 4px 0 var(--ink);margin-top:4px}.create-class-btn:disabled{opacity:.5}.classes-hint{color:#5f6663;max-width:60ch}.stage-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#161817}.add-media-btn{border:2px solid var(--ink);background:#fff;border-radius:7px;font-weight:800;padding:8px 12px;cursor:pointer;display:inline-flex;align-items:center;min-height:40px}.media-note{margin:0 0 12px;font-size:12.5px;color:#666}.mini-photo{width:48px;height:40px;object-fit:cover;border:1.5px solid var(--ink);border-radius:5px}.mini-custom{background:#c9b8f5}.remove-media{color:#b3261e;border-color:#b3261e!important}.instructor-link{margin-top:8px;border:0;background:transparent;color:#2a4d8f;font-weight:700;font-size:12px;text-decoration:underline;padding:6px 0;text-align:left;min-height:32px}.prompt-head-right{display:flex;gap:8px;align-items:center}.prompt-head-right .tiny-delete{padding:4px 8px;border:1.5px solid #b3261e;border-radius:6px;min-height:30px}.how-strip{border:2px solid var(--ink);border-radius:10px;background:#e8f1ff;padding:10px 14px;margin:12px 0 0;font-size:13.5px;box-shadow:2px 3px 0 var(--ink)}.how-strip b{margin-right:4px}.landing-shell{max-width:1180px}.landing-topbar{grid-template-columns:1fr;justify-items:start}.landing{padding:34px clamp(16px,4vw,48px) 40px;display:grid;gap:22px;background:#fffdf7}.landing .welcome-card{min-height:360px}.join-hint{font-size:13px;color:#3c4440;margin:10px 0 0;font-weight:600}.landing-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.feature-chip{border:2px solid var(--ink);border-radius:12px;background:#fff;padding:13px;display:grid;gap:4px;justify-items:start;box-shadow:3px 4px 0 var(--ink)}.feature-chip b{font-size:15px}.feature-chip small{color:#5c625e;font-size:12px}.demo-card{border:2px dashed var(--ink);border-radius:14px;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;background:#f2f7ff}.demo-card div{display:grid;gap:3px}.demo-card strong{font-size:18px}.demo-card small{color:#5c625e}.demo-card>button{border:2px solid var(--ink);border-radius:9px;background:#fff;padding:11px 16px;font-weight:900;box-shadow:3px 4px 0 var(--ink);white-space:nowrap}.demo-chip{background:#ffe9a8;color:#6b5200}.due-chip{width:max-content;border:2px solid var(--ink);border-radius:99px;padding:3px 10px;font-size:11.5px;font-weight:900}.due-ok{background:#e6f0ff;color:#1848af}.due-soon{background:#fff0b0;color:#7a5c00}.due-late{background:#ffe0df;color:#a52d28}.due-row{display:flex;gap:8px;align-items:center}.due-row input{flex:0 0 auto}.clear-due{border:1.5px solid var(--ink);background:#fff;border-radius:7px;padding:8px 10px;font-weight:700}@media (max-width:780px){.demo-card{flex-direction:column;align-items:flex-start}.landing .welcome-card{padding:22px}}.mywork-group{border:2px solid var(--ink);border-radius:15px;background:#fff;box-shadow:4px 5px 0 var(--ink);padding:18px;margin-bottom:20px}.mywork-group>header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.mywork-group h2{margin:0;font-size:22px;letter-spacing:-.5px}.open-discussion{border:2px solid var(--ink);border-radius:8px;background:#fff;padding:8px 12px;font-weight:800;white-space:nowrap}.mywork-item{border:1.5px solid #b9b9b2;border-radius:11px;padding:12px 14px;margin-bottom:10px;display:grid;gap:7px}.mywork-kind{display:flex;align-items:center;gap:7px;font-weight:900;font-size:13px}.mywork-item small{color:#666}.mywork-item p{margin:0;line-height:1.5}.mywork-actions{display:flex;gap:8px;justify-content:flex-end}.mywork-actions button{border:1.5px solid var(--ink);border-radius:7px;background:#fff;padding:7px 11px;font-weight:800;min-height:36px}.mywork-actions .tiny-delete{border-color:#b3261e;padding:7px 11px}.mywork-actions .save-edit{background:var(--blue);color:#fff;border-width:2px}.mywork-edit textarea{width:100%;border:2px solid #8b8d88;border-radius:8px;padding:10px;resize:vertical}.instructor-card{background:#fff3e8;border-style:solid}.instructor-panel{border:2px solid var(--ink);border-radius:18px;background:#fff;box-shadow:5px 6px 0 var(--ink);padding:26px;max-width:480px;display:grid;gap:14px}.instructor-panel h1{margin:0;font-size:34px;letter-spacing:-1.5px}.instructor-tabs{display:flex;gap:8px}.instructor-tabs button{border:2px solid var(--ink);border-radius:99px;background:#fff;padding:9px 14px;font-weight:800;min-height:42px}.instructor-tabs button.active{background:var(--yellow)}.instructor-form{display:grid;gap:12px}.instructor-form label{display:grid;gap:5px;font-weight:800;font-size:13px}.instructor-form label small{font-weight:600;color:#666}.instructor-form input{border:2px solid #8b8d88;border-radius:8px;padding:11px;font-weight:400;width:100%;min-width:0}.instructor-form>small{color:#5c625e;font-weight:600}.instructor-panel .demo-link{padding:0 0 4px}.roster-add{display:flex;gap:8px;margin-bottom:16px;max-width:480px}.roster-add input{flex:1;border:2px solid #8b8d88;border-radius:8px;padding:11px;min-width:0}.roster-add button{border:2px solid var(--ink);border-radius:8px;background:var(--mint);padding:10px 14px;font-weight:900;box-shadow:2px 3px 0 var(--ink);white-space:nowrap}.roster-add button:disabled{opacity:.5}.roster-tag{display:block;font-style:normal;font-size:10.5px;color:#7a5c00;background:#fff0b0;border-radius:99px;padding:1px 7px;width:max-content;margin-top:2px}.roster-empty{color:#666;margin:14px 0 4px}.table-card td .tiny-delete{border:1.5px solid #b3261e;border-radius:6px;padding:5px 9px;min-height:30px}.peers-hidden{border:2px dashed var(--ink);border-radius:12px;background:#fff8e3;padding:20px;display:grid;gap:8px}.peers-hidden b{font-size:16px}.peers-hidden p{margin:0;line-height:1.5;color:#4d534f}