@import"https://fonts.googleapis.com/css2?family=Cabin+Sketch:wght@400;700&family=Edu+NSW+ACT+Hand+Pre:wght@400;500;600&family=Noto+Sans+Sinhala:wght@400;500;600&family=Rubik+Dirt&display=swap";:root{font-family:Edu NSW ACT Hand Pre,Noto Sans Sinhala,sans-serif;color:#ededeb;background:#191b1e;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:360px}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ba473e;outline-offset:4px}button:hover{background:#ffffff0b}a{color:inherit;text-decoration:none}.site-header{height:74px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff17}.brand{font:700 30px Cabin Sketch,cursive;display:flex;gap:18px;align-items:baseline}.brand span{font:12px Edu NSW ACT Hand Pre,sans-serif;color:#9fa3a7}.language{display:flex;align-items:center;gap:10px;font-size:12px;padding:8px 12px}.lab{margin:18px 24px 0;position:relative;background:#fff;border-radius:6px;overflow:hidden;isolation:isolate}.toolbar{height:64px;background:#242629;display:flex;align-items:center;justify-content:space-between;padding:0 15px;gap:10px;border-bottom:1px solid #3d3f43}.toolbar-start,.toolbar-actions{display:flex;align-items:center;gap:7px;min-width:0}.toolbar h1{font:400 20px Cabin Sketch,Noto Sans Sinhala,sans-serif;margin:0 0 0 15px;white-space:nowrap}.toolbar button{font-family:Arial,Noto Sans Sinhala,sans-serif;font-size:12px;display:flex;align-items:center;gap:7px;padding:10px;border-radius:4px;white-space:nowrap}.toolbar button.active{background:#3b3e42}.drawer-trigger{border:1px solid #4e5155}.stage{isolation:isolate;height:calc(100dvh - 208px);min-height:460px;position:relative;background:#fafafa;overflow:hidden}.stage canvas{touch-action:none}.bench-caption{position:absolute;left:24px;right:24px;top:20px;display:flex;justify-content:space-between;pointer-events:none;color:#8a8c90;font:11px Arial,sans-serif;letter-spacing:.2px}.part-label{white-space:nowrap;pointer-events:none;color:#22262b;font:11px Arial,Noto Sans Sinhala,sans-serif;text-transform:uppercase;letter-spacing:.5px;background:#ffffffdf;padding:3px 5px}.object-hint{white-space:nowrap;pointer-events:none;color:#6f7479;background:#fff9;padding:4px;font:10px Arial,sans-serif}.empty-prompt{position:absolute;left:24px;bottom:25px;display:flex;align-items:center;gap:7px;font:12px Arial,Noto Sans Sinhala,sans-serif;color:#787d82;padding:8px;background:#fffffff2;border:1px dashed #c7cbd0;border-radius:4px}.fine-controls{position:absolute;left:50%;transform:translate(-50%);bottom:25px;display:flex;align-items:center;gap:10px;padding:8px 11px;background:#fffe;border:1px solid #e0e2e4;border-radius:6px;box-shadow:0 3px 12px #17212c08;color:#4b535b;font:11px Arial,Noto Sans Sinhala,sans-serif;max-width:90%}.fine-controls button{display:flex;align-items:center;padding:5px;border-radius:3px}.fine-controls button:hover{background:#e9ecef}.fine-controls input{width:150px;height:3px;accent-color:#626b74}.fine-controls span{white-space:nowrap;color:#888e93}.fine-controls .contact-control{border-left:1px solid #ddd;padding-left:12px;white-space:nowrap;color:#2b333b}.object-actions{position:absolute;left:24px;bottom:80px;display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #e1e4e6;padding:7px 10px;border-radius:5px;color:#5a626a;font:11px Arial,Noto Sans Sinhala,sans-serif}.object-actions button{display:flex;align-items:center;gap:6px;padding:5px}.drop-over{box-shadow:inset 0 0 0 3px #b44940}.drop-message{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);background:#fff;border:1px dashed #b44940;color:#843c35;border-radius:5px;padding:15px 24px;pointer-events:none;font-size:15px}.drawer-scrim{position:absolute;top:64px;right:0;bottom:0;left:0;background:#00000012;z-index:5}.tool-drawer{position:absolute;left:0;top:64px;bottom:0;width:285px;max-width:88vw;background:#242629;z-index:6;padding:24px 20px;overflow:auto;box-shadow:8px 0 30px #0002;animation:drawer-in .2s ease-out}.drawer-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.drawer-heading h2{font:24px Cabin Sketch,Noto Sans Sinhala,sans-serif;margin:0}.drawer-heading button{display:flex;padding:3px}.drawer-section{margin-bottom:30px}.drawer-section h3{font-weight:500;font-size:12px;margin:0 0 12px;color:#bbc0c4}.drawer-section p{font-size:10px;color:#92989f;margin:0 0 14px}.instrument-choice{display:flex;align-items:center;gap:12px;width:100%;padding:12px 8px;text-align:left;border-bottom:1px solid #ffffff0d;font:12px Arial,Noto Sans Sinhala,sans-serif}.instrument-choice.chosen{background:#393c40;border-radius:4px}.tool-number{font:20px Cabin Sketch,sans-serif;color:#94999f}.instrument-choice small{display:block;font-size:10px;color:#959da5;margin-top:5px}.object-list{display:grid;gap:6px}.object-choice{display:flex;align-items:center;gap:14px;width:100%;padding:11px 7px;text-align:left;font:12px Arial,Noto Sans Sinhala,sans-serif;cursor:grab}.object-choice:active{cursor:grabbing}.object-choice>svg:last-child{margin-left:auto;color:#747b84}.sample-icon{display:block;flex-shrink:0}.clear-bench{font-size:11px;display:flex;gap:8px;color:#a4a9af;padding:8px 0}.notebook{position:absolute;z-index:4;right:18px;top:83px;width:300px;max-width:calc(100% - 36px);max-height:calc(100% - 110px);overflow:auto;background:#fbfbf8;border:1px solid #d6d9d8;border-radius:7px;box-shadow:0 12px 40px #1a222527;color:#333b3c}.notebook-handle{display:flex;gap:8px;align-items:center;padding:13px 15px;border-bottom:1px solid #e3e5df;cursor:grab;touch-action:none;background:#f0f1ec}.notebook-handle h2{font:20px Cabin Sketch,Noto Sans Sinhala,sans-serif;margin:0}.notebook-handle>svg{color:#949c96;flex-shrink:0}.notebook-handle button{display:flex;margin-left:auto;padding:2px}.notebook-body{padding:20px;font:12px Arial,Noto Sans Sinhala,sans-serif}.zero-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;color:#6e7778}.zero-row select{color:#4b5356;background:#f7f8f5;border:1px solid #daddd7;border-radius:3px;padding:5px;font-size:11px}form label{font-size:12px;font-weight:600}.answer-row{display:flex;align-items:center;border:1px solid #cbd0cb;border-radius:4px;margin-top:10px;background:#fff;overflow:hidden}.answer-row input{min-width:0;width:100%;border:0;padding:11px;font:17px Arial,sans-serif;color:#252e31;background:none}.answer-row span{color:#8a918e;font-size:11px}.answer-row button{display:flex;align-items:center;padding:12px;margin-left:10px;background:#3f484d;color:#fff}.feedback{font-size:11px;line-height:1.6;color:#737c7b;min-height:34px;margin:10px 0}.explain-toggle{font-size:10px;color:#727b7b;padding:0;border-bottom:1px dotted #a0a6a4}.calculation{font-size:11px;line-height:1.9;background:#eef1eb;padding:10px;margin-top:12px}.observations{margin-top:24px;border-top:1px solid #e1e4dc;padding-top:16px}.observations h3{font:19px Cabin Sketch,Noto Sans Sinhala,sans-serif;margin:0 0 12px}.observations p{color:#9a9f98;font-size:11px}.observations table{width:100%;border-collapse:collapse;font-size:11px}.observations th{text-align:left;font-weight:400;color:#8b928c;font-size:10px}.observations th:last-child,.observations td:last-child{text-align:right}.observations td{padding:9px 0;border-bottom:1px solid #e7e9e3}.observations button{font-size:10px;color:#8c9390;margin-top:10px;padding:0}.full,.lab:fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;margin:0;border-radius:0;z-index:1000;width:100vw;height:100dvh}.full .stage,.lab:fullscreen .stage{isolation:isolate;height:calc(100dvh - 64px);min-height:0}footer{height:48px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;color:#797e85;font-size:10px}footer span{font-family:Cabin Sketch,Noto Sans Sinhala,sans-serif;font-size:14px}.loading,.fallback{height:100%;display:grid;place-items:center;color:#6f777d;font-size:14px}@keyframes drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@media(max-width:800px){.site-header{height:62px;padding:0 18px}.brand{font-size:26px}.lab{margin:10px 10px 0}.toolbar{padding:0 8px;height:58px}.toolbar h1{font-size:16px;margin-left:6px}.toolbar button{padding:8px;font-size:11px}.toolbar-actions{gap:1px}.toolbar-actions button span,.drawer-trigger span{display:none}.stage{isolation:isolate;height:calc(100dvh - 174px);min-height:440px}.bench-caption{left:14px;right:14px;font-size:9px}.fine-controls{bottom:22px;gap:5px;max-width:95%;padding:7px}.fine-controls input{width:90px}.fine-controls span{display:none}.empty-prompt{bottom:78px;left:14px;font-size:10px}.object-actions{left:14px;bottom:75px;font-size:10px;gap:5px}.notebook{top:75px;right:12px;width:285px}.drawer-scrim,.tool-drawer{top:58px}.full .stage,.lab:fullscreen .stage{isolation:isolate;height:calc(100dvh - 58px)}footer{padding:0 16px;height:44px;font-size:9px}footer span{display:none}.part-label{font-size:9px}.brand span{font-size:10px}}@media(max-width:480px){.toolbar h1{max-width:125px;overflow:hidden;text-overflow:ellipsis}.toolbar-actions button{padding:7px}.toolbar-actions button:nth-child(3){display:none}.bench-caption span:last-child{max-width:155px;text-align:right;line-height:1.5}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}body{min-width:320px}.lab{height:calc(100dvh - 140px);min-height:520px;display:flex;flex-direction:column}.toolbar{flex:0 0 64px}.stage{height:auto!important;min-height:220px!important;flex:1;isolation:isolate;background:#fff}.stage>div:first-child{position:absolute!important;top:0;right:0;bottom:0;left:0}.full,.lab:fullscreen{height:100dvh;min-height:0}.toolbar button{min-height:40px}.toolbar button:disabled,button:disabled{opacity:.4;cursor:default}.toolbar-actions{gap:2px}.play-trigger{color:#f3c5b4!important;background:#47352e!important}.play-trigger span{display:none}.part-label{font-family:Edu NSW ACT Hand Pre,Noto Sans Sinhala,cursive;font-size:14px;font-weight:500;text-transform:none;letter-spacing:0;color:#862a28;background:#fffffff0;border-radius:6px;padding:3px 6px}.bench-caption{top:12px;color:#6c747c}.view-controls{position:absolute;top:38px;left:16px}.view-controls button{display:flex;align-items:center;gap:7px;min-height:40px;padding:8px 12px;color:#5e6870;background:#fffffff2;border:1px solid #e4e8eb;border-radius:6px;font:12px Arial,Noto Sans Sinhala,sans-serif}.view-controls button.active{background:#eaf0f3;color:#293a44}.stage:has(.scale-focus) .view-controls{display:none}.scale-focus{position:absolute;top:42px;left:50%;transform:translate(-50%);display:flex;background:#fff;border:1px solid #d8dde0;border-radius:7px;max-width:calc(100% - 24px);box-shadow:0 3px 15px #11111108;overflow:hidden}.scale-focus button{font:12px Arial,Noto Sans Sinhala,sans-serif;min-height:44px;padding:8px 15px;white-space:nowrap;color:#5d6872}.scale-focus button[aria-pressed=true]{background:#eaf0f3;color:#233644}.fine-controls{bottom:14px}.fine-controls button{min-width:36px;min-height:36px;justify-content:center}.fine-controls input{height:24px;accent-color:#526573}.empty-prompt{bottom:18px;min-height:40px}.object-actions{bottom:76px;max-width:calc(100% - 32px);flex-wrap:wrap}.object-actions button{min-height:36px}.demo-hidden{display:none}.demo-panel progress{position:absolute;bottom:0;left:0;width:100%;height:3px;border:0;accent-color:#bd6b50}.learning-panel{position:relative;flex:0 0 auto;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 22px 18px;color:#303b42;background:#faf9f5;border-top:1px solid #e3e3da;max-height:42dvh;overflow:auto}.lesson-copy{max-width:740px}.lesson-copy small{font:10px Arial,Noto Sans Sinhala,sans-serif;color:#947463;letter-spacing:1.2px}.lesson-copy h2{font:26px Cabin Sketch,Noto Sans Sinhala,sans-serif;margin:4px 0 5px}.lesson-copy p{font:13px/1.6 Arial,Noto Sans Sinhala,sans-serif;margin:0;max-width:70ch}.learning-panel nav{display:flex;align-items:center;gap:8px;flex-shrink:0}.learning-panel button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #d9dedc;border-radius:5px;color:#46555b;font:12px Arial,Noto Sans Sinhala,sans-serif}.learning-panel .lesson-primary{background:#303e44;color:#fff;border-color:#303e44}.has-lesson .tool-drawer,.has-lesson .drawer-scrim{bottom:0}.has-lesson .notebook{max-height:calc(100% - 270px)}.lab[data-tour="1"] .drawer-trigger,.lab[data-tour="2"] .view-controls,.lab[data-tour="3"] .object-list,.lab[data-tour="4"] .parts-trigger,.lab[data-tour="5"] .scale-trigger,.lab[data-tour="6"] .notebook,.lab[data-tour="7"] .play-trigger{outline:2px solid #de946f;outline-offset:3px}.notebook-handle button,.drawer-heading button{min-width:36px;min-height:36px;justify-content:center}.notebook{z-index:7}.tool-drawer{z-index:9}.drawer-scrim{z-index:8}.learning-panel{z-index:10}.object-choice{min-height:44px}.notebook-body input{font-size:16px}.notebook-body select,.explain-toggle{min-height:32px}.is-demo .object-actions{display:none}@media(min-width:1400px){.play-trigger span{display:inline}}@media(max-width:800px){.lab{height:calc(100dvh - 116px);min-height:540px}.toolbar h1{font-size:18px}.toolbar-actions button:nth-child(3){display:flex}.toolbar{flex-basis:58px}.learning-panel{flex-direction:column;align-items:stretch;gap:10px;padding:13px 16px 16px}.learning-panel nav{justify-content:flex-end}.lesson-copy h2{font-size:23px}.lesson-copy p{font-size:12px}.lesson-copy small{font-size:9px}.part-label{font-size:12px}.empty-prompt{bottom:76px}.view-controls{left:12px}.bench-caption span:last-child{display:none}.full,.lab:fullscreen{height:100dvh;min-height:0}}@media(max-width:600px){.site-header{height:52px;padding:0 16px}.brand{font-size:26px}.lab{margin:8px 8px 0;height:calc(100dvh - 96px);min-height:600px}.toolbar{flex:0 0 auto;display:flex;flex-direction:column;align-items:stretch;padding:5px 7px 7px;gap:3px}.toolbar-start{width:100%;height:40px}.toolbar-start h1{max-width:none;font-size:20px;white-space:normal;line-height:1.2;margin-left:10px}.toolbar-start .drawer-trigger{min-width:40px;justify-content:center}.toolbar-actions{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;width:100%}.toolbar-actions button{min-width:0;min-height:44px;justify-content:center;padding:5px;font-size:11px}.toolbar-actions button:nth-child(3){display:flex}.toolbar-actions button span{display:none}.toolbar-actions .play-trigger svg{width:19px}.stage{min-height:220px!important}.part-label{font-size:12px;max-width:112px;white-space:normal;text-align:center;line-height:1.35}.fine-controls{max-width:calc(100% - 16px);gap:3px;width:max-content;bottom:10px;padding:4px}.fine-controls input{width:85px}.fine-controls .contact-control{font-size:10px;white-space:normal;max-width:105px;padding-left:5px}.fine-controls button{min-width:36px;min-height:40px}.scale-focus{top:42px;width:max-content;max-width:calc(100% - 16px)}.scale-focus button{padding:6px 9px;font-size:11px;white-space:normal;max-width:110px}.view-controls button{font-size:11px;min-height:40px}.object-actions{left:10px;bottom:66px;font-size:10px;gap:5px;padding:4px 7px}.empty-prompt{left:10px;bottom:66px;padding:5px 8px}.tool-drawer,.drawer-scrim{top:99px}.tool-drawer{width:270px;padding:16px}.drawer-heading{margin-bottom:14px}.drawer-section{margin-bottom:20px}.has-lesson .tool-drawer,.has-lesson .drawer-scrim{bottom:200px}.notebook{top:auto;bottom:74px;left:12px;right:12px;width:auto;max-width:none;max-height:55%;transform:none!important}.has-lesson .notebook{bottom:200px;max-height:40%}.notebook-handle{cursor:default;padding:7px 12px}.notebook-body{padding:14px}.learning-panel{max-height:230px;padding:11px 13px 13px;gap:8px}.lesson-copy h2{font-size:22px}.lesson-copy p{font-size:12px;line-height:1.5}.learning-panel button{padding:6px 9px;min-height:42px;font-size:11px}.learning-panel nav{gap:6px}.lesson-copy small{letter-spacing:.7px}footer{height:36px}.full,.lab:fullscreen{margin:0;height:100dvh;min-height:0}.full .stage,.lab:fullscreen .stage{min-height:150px!important}}@media(max-height:550px)and (min-width:601px){.lab{min-height:420px}.full,.lab:fullscreen{min-height:0}.learning-panel{padding:8px 14px;max-height:150px}.lesson-copy h2{font-size:21px}.lesson-copy p{font-size:11px}.stage{min-height:120px!important}}.has-lesson .tool-drawer,.has-lesson .drawer-scrim{bottom:var(--lesson-height,180px)}.has-lesson .notebook{max-height:calc(100% - var(--lesson-height,180px) - 110px)}@media(max-width:600px){.has-lesson .notebook{bottom:calc(var(--lesson-height,200px) + 10px);max-height:40%}.learning-panel{max-height:none}.lab{min-height:650px}.full,.lab:fullscreen{min-height:0}}@media(max-width:600px){.lab{min-height:0}.toolbar{height:auto!important;min-height:99px}.toolbar-start,.toolbar-actions{flex-shrink:0}.toolbar-actions{height:44px}.stage{min-height:120px!important}.learning-panel{max-height:45dvh;overflow:auto}.full .stage,.lab:fullscreen .stage{min-height:100px!important}}.sample-tray{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:3;display:flex;gap:4px;padding:5px;background:#fffffff2;border:1px solid #e1e5e8;border-radius:9px;box-shadow:0 3px 14px #17212c12}.tray-item{position:relative;width:46px;height:46px;display:grid;place-items:center;border-radius:6px;cursor:grab}.tray-item:hover,.tray-item:focus-visible{background:#eef2f4}.tray-item:active{cursor:grabbing}.tray-tip{position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%);white-space:nowrap;background:#242629;color:#f1f1ef;font:12px Arial,Noto Sans Sinhala,sans-serif;padding:6px 10px;border-radius:5px;pointer-events:none;opacity:0;transition:opacity .12s;z-index:4;text-align:center}.tray-tip small{display:block;color:#aeb4b9;font-size:10px;margin-top:3px}.tray-tip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:#242629}.tray-item:hover .tray-tip,.tray-item:focus-visible .tray-tip{opacity:1}.empty-prompt{pointer-events:none;border-style:solid}.lab[data-tour="3"] .sample-tray{outline:2px solid #de946f;outline-offset:3px}@media(max-width:600px){.bench-caption{display:none}.view-controls{top:12px;left:12px}.view-controls button{padding:8px;min-height:40px}.view-controls button span{display:none}.tray-item{width:42px;height:42px}}@media(max-width:380px){.sample-tray{gap:3px;padding:4px}.tray-item{width:36px;height:36px}}@media(prefers-reduced-motion:reduce){.tray-tip{transition:none}}.learning-panel{padding:7px 14px 8px;gap:14px;max-height:none}.lesson-copy{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:baseline;min-width:0;max-width:880px}.lesson-copy small{white-space:nowrap;font-size:10px;letter-spacing:.8px}.lesson-copy h2{font-size:18px;line-height:1.25;margin:0}.lesson-copy p{grid-column:1/-1;font-size:12px;line-height:1.45;margin:2px 0 0;max-width:none}.learning-panel nav{gap:6px}.learning-panel button{min-width:36px;min-height:36px;padding:5px 10px}@media(max-width:800px){.learning-panel{flex-direction:column;align-items:stretch;gap:5px;padding:6px 10px 8px;max-height:38dvh;overflow:auto}.lesson-copy h2{font-size:16px}.lesson-copy p{font-size:11.5px;line-height:1.4}.lesson-copy small{font-size:9px}.learning-panel nav{justify-content:flex-end}.learning-panel button{min-height:34px;padding:4px 9px;font-size:11px}}@media(max-height:550px)and (min-width:601px){.learning-panel{padding:5px 12px}.lesson-copy p{font-size:11px}}.language-menu{position:relative}.language{border:1px solid #ffffff1f;border-radius:5px;font-family:Arial,Noto Sans Sinhala,sans-serif}.language-list{position:absolute;right:0;top:calc(100% + 6px);z-index:1100;margin:0;padding:4px;list-style:none;min-width:150px;background:#242629;border:1px solid #3d3f43;border-radius:6px;box-shadow:0 10px 28px #0007}.language-list button{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:38px;padding:8px 10px;border-radius:4px;text-align:left;font:13px Arial,Noto Sans Sinhala,sans-serif}.language-list button[aria-checked=true]{background:#3b3e42}.tray-item:first-child .tray-tip{left:0;transform:none}.tray-item:first-child .tray-tip:before{left:23px}.tray-item:last-child .tray-tip{left:auto;right:0;transform:none}.tray-item:last-child .tray-tip:before{left:auto;right:18px;transform:none}.rotate-hint{display:none}@media(orientation:portrait)and (max-width:600px){.rotate-hint{position:absolute;top:62px;left:50%;transform:translate(-50%);z-index:2;display:flex;align-items:center;gap:7px;max-width:calc(100% - 24px);padding:6px 10px;border-radius:999px;background:#f1f4f6;border:1px solid #dfe4e8;color:#4c5862;font:11px Arial,Noto Sans Sinhala,sans-serif;white-space:nowrap}.rotate-hint svg:last-child{color:#8a949c}}@media(orientation:landscape)and (max-height:500px){.site-header{height:40px;padding:0 12px}.brand{font-size:20px}.brand span{display:none}.language{padding:4px 8px;min-height:32px}.lab{margin:0 6px;height:calc(100dvh - 40px);min-height:0;border-radius:6px 6px 0 0}.full,.lab:fullscreen{margin:0;height:100dvh;border-radius:0}.toolbar{flex:0 0 44px;height:44px!important;min-height:0;flex-direction:row;align-items:center;padding:0 6px}.toolbar-start{width:auto;height:auto}.toolbar-actions{display:flex;width:auto;height:auto}.toolbar h1,.toolbar-start h1{font-size:16px;margin-left:8px;white-space:nowrap}.toolbar button,.toolbar-actions button{min-height:34px;padding:6px 8px}.toolbar-actions button span,.drawer-trigger span{display:none}footer,.bench-caption{display:none}.drawer-scrim,.tool-drawer{top:44px}.tool-drawer{padding:12px 16px}.drawer-heading{margin-bottom:10px}.drawer-section{margin-bottom:14px}.stage,.full .stage,.lab:fullscreen .stage{min-height:0!important}.sample-tray{top:6px;padding:3px}.tray-item{width:38px;height:38px}.view-controls{top:8px;left:8px}.view-controls button{min-height:36px;padding:6px 9px}.view-controls button span{display:none}.scale-focus{top:6px}.scale-focus button{min-height:34px;padding:4px 10px}.fine-controls{bottom:6px;padding:3px 8px}.fine-controls button{min-height:34px}.empty-prompt{bottom:6px;left:8px;min-height:34px;padding:4px 8px;font-size:10px}.object-actions{top:52px;bottom:auto;left:8px}.notebook{top:52px;right:8px;bottom:8px;max-height:none;width:270px}.has-lesson .notebook{max-height:none;bottom:8px}.learning-panel{flex-direction:row;align-items:center;gap:10px;padding:4px 10px 5px;max-height:40dvh}.lesson-copy h2{font-size:15px}.lesson-copy p{font-size:11px;line-height:1.35}.learning-panel nav{justify-content:flex-end}.learning-panel button{min-height:32px;padding:3px 8px;font-size:11px}}html,body{max-width:100%;overflow-x:hidden}body{min-width:0}.full,.lab:fullscreen{width:auto}.lab{touch-action:pan-x pan-y}.site-header{gap:10px;min-width:0}.brand{min-width:0}.rotate-hint{white-space:normal!important;text-align:left;line-height:1.3}@media(max-width:380px){.site-header{padding:0 10px}.brand{font-size:22px;gap:8px}.brand span{display:none}.language{gap:5px;padding:6px 8px}.language svg:first-child{display:none}.lab{margin:6px 6px 0}}@media(max-width:340px){.sample-tray{left:50px;transform:none;gap:2px;padding:3px}.tray-item{width:34px;height:34px}.tray-item:first-child .tray-tip{left:0}.toolbar-start h1{font-size:17px}}.rotate-hint svg{flex-shrink:0}@media(orientation:portrait)and (max-width:600px){.rotate-hint{top:72px}}.past-papers{margin:22px 24px 0;padding:22px 24px 24px;border:1px solid #ffffff17;border-radius:6px;background:#1f2226;font:13px/1.5 Arial,Noto Sans Sinhala,sans-serif;color:#ededeb}.pp-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 24px;margin-bottom:16px}.pp-head h2{display:flex;align-items:center;gap:10px;margin:0;font:400 26px Cabin Sketch,Noto Sans Sinhala,sans-serif}.pp-head h2 svg{flex-shrink:0;color:#de946f}.pp-head p{margin:4px 0 0;color:#9fa3a7;font-size:12px}.pp-head .pp-coverage{max-width:420px;font-size:11px;color:#858b91}.pp-empty{margin:0;padding:18px;border:1px dashed #ffffff26;border-radius:5px;color:#9fa3a7}.pp-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.pp-item{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-template-areas:"head head" "question answer";gap:14px 20px;min-width:0;padding:16px;border-radius:5px;background:#26292e;border:1px solid #ffffff0f}.pp-item-head{grid-area:head;display:flex;gap:16px;min-width:0}.pp-question{grid-area:question;min-width:0}.pp-answer-wrap{grid-area:answer;min-width:0}.pp-item h4{margin:0 0 6px;font:600 10px Arial,Noto Sans Sinhala,sans-serif;letter-spacing:1.2px;text-transform:uppercase;color:#947463}.pp-year{flex:0 0 auto;font:700 30px/1 Cabin Sketch,sans-serif;color:#f4f1ea}.pp-year small{display:block;margin-top:6px;font:10px/1.3 Arial,Noto Sans Sinhala,sans-serif;color:#9fa3a7;max-width:70px}.pp-meta{flex:1;min-width:0}.pp-meta h3{margin:0;font:600 13px Arial,Noto Sans Sinhala,sans-serif;letter-spacing:.2px}.pp-topic{margin:3px 0 8px;color:#b9bdc1;font-size:12px}.pp-tags{display:flex;flex-wrap:wrap;gap:6px}.pp-tag{padding:2px 8px;border-radius:99px;font-size:10px;line-height:1.6;border:1px solid #ffffff26;color:#c9cdd1}.pp-tag.uses{border-color:#de946f80;color:#f0b597}.pp-tag.core{border-color:#9fd0b880;color:#a9dcc4}.pp-tag.worked{border-style:dashed;color:#a6abb0}.pp-pages{position:relative;display:flex;flex-direction:column;gap:6px;border-radius:4px;overflow:hidden;overflow:clip;background:#fff}.pp-pages a{display:block;cursor:zoom-in}.pp-pages img{display:block;width:100%;height:auto;background:#fff}.pp-pages.clipped{max-height:360px}.pp-pages.clipped:after{content:"";position:absolute;inset:auto 0 0;height:90px;background:linear-gradient(#26292e00,#26292e)}.pp-more{display:inline-flex;align-items:center;gap:6px;margin-top:8px;min-height:34px;padding:4px 12px;border-radius:99px;border:1px solid #ffffff2e;color:#e4e6e8;font-size:12px}.pp-more:hover{background:#ffffff0f}.pp-answer{position:relative;border-radius:4px;background:#1b1d21;padding:10px 12px}.pp-answer-body p,.pp-answer-body dl{margin:0}.pp-answer-body dl>div{display:flex;gap:8px;padding:4px 6px;margin:0 -6px;border-radius:3px}.pp-answer-body dl>div+div{border-top:1px solid #ffffff0d}.pp-answer-body dl>div.mine{background:#de946f1f;box-shadow:inset 2px 0 #de946f}.pp-answer-body dt{flex:0 0 auto;min-width:48px;color:#de946f;font-weight:600}.pp-answer-body dd{margin:0;min-width:0;overflow-wrap:anywhere}.pp-answer-body em{color:#9fa3a7;font-size:11px}.pp-answer.hidden .pp-answer-body{filter:blur(5px);-webkit-user-select:none;user-select:none;pointer-events:none;max-height:220px;overflow:hidden}.pp-reveal{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 14px;border-radius:99px;background:#ededeb;color:#191b1e;font-weight:600;font-size:12px}.pp-reveal:hover{background:#fff}.pp-answer.hidden .pp-reveal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 12px #0008;white-space:nowrap}.pp-answer.open .pp-reveal{margin-top:10px;background:transparent;color:#c9cdd1;border:1px solid #ffffff2e;min-height:32px;padding:4px 12px}.pp-review{margin:8px 0 0;font-size:10px;color:#858b91}@media(prefers-reduced-motion:no-preference){.pp-answer-body{transition:filter .2s}}@media(max-width:900px){.pp-item{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "question" "answer"}}@media(max-width:600px){.past-papers{margin:14px 8px 0;padding:16px 12px}.pp-head h2{font-size:22px}.pp-item{padding:12px;gap:12px}.pp-item-head{flex-direction:column;gap:6px}.pp-year{font-size:26px}.pp-year small{display:inline;margin-left:8px;max-width:none}.pp-pages.clipped{max-height:300px}}@media(max-width:380px){.past-papers{margin:10px 6px 0;padding:14px 10px}.pp-item{padding:10px}.pp-answer{padding:8px}.pp-answer-body dl>div{flex-direction:column;gap:0}}.pp-mcqs{margin-top:14px;border-top:1px solid #ffffff14;padding-top:12px}.pp-mcqs>summary{cursor:pointer;padding:8px 0;color:#c9cdd1;font-weight:600;font-size:12px}.pp-mcqs>summary::marker{color:#de946f}.pp-mcqs[open]>summary{margin-bottom:10px}.header-actions{display:flex;align-items:center;gap:10px;min-width:0}.user-chip{display:flex;align-items:center;gap:4px;min-width:0;font:12px Arial,Noto Sans Sinhala,sans-serif;color:#c9cdd1}.user-name{display:flex;align-items:center;gap:6px;min-width:0;padding:0 6px;color:#9fa3a7}.user-name b{font-weight:500;color:#ededeb;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.signout{display:flex;align-items:center;gap:7px;min-height:36px;padding:8px 12px;border:1px solid #ffffff1f;border-radius:5px;font:12px Arial,Noto Sans Sinhala,sans-serif}@media(max-width:600px){.signout span,.user-name b{display:none}.signout{padding:8px;min-width:36px;justify-content:center}.user-name{padding:0}}.auth{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;overflow:auto;background:radial-gradient(1100px 620px at 50% 8%,#2b2e32 0,#1b1d20 62%,#151618)}.auth:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(420px 220px at 18% 82%,#ffffff07,#0000 70%),radial-gradient(520px 260px at 84% 22%,#ffffff06,#0000 70%)}.chalk{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.auth-lang{position:fixed;z-index:3;top:14px;right:14px;display:flex;align-items:center;gap:9px;min-height:38px;padding:8px 12px;border:1px solid #ffffff1f;border-radius:5px;font:12px Arial,Noto Sans Sinhala,sans-serif;background:#1b1d20b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.auth-card{position:relative;z-index:2;width:100%;max-width:380px;padding:26px 26px 22px;background:#26282cd9;-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1);border:1px solid #ffffff1f;border-radius:10px;box-shadow:0 20px 60px #0007,inset 0 1px #ffffff10}.auth-head{text-align:center;margin-bottom:16px}.auth-brand{margin:0;font:700 42px Cabin Sketch,cursive;letter-spacing:.5px;line-height:1.1}.auth-head p{margin:6px 0 0;font:12px/1.5 Arial,Noto Sans Sinhala,sans-serif;color:#9fa3a7}.auth form{display:flex;flex-direction:column}.auth form label{font:600 12px Arial,Noto Sans Sinhala,sans-serif;color:#bbc0c4;margin:10px 0 6px}.auth input{width:100%;min-height:44px;padding:10px 12px;font:16px Arial,sans-serif;color:#ededeb;background:#1b1d20e6;border:1px solid #4e5155;border-radius:6px}.auth input:focus-visible{outline:2px solid #ba473e;outline-offset:1px;border-color:#ba473e}.auth-pass{position:relative}.auth-pass input{padding-right:46px}.auth-pass button{position:absolute;right:2px;top:2px;bottom:2px;width:40px;display:grid;place-items:center;color:#9fa3a7;border-radius:4px}.auth-error{min-height:36px;margin:10px 0 2px;font:12px/1.5 Arial,Noto Sans Sinhala,sans-serif;color:#f0a49c}.auth-submit{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:10px 16px;border-radius:6px;background:#ba473e;color:#fff;font:600 14px Arial,Noto Sans Sinhala,sans-serif}.auth-submit:hover:not(:disabled){background:#a63d35}.auth-submit:disabled{opacity:.45;cursor:default}.auth-foot{position:fixed;z-index:2;left:0;right:0;bottom:10px;display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none}.auth-foot .credit{pointer-events:auto}.auth-tagline{margin:0;font:16px Cabin Sketch,Noto Sans Sinhala,sans-serif;color:#797e85}@media(max-height:700px){.auth-tagline{display:none}}@media(max-height:520px){.auth{padding:8px}.auth-card{padding:14px 20px}.auth-head{margin-bottom:6px}.auth-brand{font-size:30px}.auth-head p{display:none}.auth form label{margin:6px 0 4px}.auth input{min-height:38px;padding:7px 11px}.auth-error{min-height:20px;margin:6px 0 2px}.auth-submit{min-height:40px}.auth-lang{top:8px;right:8px;min-height:32px;padding:5px 9px}.auth-foot{display:none}}@media(prefers-reduced-motion:reduce){.auth-card,.auth-lang{-webkit-backdrop-filter:none;backdrop-filter:none}}.credit{font:11px Arial,Noto Sans Sinhala,sans-serif;color:#797e85;white-space:nowrap}.credit b{font-weight:600;color:#9fa3a7;border-bottom:1px dotted #797e85}.credit:hover b{color:#ededeb;border-bottom-color:#ededeb}