@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-vietnamese-400-normal-65jA92mZ.woff2)format("woff2"),url(/assets/patrick-hand-vietnamese-400-normal-CZjY324Y.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-ext-400-normal-Dno5CMlI.woff2)format("woff2"),url(/assets/patrick-hand-latin-ext-400-normal-C2ywpnn3.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-400-normal-B7HHA2Vw.woff2)format("woff2"),url(/assets/patrick-hand-latin-400-normal-Df9_VoRQ.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--wall:#d8d6cf;--wall-dark:#c8c5bc;--board:#fbfcf8;--board-cool:#f3f6f2;--ink:#242725;--marker:#173f59;--marker-soft:#5b6d72;--muted:#686b67;--frame-light:#d7d9d6;--frame-mid:#9ca19f;--frame-dark:#6f7472;--paper:#fffefa;--paper-line:#c9c7be;--yellow:#fff09a;--yellow-deep:#f1dc65;--coral:#ffb99f;--coral-deep:#e99a7e;--mint:#bfe7ca;--mint-deep:#94cfa5;--blue:#bfe1f1;--blue-deep:#92c6dd;--red:#be3f36;--green:#2f7254;--rope:#70868a;--rope-dark:#536b70;--shadow-soft:0 12px 30px #2a282224;--shadow-note:3px 5px 9px #2b271b38;--marker-font:"Patrick Hand", "Segoe Print", "Bradley Hand", cursive;--ui-font:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--wall);color:var(--ink);font-family:var(--ui-font);overflow-x:hidden}button,input,textarea,select{color:inherit;font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #173f5940}.setup{background:radial-gradient(circle at 18% 28%, #ffffff47, transparent 28%), linear-gradient(112deg, transparent 0 68%, #5854490e 68.2% 68.5%, transparent 68.7%), repeating-linear-gradient(90deg, #ffffff06 0 4px, #00000003 4px 8px), var(--wall);min-height:100vh;padding:clamp(18px,3.5vw,48px);overflow:auto}.setup-grid{border:11px solid var(--frame-mid);background:radial-gradient(ellipse at 12% 17%, #3a5d6309, transparent 15%), radial-gradient(ellipse at 73% 87%, #3a5d6308, transparent 19%), linear-gradient(98deg, #ffffffad, transparent 34%), var(--board);width:min(1180px,100%);min-height:calc(100vh - 96px);box-shadow:inset 0 0 0 2px #eff1ee, inset 0 0 24px #2d38360f, 0 3px 0 var(--frame-dark), 0 18px 45px #36332b38;border-radius:7px;grid-template-columns:1.03fr .97fr;align-items:center;gap:clamp(34px,6vw,74px);margin:auto;padding:clamp(36px,5vw,68px);display:grid;position:relative}.setup-grid:before{content:"";background:linear-gradient(90deg,#0000,#f6f7f6 15% 85%,#0000);height:3px;position:absolute;top:-8px;left:4%;right:4%}.setup-grid:after{border:1px solid var(--frame-dark);content:"";background:linear-gradient(#bfc3c1,#858b89 62%,#6d716f);border-radius:0 0 5px 5px;width:42%;height:18px;position:absolute;bottom:-23px;right:9%;box-shadow:0 5px 8px #0000002e}.hero{flex-direction:column;justify-content:center;align-self:stretch;padding:12px 0;display:flex;position:relative}.hero:before{content:"";background:#eddca7ad;border-radius:1px;width:46px;height:13px;position:absolute;top:7%;right:1%;transform:rotate(-4deg);box-shadow:0 1px 2px #0000001f}.hero:after{filter:blur(2px);content:"";background:#1b3f501a;border-radius:50%;width:100px;height:7px;position:absolute;bottom:4%;right:-7%;transform:rotate(-3deg)}.hero .eyebrow{width:fit-content;color:var(--marker-soft);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:9px;font-size:.7rem;font-weight:750;display:inline-flex}.eyebrow i{background:var(--red);border-radius:50%;width:9px;height:9px;box-shadow:inset -1px -1px #0003}.hero h1{max-width:690px;color:var(--marker);font-family:var(--marker-font);letter-spacing:-.025em;text-shadow:.5px 0 #173f5933;margin:20px 0 28px;font-size:clamp(3.9rem,7.3vw,7.2rem);font-weight:700;line-height:.93;transform:rotate(-1deg)}.hero h1:after{content:"";border-bottom:4px solid #173f59a1;border-radius:50%;width:72%;height:8px;margin:5px 0 0 12%;display:block;transform:rotate(1deg)}.mini{align-items:flex-start;margin-top:8px;padding-left:14px;display:flex;position:relative}.mini-note{background:var(--yellow);width:184px;min-height:128px;box-shadow:var(--shadow-note);font-family:var(--marker-font);padding:31px 18px 18px;font-size:.9rem;line-height:1.5;position:relative}.mini-note:before{content:"";background:#ecdeb3b8;width:64px;height:17px;position:absolute;top:-7px;left:50%;transform:translate(-50%)rotate(-2deg);box-shadow:0 1px 2px #0000001c}.mini-note:first-child{transform:rotate(-2.2deg)}.mini-note:last-child{z-index:1;background:var(--mint);margin:22px 0 0 -8px;transform:rotate(2deg)}.mini-note strong{color:#243932;font-family:var(--ui-font);letter-spacing:.07em;text-transform:uppercase;margin-bottom:5px;font-size:.68rem;display:inline-block}.card{background:repeating-linear-gradient(0deg,#0000 0 29px,#4779971b 29px 30px),#fffef8f7;border:1px solid #d0cec5;padding:clamp(26px,4vw,42px);position:relative;box-shadow:5px 7px 18px #322f262e}.card:before{content:"";background:#e7d8a9b3;width:92px;height:22px;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(1.5deg);box-shadow:0 1px 2px #0000001f}.card h2,.card h1{color:var(--marker);font-family:var(--marker-font);letter-spacing:-.03em;margin:0 0 7px;font-size:1.85rem;font-weight:700}.card>p{color:var(--muted);margin:0 0 24px;font-size:.9rem;line-height:1.5}.tabs{background:#e6e5df;border:1px solid #cac8c0;border-radius:7px;grid-template-columns:1fr 1fr;gap:6px;margin:-23px 0 30px;padding:6px;display:grid;box-shadow:inset 0 2px 5px #00000012}.tabs button{color:#666a67;letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;border-radius:5px;min-height:42px;font-size:.72rem;font-weight:800}.tabs button.active{color:var(--marker);background:#fffefa;box-shadow:0 2px 5px #00000021}form{gap:18px;display:grid}label{color:#555a56;letter-spacing:.07em;text-transform:uppercase;gap:7px;font-size:.69rem;font-weight:800;display:grid}label span{color:var(--muted);text-transform:none;font-weight:500}input,textarea,select{letter-spacing:0;text-transform:none;background:#ffffffeb;border:1px solid #bcbdb8;border-radius:4px;outline:0;width:100%;font-size:.96rem;font-weight:500}input,select{min-height:46px;padding:0 13px}textarea{resize:vertical;min-height:94px;padding:12px 13px;line-height:1.45}input:focus,textarea:focus,select:focus{border-color:var(--marker);box-shadow:0 0 0 3px #173f591c}.two-col{grid-template-columns:1fr 1fr;gap:13px;display:grid}.primary{background:var(--marker);color:#fff;letter-spacing:.05em;text-transform:uppercase;border:1px solid #14384f;border-radius:5px;min-height:48px;padding:0 20px;font-size:.76rem;font-weight:800;box-shadow:inset 0 -2px #0000002e,0 2px 4px #00000024}.primary:hover{background:#0e334b;transform:translateY(-1px)}.primary:active{transform:translateY(0)}.primary:disabled{cursor:not-allowed;opacity:.42;transform:none}.wide{width:100%}.error{color:#9a2e28;margin:0;font-size:.85rem;line-height:1.4}.room-input{text-align:center;height:70px;color:var(--marker);font-family:var(--marker-font);letter-spacing:.2em;text-transform:uppercase;font-size:2.05rem;font-weight:700}.app{background:repeating-linear-gradient(90deg, #ffffff06 0 4px, #00000003 4px 8px), var(--wall);flex-direction:column;height:100vh;padding:14px 16px 18px;display:flex;overflow:hidden}.topbar{z-index:30;border:10px solid var(--frame-mid);background:linear-gradient(100deg, #ffffffbf, transparent 34%), var(--board);min-height:112px;box-shadow:inset 0 0 0 2px #f0f2ef, 0 -2px 0 var(--frame-dark), 0 13px 32px #22211d1f;border-bottom:0;border-radius:7px 7px 0 0;flex:none;grid-template-columns:188px 1fr 128px;align-items:center;padding:16px 18px 14px;display:grid;position:relative}.topbar:before{content:"";background:linear-gradient(90deg,#0000,#f5f6f5 18% 82%,#0000);height:3px;position:absolute;top:-8px;left:5%;right:5%}.brand{grid-template-columns:42px 1fr;align-items:center;gap:10px;display:grid}.brand-mark{border:2px solid var(--red);width:42px;height:42px;color:var(--red);font-family:var(--marker-font);border-radius:50%;place-items:center;font-size:.78rem;font-weight:800;display:grid;transform:rotate(-6deg)}.brand small{display:none}.brand strong{color:var(--marker);font-family:var(--marker-font);font-size:1.08rem;font-weight:700;line-height:.95;transform:rotate(-1deg)}.claim{text-align:center;min-width:0;padding:0 24px}.claim small{min-height:12px;color:var(--marker-soft);letter-spacing:.09em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.62rem;font-weight:800;display:block;overflow:hidden}.claim h1{max-width:980px;color:var(--marker);font-family:var(--marker-font);letter-spacing:-.025em;margin:2px auto 0;padding-bottom:.12em;font-size:clamp(1.05rem,1.65vw,1.52rem);font-weight:700;line-height:1.25;display:block;overflow:visible}.room-badge{background:var(--yellow);min-width:112px;box-shadow:var(--shadow-note);text-align:center;justify-self:end;padding:9px 12px;position:relative;transform:rotate(1deg)}.room-badge:before{content:"";background:#e8daadba;width:48px;height:13px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(-2deg)}.room-badge span{color:#666354;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px;font-size:.52rem;font-weight:800;display:block}.room-badge strong{color:#292b27;font-family:var(--marker-font);letter-spacing:.13em;font-size:.96rem}.board{touch-action:none;border:10px solid var(--frame-mid);background:radial-gradient(ellipse at 18% 27%, #2a4c5209, transparent 14%), radial-gradient(ellipse at 67% 74%, #2a4c5207, transparent 18%), linear-gradient(93deg, #ffffffbd, transparent 37%), var(--board);min-height:0;box-shadow:inset 0 0 0 2px #eff2ef, inset 0 -8px 20px #2d373509, 0 3px 0 var(--frame-dark), 0 16px 36px #22211d33;border-top:0;border-radius:0 0 7px 7px;flex:auto;position:relative;overflow:hidden}.board:before{z-index:1;border:1px solid var(--frame-dark);content:"";pointer-events:none;background:linear-gradient(#bfc3c1,#8c918f 64%,#727674);border-radius:0 0 4px 4px;width:34%;height:16px;position:absolute;bottom:5px;right:15%;box-shadow:0 4px 7px #0000002e}.board:after{content:none}.marker-tray-tools{z-index:4;pointer-events:none;align-items:center;width:175px;height:22px;display:flex;position:absolute;bottom:10px;right:20%}.whiteboard-marker{background:linear-gradient(#fafbf9 0 32%,#d9dcda 34% 71%,#f3f4f2 73%),#eceeeb;border:1px solid #777d7c;border-radius:3px 7px 7px 3px;align-items:center;width:96px;height:15px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffffa6,1px 2px 3px #00000042}.whiteboard-marker:before{background:var(--pen-colour);content:"";border:1px solid #1a22267a;border-radius:3px 2px 2px 3px;flex:none;width:24px;height:15px;margin:-1px 0 -1px -1px;box-shadow:inset -4px 0 #0000001f,inset 0 3px #ffffff26}.whiteboard-marker:after{background:var(--pen-colour);content:"";border:1px solid #1b222373;border-left:0;border-radius:0 4px 4px 0;width:8px;height:7px;position:absolute;top:3px;right:-7px}.whiteboard-marker i{border-left:1px solid #b8bbb9;border-right:2px solid #8e9290;width:4px;height:13px;margin-left:3px}.whiteboard-marker span{color:#686d6b;letter-spacing:.11em;margin-left:8px;font-size:.38rem;font-weight:900}.marker-blue{--pen-colour:#173f59;transform:rotate(-2deg)}.marker-red{--pen-colour:#b53e35;z-index:1;margin-left:-18px;transform:translateY(7px)rotate(2deg)}.zone{z-index:5;max-width:260px;color:var(--marker);font-family:var(--marker-font);letter-spacing:-.035em;font-size:clamp(1.15rem,2.25vw,2rem);font-weight:700;line-height:1.1;position:absolute;top:5%}.zone:after{content:"";border-bottom:3px solid #173f598c;border-radius:50%;width:74%;height:5px;margin-top:3px;display:block;transform:rotate(-1deg)}.zone.left{left:4%;transform:rotate(-1deg)}.zone.right{text-align:right;right:4%;transform:rotate(1deg)}.zone.right:after{margin-left:auto}.zone span{color:#68777a;font-family:var(--ui-font);letter-spacing:.09em;text-transform:uppercase;margin-top:4px;font-size:.55rem;font-weight:800;display:block}.grey-label{z-index:5;color:#627376;font-family:var(--marker-font);white-space:nowrap;background:#ffffffb3;border:1px solid #58696b47;border-radius:3px;padding:5px 10px;font-size:.62rem;font-weight:700;position:absolute;top:7%;left:50%;transform:translate(-50%)rotate(-1deg)}.mid{z-index:1;background:repeating-linear-gradient(0deg,#40545733 0 5px,#0000 5px 11px);width:2px;position:absolute;top:13%;bottom:14%;left:50%;transform:rotate(.25deg)}.rope{z-index:3;background:linear-gradient(180deg, #8b9fa2b8, var(--rope) 52%, #536b70d1);border:0;border-radius:999px;height:5px;position:absolute;top:50%;left:5%;right:5%;transform:translateY(-50%)rotate(-.1deg);box-shadow:0 1px 2px #33464929,inset 0 1px #ffffff94}.rope:before,.rope:after{border:2px solid var(--rope-dark);content:"";background:#fbfcf8f0;border-radius:50%;width:13px;height:13px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:inset 0 0 0 2px #70868a2e,0 1px 2px #33464926}.rope:before{left:-7px}.rope:after{right:-7px}.note{z-index:10;width:clamp(142px,13.2vw,194px);min-height:clamp(125px,13vw,172px);max-height:230px;box-shadow:var(--shadow-note);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border:0;border-radius:1px 2px 4px 1px;padding:27px 16px 16px;position:absolute;overflow:visible}.note:before{z-index:2;content:"";pointer-events:none;background:#ebdcaea6;width:56px;height:18px;position:absolute;top:-8px;left:50%;transform:translate(-50%)rotate(-2deg);box-shadow:0 1px 2px #0000001a}.note:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff17 0 48%,#4a3b1c21 52% 100%);border-radius:12px 0 0;width:22px;height:18px;position:absolute;bottom:0;right:0;box-shadow:-2px -1px 3px #4a3b1c17}.note.yellow{background:linear-gradient(142deg, #fff7b8 0, var(--yellow) 70%, var(--yellow-deep))}.note.coral{background:linear-gradient(142deg, #ffd0bd 0, var(--coral) 70%, var(--coral-deep))}.note.mint{background:linear-gradient(142deg, #d9f2df 0, var(--mint) 70%, var(--mint-deep))}.note.blue{background:linear-gradient(142deg, #d9edf7 0, var(--blue) 70%, var(--blue-deep))}.note.dragging{cursor:grabbing;box-shadow:8px 13px 18px #2a251a4d}.note-kind{color:#2b302ba6;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:7px;font-size:.53rem;font-weight:850;display:flex}.note-kind i{border:2px solid;border-radius:50%;width:7px;height:7px}.note-text{color:#28322f;white-space:pre-wrap;max-height:139px;font-family:var(--marker-font);scrollbar-width:thin;padding-right:2px;font-size:clamp(.9rem,1.14vw,1.05rem);font-weight:500;line-height:1.44;overflow:auto}.author{color:#303935ab;font-family:var(--marker-font);margin-top:8px;font-size:.67rem}.note-controls{z-index:4;opacity:0;gap:4px;transition:opacity .12s;display:flex;position:absolute;top:-17px;right:-17px}.note-controls button{background:var(--marker);color:#fff;width:30px;height:30px;font-family:var(--ui-font);border:2px solid #fff;border-radius:50%;place-items:center;padding:0;font-size:.86rem;font-weight:800;display:grid;box-shadow:0 2px 5px #0000003b}.note-controls .delete-note{background:#a93d35;font-size:1rem}.note:hover .note-controls,.note:focus-within .note-controls{opacity:1}.empty{z-index:4;color:#243f4963;font-family:var(--marker-font);text-align:center;font-size:.86rem;position:absolute;top:66%;left:50%;transform:translate(-50%)rotate(-1deg)}.empty b{margin-bottom:3px;font-size:1.5rem;font-weight:500;display:block}.stats{z-index:15;background:#fffffced;border:1px solid #c4c5bf;border-radius:4px;display:flex;position:absolute;bottom:12px;left:15px;transform:rotate(.2deg);box-shadow:0 2px 7px #0000001f}.stat{color:#576165;letter-spacing:.04em;text-transform:uppercase;border-right:1px solid #d3d3ce;padding:8px 10px;font-size:.58rem;font-weight:800}.stat:last-child{border-right:0}.stat strong{color:var(--marker);font-family:var(--marker-font);margin-left:4px;font-size:.79rem}.teacher-dock{z-index:15;background:linear-gradient(#e3e5e2,#bfc3c0);border:1px solid #aeb1ad;border-radius:7px;gap:8px;padding:7px;display:flex;position:absolute;bottom:13px;left:50%;transform:translate(-50%);box-shadow:0 3px 8px #00000038}.teacher-dock button,.share-strip button{min-height:42px;color:var(--marker);background:#fffefa;border:1px solid #a3a59f;border-radius:4px;padding:0 16px;font-size:.7rem;font-weight:800}.teacher-dock button:first-child{background:var(--yellow)}.teacher-dock button:last-child{background:var(--marker);color:#fff;border-color:#173e57}.teacher-dock button:hover,.share-strip button:hover{filter:brightness(1.03);transform:translateY(-1px)}.teacher-dock button:active,.share-strip button:active{transform:translateY(0)}.teacher-dock b{min-width:21px;height:21px;color:var(--ink);background:#ffffff8f;border:1px solid #0003;border-radius:50%;place-items:center;margin-left:9px;padding:0 5px;display:inline-grid}.share-strip{z-index:40;gap:5px;display:flex;position:fixed;top:117px;right:29px}.share-strip button{letter-spacing:.035em;text-transform:uppercase;background:#fffefaf2;min-height:34px;padding:0 11px;font-size:.59rem;box-shadow:0 2px 5px #0000001f}.side-panel{z-index:100;border-left:9px solid var(--frame-mid);background:repeating-linear-gradient(0deg,#0000 0 31px,#4779971c 31px 32px),#fffef8;width:min(450px,96vw);height:100vh;padding:31px 27px;position:fixed;top:0;right:0;overflow:auto;box-shadow:-14px 0 32px #2a282240}.side-panel:before{z-index:3;content:"";pointer-events:none;background:#e7d8a9b3;width:88px;height:20px;position:fixed;top:10px;right:min(183px,40vw);transform:rotate(1deg);box-shadow:0 1px 2px #0000001f}.side-panel>header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:24px;display:flex}.side-panel h2{color:var(--marker);font-family:var(--marker-font);letter-spacing:-.04em;margin:0;font-size:1.9rem;font-weight:700}.side-panel header p{color:var(--muted);margin:5px 0 0;font-size:.84rem;line-height:1.45}.close{width:36px;height:36px;color:var(--marker);background:#fffefa;border:1px solid #9fa29e;border-radius:50%;flex:none;padding:0;font-size:1.2rem;box-shadow:0 2px 4px #00000021}.panel-empty{color:var(--muted);text-align:center;border:2px dashed #bfc0b9;border-radius:5px;padding:50px 20px}.panel-feedback{color:#24583f;background:#e4f2e9;border:1px solid #8eb6a1;border-radius:4px;grid-template-columns:27px 1fr;align-items:center;gap:10px;min-height:52px;margin:-7px 0 20px;padding:11px 13px;font-size:.78rem;font-weight:750;line-height:1.35;display:grid}.panel-feedback b{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:25px;height:25px;font-size:.8rem;display:grid}.panel-feedback.error{color:#7e302b;background:#f8e6e3;border-color:#d6a09b}.panel-feedback.error b{background:var(--red)}.queue-card{box-shadow:var(--shadow-note);border:0;border-radius:1px 2px 4px 1px;margin-bottom:21px;padding:28px 20px 19px;position:relative;transform:rotate(-.4deg)}.queue-card:nth-of-type(2n){transform:rotate(.6deg)}.queue-card:before{content:"";background:#e8dbb1b8;width:62px;height:17px;position:absolute;top:-7px;left:50%;transform:translate(-50%)rotate(-1deg)}.queue-card.yellow{background:var(--yellow)}.queue-card.coral{background:var(--coral)}.queue-card.mint{background:var(--mint)}.queue-card.blue{background:var(--blue)}.queue-card>span{color:#242c28a1;letter-spacing:.09em;text-transform:uppercase;font-size:.59rem;font-weight:850}.queue-card>p{font-family:var(--marker-font);margin:10px 0;font-size:1rem;font-weight:650;line-height:1.4}.queue-card>small{color:#2e342fb3;font-family:var(--marker-font)}.queue-card label{margin-top:18px;font-size:.63rem}input[type=range]{min-height:30px;box-shadow:none;accent-color:var(--marker);background:0 0;border:0;padding:0}.decision-row{grid-template-columns:1fr 1fr;gap:8px;margin-top:13px;display:grid}.decision-row button{color:#3e4742;text-transform:uppercase;background:#ffffff8a;border:1px solid #393d3875;border-radius:4px;min-height:40px;font-size:.69rem;font-weight:800}.decision-row .approve{background:var(--green);color:#fff;border-color:#1e5f43}.question-bank{gap:9px;padding-bottom:88px;display:grid}.question-bank label{cursor:pointer}.question-bank input{opacity:0;width:1px;height:1px;position:absolute}.question-bank span{min-height:66px;color:var(--ink);text-transform:none;background:#fffef8d6;border:1px solid #c5c5bd;border-radius:3px;grid-template-columns:34px 1fr;align-items:center;gap:10px;padding:13px;font-size:.85rem;font-weight:650;line-height:1.35;display:grid}.question-bank b{width:29px;height:29px;color:var(--marker-soft);font-family:var(--marker-font);border:1px solid #aeb1ad;border-radius:50%;place-items:center;display:grid}.question-bank input:checked+span{background:var(--yellow);border-color:#d6c45f;transform:rotate(-.2deg);box-shadow:2px 3px 7px #00000024}.question-bank input:checked+span b{border-color:var(--marker);background:var(--marker);color:#fff}.sticky-action{position:sticky;bottom:0;box-shadow:0 -16px 24px #fffef8}.student-shell{background:repeating-linear-gradient(90deg, #ffffff06 0 4px, #00000003 4px 8px), var(--wall);min-height:100vh;padding:clamp(18px,3.5vw,45px)}.student-shell:after{z-index:0;content:"";background:#153e58;border-radius:8px;width:160px;height:14px;position:fixed;bottom:2%;right:4%;box-shadow:-92px 0 #b53e35,0 3px 5px #00000038}.student-header{z-index:1;border:10px solid var(--frame-mid);background:var(--board);width:min(1120px,100%);box-shadow:inset 0 0 0 2px #eff2ef, 0 -2px 0 var(--frame-dark), var(--shadow-soft);border-bottom:0;border-radius:7px 7px 0 0;grid-template-columns:1fr 260px;align-items:end;gap:30px;margin:0 auto;padding:28px clamp(24px,4vw,44px) 22px;display:grid;position:relative}.student-header span{color:var(--marker-soft);letter-spacing:.09em;text-transform:uppercase;font-size:.65rem;font-weight:850}.student-header h1{max-width:800px;color:var(--marker);font-family:var(--marker-font);letter-spacing:-.055em;margin:5px 0 4px;font-size:clamp(1.85rem,4vw,3.35rem);font-weight:700;line-height:1.08}.student-header p{color:var(--muted);margin:0;font-size:.9rem}.student-grid{z-index:1;border:10px solid var(--frame-mid);background:radial-gradient(ellipse at 80% 75%, #2a4c5208, transparent 18%), var(--board);width:min(1120px,100%);min-height:540px;box-shadow:inset 0 0 0 2px #eff2ef, 0 3px 0 var(--frame-dark), var(--shadow-soft);border-top:0;border-radius:0 0 7px 7px;grid-template-columns:.84fr 1.16fr;align-items:start;gap:25px;margin:auto;padding:26px clamp(20px,3vw,34px) 42px;display:grid;position:relative}.student-grid:after{z-index:-1;border:1px solid var(--frame-dark);content:"";background:linear-gradient(#bfc3c1,#858b89 62%,#6d716f);border-radius:0 0 5px 5px;width:40%;height:17px;position:absolute;bottom:-21px;right:10%}.student-card{background:repeating-linear-gradient(0deg,#0000 0 29px,#4779971a 29px 30px),#fffefa;border:0;border-radius:2px 2px 5px;padding:31px 29px 29px;position:relative;box-shadow:4px 6px 14px #322f262e}.student-card:first-child{background:linear-gradient(145deg,#fffbd0 0,#fff7b2 68%,#f3e17a);transform:rotate(-.35deg)}.student-card.reflection-card{transform:rotate(.25deg)}.student-card:before{content:"";background:#e8daadbd;width:82px;height:19px;position:absolute;top:-8px;left:50%;transform:translate(-50%)rotate(-1deg);box-shadow:0 1px 2px #0000001f}.student-card h2{color:var(--marker);font-family:var(--marker-font);letter-spacing:-.04em;margin:3px 0 7px;font-size:1.7rem;font-weight:700}.student-card>p{color:var(--muted);margin:0 0 22px;font-size:.87rem;line-height:1.5}.section-number{color:var(--red);font-family:var(--marker-font);letter-spacing:.08em;font-size:.7rem;font-weight:800}.range-labels{justify-content:space-between;gap:12px;display:flex}.range-labels span{max-width:30%;color:var(--muted);font-size:.59rem;line-height:1.2}.range-labels span:nth-child(2){text-align:center}.range-labels span:last-child{text-align:right}.waiting{text-align:center;background:#f6f7f2b8;border:2px dashed #c3c4bd;border-radius:5px;margin-top:20px;padding:31px 22px}.waiting b{color:var(--marker);font-family:var(--marker-font);font-size:.95rem}.waiting p{color:var(--muted);margin:7px auto 0;font-size:.84rem;line-height:1.45}.reflection-answer{margin-bottom:18px}.reflection-answer>span{color:var(--ink);font-size:.83rem;font-weight:700;line-height:1.4}.reflection-answer textarea{background:#fffc;min-height:115px;font-size:.94rem;line-height:1.5}.toast{z-index:200;background:var(--marker);color:#fff;border:1px solid #14384f;border-radius:4px;max-width:min(420px,100vw - 44px);padding:13px 18px;font-size:.82rem;line-height:1.4;position:fixed;bottom:22px;right:22px;box-shadow:4px 5px #fff09aeb,0 9px 22px #0003}.message-screen{background:repeating-linear-gradient(90deg, #ffffff06 0 4px, #00000003 4px 8px), var(--wall);text-align:center;place-content:center;min-height:100vh;padding:20px;display:grid}.message-screen .card{width:min(470px,100vw - 40px)}.loader{border:5px solid #fff9;border-top-color:var(--marker);border-radius:50%;width:46px;height:46px;margin:auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.setup-grid,.student-grid,.student-header{grid-template-columns:1fr}.setup-grid{align-items:start}.hero h1{font-size:clamp(4rem,15vw,6.5rem)}.student-name{max-width:420px}.topbar{grid-template-columns:150px 1fr 105px}.brand{grid-template-columns:38px auto}.brand-mark{width:38px;height:38px}.note{width:146px}.share-strip{display:none}}@media (width<=620px){.setup{padding:8px}.setup-grid{border-width:7px;min-height:calc(100vh - 16px);padding:26px 18px 32px}.setup-grid:after,.mini{display:none}.hero{padding-bottom:0}.hero h1{margin-bottom:5px}.card{padding:25px 20px}.tabs{margin-top:-12px}.two-col{grid-template-columns:1fr}.app{padding:5px}.topbar{border-width:6px;grid-template-columns:1fr 82px;min-height:116px;padding:13px 9px 11px}.brand{display:none}.claim{text-align:left;padding:0 8px 0 0}.board{border-width:6px}.zone{max-width:108px;font-size:.9rem;top:6%}.zone.left{left:3%}.zone.right{right:3%}.zone span{display:none}.grey-label{font-size:.49rem;top:15%}.note{width:126px;min-height:111px;padding:22px 10px 10px}.note-text{font-size:.75rem}.stats{max-width:calc(100% - 14px);bottom:65px;left:7px;overflow:auto}.stat{white-space:nowrap}.teacher-dock{bottom:10px;left:7px;right:7px;transform:none}.teacher-dock button{flex:1;padding:0 8px}.student-shell{padding:8px}.student-header,.student-grid{border-width:7px;padding:22px 16px}.student-grid{gap:22px}.student-grid:after{display:none}.student-card{padding:27px 19px 22px}}@media print{.teacher-dock,.share-strip,.stats,.note-controls{display:none!important}body,.app,.board{background:#fff}.app{padding:0}.topbar,.board{border-color:#aaa}.note{box-shadow:1px 1px #aaa}}