:root{font-family:ui-rounded,Avenir Next,Avenir,Segoe UI,sans-serif;color:#25334b;background:#f6f7fb;font-synthesis:none;font-weight:450;line-height:1.5;--blue: #2463eb;--muted: #69768a;--border: #e3e8f1}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{min-height:48px;border:1px solid var(--border);border-radius:12px;padding:10px 17px;background:#fff;color:#35445c;font-weight:650;cursor:pointer;transition:background .15s,box-shadow .15s}button:hover:not(:disabled){background:#f0f4fc;box-shadow:0 3px 8px #25334b0a}button:disabled{opacity:.42;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #215ce1;outline-offset:4px}input,select,textarea{min-height:48px;width:100%;padding:10px 14px;border:1px solid #cbd4e2;background:#fff;border-radius:10px;color:#25334b}textarea{resize:vertical}label{display:flex;flex-direction:column;gap:7px;font-weight:650;font-size:14px}form{display:grid;gap:20px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-1.2px;margin-bottom:10px}h2{font-size:21px;letter-spacing:-.4px;margin-bottom:14px}h3{font-size:18px}p{color:var(--muted)}small{font-size:12px;color:var(--muted)}.site-header{height:90px;background:#fff;border-bottom:1px solid var(--border);padding:0 max(28px,calc((100vw - 1376px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;color:#25334b;text-decoration:none;font-size:25px;font-weight:850;letter-spacing:-1px;white-space:nowrap}.brand>span:not(.brand-mark){color:var(--blue)}.brand-mark{display:grid;place-items:center;background:var(--blue);color:#fff;font-size:32px;width:43px;height:43px;border-radius:13px;margin-right:11px;transform:rotate(-6deg)}.brand small{font-size:9px;letter-spacing:1.9px;border-left:1px solid var(--border);margin-left:20px;padding-left:20px}.header-actions{display:flex;align-items:center;gap:20px}.text-button{border:0;background:transparent}.avatar{display:inline-grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:50%;background:#e9efff;color:#3c62b5;font-weight:750}.user-name{display:flex;gap:9px;align-items:center;font-size:14px;font-weight:650}main{max-width:1376px;margin:0 auto;padding:42px 28px 30px;min-height:calc(100vh - 160px)}.welcome{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:32px}.eyebrow{font-size:11px;letter-spacing:2.1px;font-weight:800;color:#758299;margin-bottom:13px}.welcome p:last-child{font-size:15px;margin-bottom:0}.wave{color:#e4af39;font-size:30px;vertical-align:middle}.save-status{font-size:13px;color:#34735e;font-weight:700;flex-shrink:0;background:#edf6f1;border:1px solid #dbebe1;padding:12px 17px;border-radius:13px}.save-status i{display:inline-block;width:7px;height:7px;background:#4b9b77;border-radius:50%;margin-right:7px}.save-status small{display:block;font-size:11px;font-weight:450;margin-top:3px;margin-left:15px}.save-status.offline{background:#fff7e5;border-color:#f0e1be;color:#866821}.tabs{display:flex;gap:10px;border-bottom:1px solid var(--border);margin-bottom:28px;overflow-x:auto}.tabs button{background:none;border:0;border-radius:0;padding:12px 20px 18px;white-space:nowrap;color:#66748c;font-size:14px;position:relative}.tabs button[aria-current=page]{color:var(--blue)}.tabs button[aria-current=page]:after{position:absolute;content:"";bottom:0;left:12px;right:12px;height:3px;border-radius:5px;background:var(--blue)}.tabs button span{background:#eaf0fa;border-radius:7px;padding:2px 7px;margin-left:8px;font-size:11px}.panel{background:#fff;border:1px solid var(--border);border-radius:20px;padding:25px;box-shadow:0 4px 16px #20335a03}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-heading h2{margin-bottom:0}.panel-heading>span{color:var(--muted);font-size:12px}.workspace-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:25px;align-items:start}.library{padding:21px 16px}.library .panel-heading{padding:0 5px;margin-bottom:18px}.library h2{font-size:16px}.new-sequence{width:100%;background:#eff4ff;border:1px dashed #bbcff9;color:var(--blue);font-size:14px;margin-bottom:17px}.sequence-list{display:grid;gap:10px;max-height:560px;overflow:auto}.sequence-list>button{text-align:left;padding:15px;border:1px solid transparent;background:#fafbfe;min-width:0}.sequence-list>button[aria-current=true]{border-color:#a8c2fb;background:#f0f5ff;box-shadow:inset 3px 0 var(--blue)}.sequence-list strong{display:block;font-size:14px;overflow-wrap:anywhere}.sequence-list small{display:block;font-size:11px;margin-top:3px;font-weight:400}.command-preview{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0;font-weight:700;font-size:12px;max-height:260px;overflow:auto}.command-preview>span{border-radius:6px;min-width:27px;height:28px;display:inline-grid;place-items:center;font-size:21px;line-height:1}.library-tip{margin:28px 7px 0;border-top:1px solid var(--border);padding-top:20px;font-size:12px}.library-tip>span{color:#c19b42;font-size:20px;margin-right:8px}.library-tip p{margin:7px 0 0;font-size:12px;line-height:1.7}.editor-panel{padding:27px 30px}.editor-heading{display:flex;justify-content:space-between;align-items:start;gap:12px}.editor-heading>div{min-width:0;flex:1}.title-input{font-size:24px;font-weight:750;border:1px solid transparent;padding:2px 4px;min-height:48px;letter-spacing:-.6px}.title-input:hover{border-color:var(--border)}.draft-label{display:block;font-size:9px;letter-spacing:1.4px;color:#8a96a9;margin:2px 0 0 6px;font-weight:700}.icon-button{width:48px;padding:0;font-size:23px}.danger-text{color:#ac414d}.task-select{display:flex;flex-direction:row;align-items:center;gap:12px;font-size:12px;font-weight:450;margin:22px 0 27px;color:var(--muted)}.task-select select{width:auto;max-width:75%;min-height:48px;font-size:12px;background:#f8fafd;border-color:var(--border)}.section-label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:750;margin-bottom:16px}.section-label>span{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#edf2fc;color:#7089b6;font-size:12px}.section-label small{margin-left:auto;font-size:11px;font-weight:450}.palette{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.command{border:1px solid transparent;touch-action:none;user-select:none;-webkit-user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px #0000000d}.palette-command{min-height:127px;padding:10px;border-radius:15px}.command .arrow{font-family:Arial,sans-serif;font-size:49px;font-weight:700;line-height:1.15}.command strong{font-size:14px;margin-top:5px}.command small{color:inherit;font-weight:400;font-size:10px;opacity:.8}.forward{background:#e5f2ec;color:#31795c}.backward{background:#e4edff;color:#3e69b6}.left{background:#fff0d5;color:#a77722}.right{background:#f0e7fc;color:#8955b4}button.forward:hover:not(:disabled){background:#d4eade}button.backward:hover:not(:disabled){background:#d3e2ff}button.left:hover:not(:disabled){background:#ffe8b9}button.right:hover:not(:disabled){background:#e5d7f7}.hint{font-size:12px;line-height:1.7;margin:16px 0 27px}.sequence-board{display:flex;flex-wrap:wrap;align-content:flex-start;gap:15px 12px;min-height:210px;border:2px dashed #dbe3ef;border-radius:16px;padding:19px;background-color:#fbfcff;background-image:radial-gradient(#cdd8ec 1px,transparent 1px);background-size:16px 16px}.sequence-slot{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px}.step-number{font-size:10px;color:#8491a6;font-weight:700}.sequence-command{width:76px;min-height:88px;border-radius:12px;font-size:10px;padding:8px 4px}.sequence-command .arrow{font-size:38px}.command.selected{outline:3px solid var(--blue);outline-offset:3px}.drag-source{opacity:.3}.insert-before:before,.insert-after:after{content:"";position:absolute;background:var(--blue);width:4px;border-radius:5px;top:15px;bottom:0;left:-8px;box-shadow:0 0 0 3px #2463eb18}.insert-after:after{left:auto;right:-8px}.empty-drop{border-color:var(--blue);background-color:#edf3ff}.drag-preview{position:fixed;transform:translate(-50%,-65%) rotate(-5deg);pointer-events:none;z-index:1000;width:80px;height:90px;opacity:.92;border-radius:14px;box-shadow:0 14px 25px #25334b30}.edit-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:15px}.edit-toolbar>span{font-size:11px;color:var(--muted)}.edit-toolbar>div{display:flex;gap:6px}.edit-toolbar button{font-size:11px;padding:7px 12px;min-height:48px;border-radius:9px}.editor-footer{border-top:1px solid var(--border);margin-top:25px;padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:15px}.editor-footer>button{font-size:12px}.editor-footer>div{display:flex;align-items:center;gap:15px}.editor-footer p{max-width:200px;font-size:11px;margin:0}.primary{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 4px 8px #2463eb15}.primary:hover:not(:disabled){background:#1b53cf}.primary span{margin-left:15px}.empty-sequence{margin:auto;text-align:center;padding:20px}.empty-sequence>span{font-size:35px;letter-spacing:15px;color:#a2b6d8}.empty-sequence h3{font-size:15px;margin:8px 0}.empty-sequence p{font-size:12px;margin-bottom:0}.first-sequence,.empty-state{text-align:center;padding:60px 25px}.bot-icon{display:grid;place-items:center;width:75px;height:75px;border-radius:23px;background:#eaf0ff;color:var(--blue);font-size:45px;margin:0 auto 25px;transform:rotate(-6deg)}.site-footer{display:flex;justify-content:space-between;max-width:1376px;padding:20px 28px 30px;margin:auto;font-size:11px;color:#94a0b1}.site-footer span:last-child{font-size:19px;letter-spacing:9px;color:#acb7c7}.notice{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff4da;color:#74551b;border:1px solid #eedaa8;border-radius:12px;padding:15px 18px;margin-bottom:20px;font-size:14px}.task-brief{background:#f2f6ff;border-radius:12px;padding:16px;font-size:13px;margin-bottom:22px}.task-brief p{white-space:pre-wrap;margin:5px 0 0}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}.task-card{display:flex;flex-direction:column;align-items:start}.task-number{font-size:10px;letter-spacing:1.4px;color:var(--blue);margin-bottom:20px;font-weight:750}.description{white-space:pre-wrap;overflow-wrap:anywhere;flex:1}.submission-list{display:grid;gap:18px}.submission-card h2{margin:12px 0 4px}.submission-card p{font-size:13px}.submission-card .command-preview{margin:18px 0}.submission-card>button{margin-top:10px}.tag{display:inline-block;border-radius:7px;padding:5px 9px;font-size:11px;background:#e9f3ed;color:#398062;font-weight:750}.tag.pending{background:#fff0d3;color:#947126}.login-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;max-width:1080px;margin:45px auto 60px;align-items:center}.login-intro h1{font-size:clamp(44px,6vw,76px);line-height:1.06;margin:22px 0;letter-spacing:-3px}.login-intro>p:not(.eyebrow){font-size:17px;line-height:1.8}.intro-arrows{display:flex;gap:12px;margin:38px 0}.intro-arrows span{display:grid;place-items:center;width:74px;height:84px;font-family:Arial,sans-serif;font-size:48px;border-radius:16px;box-shadow:0 5px #00000008}.intro-arrows span:nth-child(2){transform:rotate(-7deg)}.intro-arrows span:nth-child(3){transform:rotate(5deg)}.intro-note{font-size:12px;line-height:1.8;color:var(--muted);border-left:3px solid #d9e3f6;padding-left:15px}.login-panel{padding:36px}.login-panel h2{font-size:27px;margin:20px 0 12px}.login-panel p{font-size:14px}.scan-button{width:100%;margin:18px 0 22px;min-height:65px;font-size:16px}.scan-button>span{margin:0 9px 0 0;font-size:23px}.login-panel details{border:1px solid var(--border);border-radius:12px;padding:0 15px}.login-panel summary{padding:14px 0;min-height:48px;font-size:13px;cursor:pointer;color:#61738f}.login-panel details form{padding:8px 0 17px}.login-switch{border-top:1px solid var(--border);border-radius:0;width:100%;font-size:12px;color:#62738d;padding-top:20px}.scanner video{width:100%;border-radius:12px;background:#192842;min-height:180px}.scanner{margin:20px 0}.scanner p{font-size:12px}.modal-backdrop{position:fixed;inset:0;background:#16243e66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:25px}.help-dialog{max-width:620px;max-height:90dvh;overflow:auto}.help-dialog li{margin-bottom:10px;font-size:14px;color:#596a83}.help-dialog h3{margin:24px 0 10px}.help-dialog p{font-size:14px}.inline-form{display:flex;align-items:end;gap:15px;max-width:650px;margin:22px 0 28px}.inline-form label{flex:1}.profile-row{display:flex;align-items:center;gap:14px;border-top:1px solid var(--border);padding:17px 0}.profile-row>div:nth-child(2){min-width:100px}.profile-row small{display:block}.row-actions{display:flex;flex-wrap:wrap;gap:8px}.profile-row .row-actions{margin-left:auto}.row-actions button{font-size:12px}.qr-section{margin-top:25px}.qr-section .panel-heading p{font-size:13px;margin:8px 0}.qr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px;margin-top:24px}.qr-card{border:1px dashed #bdcbe0;text-align:center;border-radius:15px;padding:24px;break-inside:avoid}.qr-card .brand{display:block;color:var(--blue);font-size:20px}.qr-card h2{margin:10px 0}.qr-card img{width:100%;max-width:240px}.qr-card p{font-size:12px}.access-code{display:block;font-family:monospace;overflow-wrap:anywhere;font-size:10px;margin-bottom:10px}.teacher-task-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start}.task-list-item{width:100%;text-align:left;display:grid;gap:5px;margin-top:14px;padding:16px}.task-list-item span{font-size:11px;color:var(--blue)}fieldset{border:1px solid var(--border);border-radius:12px;padding:17px}legend{font-size:14px;font-weight:700}.checkbox-label{display:flex;flex-direction:row;align-items:center;gap:12px;min-height:48px;font-weight:450}.checkbox-label input{width:22px;min-height:22px;height:22px;accent-color:var(--blue)}.filters{display:flex;gap:24px;margin-bottom:28px}.filters label{flex:1}.work-card{margin-bottom:16px}.work-card h3{margin:14px 0 7px}.work-card p{font-size:13px}.work-card small{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1500px){main{padding-top:52px}.editor-panel{padding:30px 36px}.sequence-board{min-height:235px}}@media(max-width:1000px){.brand small{display:none}.workspace-grid{grid-template-columns:205px minmax(0,1fr);gap:18px}.editor-panel{padding:23px 20px}.palette{gap:9px}.palette-command{min-height:114px}.edit-toolbar{flex-direction:column;align-items:flex-start}.editor-footer>div{flex-direction:column;align-items:flex-end;gap:8px}.editor-footer p{text-align:right}.login-layout{gap:35px}.login-panel{padding:27px}.profile-row{flex-wrap:wrap}.profile-row .row-actions{width:100%;margin-left:52px}}@media(max-width:760px){.site-header{height:76px;padding:0 18px}.brand{font-size:22px}.brand-mark{width:36px;height:36px;font-size:27px;margin-right:8px}.header-actions{gap:6px}.header-actions>button{font-size:12px;padding:8px 12px}.user-name{display:none}main{padding:28px 16px}.welcome{align-items:flex-start;gap:15px;margin-bottom:23px}.welcome h1{font-size:28px}.welcome p:last-child{font-size:13px}.save-status{font-size:11px;padding:10px;max-width:170px}.save-status small{font-size:10px;margin-left:0}.eyebrow{font-size:9px;letter-spacing:1.4px}.tabs{gap:0;margin-bottom:20px}.tabs button{padding:12px 13px 17px;font-size:13px}.tabs button span{margin-left:4px}.workspace-grid{grid-template-columns:1fr}.library{padding:16px}.library .panel-heading{display:none}.new-sequence{width:auto;margin:0 0 12px}.sequence-list{display:flex;overflow-x:auto;gap:8px;max-height:none}.sequence-list>button{min-width:155px;max-width:210px;flex-shrink:0;padding:11px 14px}.sequence-list .command-preview,.library-tip{display:none}.editor-panel{padding:21px 18px}.title-input{font-size:22px}.palette-command{min-height:112px;padding:9px 5px}.command strong{font-size:12px}.command .arrow{font-size:42px}.sequence-command .arrow{font-size:35px}.section-label{font-size:13px}.section-label small{font-size:10px}.sequence-command{width:69px;min-height:80px}.sequence-board{gap:13px 10px;padding:15px}.task-select{margin:18px 0 24px}.editor-footer{align-items:flex-end}.editor-footer>button{padding:9px 12px}.editor-footer p{max-width:190px;font-size:10px}.edit-toolbar>div{width:100%}.edit-toolbar button{flex:1}.login-layout{grid-template-columns:1fr;max-width:460px;margin:10px auto 25px;gap:26px}.login-intro h1{font-size:52px}.login-intro>p:not(.eyebrow){font-size:15px}.intro-arrows{margin:22px 0}.intro-arrows span{width:61px;height:67px;font-size:40px}.intro-note{display:none}.login-panel{padding:25px}.teacher-task-grid{grid-template-columns:1fr}.inline-form{flex-wrap:wrap}.inline-form label{min-width:180px}.filters{flex-direction:column;gap:15px}.profile-row .row-actions{margin-left:0}.panel-heading{flex-wrap:wrap}.site-footer{padding:10px 18px 25px;font-size:10px}.site-footer span:last-child{font-size:16px;letter-spacing:5px}.notice{flex-wrap:wrap}.help-dialog{padding:23px}.help-dialog ol{padding-left:20px}}@media(max-width:410px){.welcome{flex-direction:column}.save-status{max-width:none}.save-status small{display:inline;margin-left:8px}.palette{gap:7px}.palette-command{min-height:105px}.sequence-command{width:63px}.tabs button{padding-left:10px;padding-right:10px}.section-label small{margin-left:0}.site-footer span:last-child{display:none}}@media print{body{background:#fff}.site-header,.welcome,.tabs,.site-footer,.no-print,main>section:not(.qr-section),.qr-section>.panel-heading,.notice{display:none!important}main{padding:0;max-width:none}.qr-section{display:block!important;border:none;box-shadow:none;margin:0;padding:0}.qr-grid{grid-template-columns:1fr 1fr;gap:20px}.qr-card{break-inside:avoid;padding:16px}.qr-card img{width:180px}.qr-card .brand{color:#000}.qr-card h2{font-size:25px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.brand{min-height:48px}.task-list-item strong,.task-card h2,.work-card h3{overflow-wrap:anywhere}