:root{--ink:#202331;--muted:#747887;--line:#e8e4df;--paper:#fff;--cream:#faf7f2;--coral:#f45d48;--coral-dark:#d94734;--blue:#3f66f3;--blue-dark:#294bc6;--yellow:#f5c451;--mint:#39bfa5;--good:#168b69;--bad:#d63d50;--shadow:0 18px 50px #342c2510}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,system-ui,sans-serif}.qm-shell{min-height:100vh}.qm-top{height:62px;padding:0 clamp(13px,3vw,38px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.qm-brand,.qm-top-links,.qm-library-actions,.qm-inline-actions,.qm-save-controls{display:flex;align-items:center;gap:8px}.qm-brand{font-weight:900}.qm-logo{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,var(--coral),#ff8a54);color:#fff;font:900 18px Outfit;box-shadow:0 5px 14px #f45d4833}.qm-beta{padding:4px 7px;border-radius:999px;background:#fff3cf;color:#8a5b00;font-size:9px;font-weight:950;letter-spacing:.08em}.qm-back{padding:8px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);text-decoration:none;font:850 11px Manrope;cursor:pointer}.qm-hero{margin:14px auto 0;width:min(1120px,calc(100% - 24px));padding:18px 24px;border-radius:20px;background:linear-gradient(120deg,#ff765e,#f45d48 52%,#ef8f45);color:#fff;box-shadow:0 14px 35px #f45d4824;display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden;position:relative}.qm-hero:after{content:"Q";position:absolute;right:18%;top:-45px;font:900 150px Outfit;color:#ffffff14;transform:rotate(-9deg)}.qm-hero small{font-size:9px;font-weight:900;letter-spacing:.18em;color:#fff1d7}.qm-hero h1{margin:2px 0 0;font:900 clamp(25px,3.5vw,38px)/1 Outfit}.qm-hero p{margin:5px 0 0;font-size:12px;color:#fff5ee}.qm-hero-help{position:relative;z-index:1;border:1px solid #ffffff55;border-radius:999px;padding:10px 14px;background:#ffffff18;color:#fff;font-weight:900;cursor:pointer;white-space:nowrap}.qm-nav{width:min(1120px,calc(100% - 24px));margin:10px auto;display:flex;gap:5px;padding:5px;background:#fff;border:1px solid var(--line);border-radius:14px;position:sticky;top:70px;z-index:20;box-shadow:0 8px 24px #342c250d}.qm-nav button{flex:1;min-height:38px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-weight:900;cursor:pointer}.qm-nav button.active{background:var(--blue);color:#fff;box-shadow:0 5px 12px #3f66f32c}.qm-main{width:min(1120px,calc(100% - 24px));margin:0 auto 50px}.qm-panel{display:none}.qm-panel.active{display:block}.qm-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.qm-setup{margin-bottom:10px}.qm-section-title{display:flex;align-items:center;gap:10px;margin-bottom:11px}.qm-section-title h2,.qm-toolbar h2,.qm-step-head h2{margin:0;font:900 20px Outfit}.qm-section-title p,.qm-step-head p{margin:2px 0 0;color:var(--muted);font-size:10px}.qm-step-dot{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#fff0ec;color:var(--coral-dark);font-size:11px;font-weight:950}.qm-type-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-bottom:12px}.qm-type{border:1px solid var(--line);border-radius:12px;background:#fff;padding:9px 5px;cursor:pointer;text-align:center;color:var(--ink);font-size:10px;font-weight:850;min-height:62px}.qm-type span{display:block;font-size:20px;margin-bottom:3px}.qm-type.active{border-color:#ff9d8d;background:#fff3ef;color:#bd3c2b;box-shadow:0 0 0 2px #f45d4815}.qm-form-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px}.qm-field{display:grid;gap:5px}.qm-field label{font-size:9px;font-weight:950;color:#77717a;letter-spacing:.09em;text-transform:uppercase}.qm-field input,.qm-field select,.qm-field textarea,.qm-save-controls select,.qm-toolbar input,.qm-toolbar select{width:100%;border:1px solid #e1ddd8;border-radius:10px;background:#fff;padding:10px 11px;font:700 12px Manrope;color:var(--ink);outline:none}.qm-field textarea{min-height:172px;resize:vertical;line-height:1.5}.qm-field input:focus,.qm-field textarea:focus,.qm-field select:focus,.qm-toolbar input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3f66f315}.qm-compose-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.qm-mode{width:230px}.qm-editor-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:10px}.qm-hint{padding:8px 11px;border-radius:10px;background:#edf1ff;color:#304ca8;font-size:10px;font-weight:750;line-height:1.4;margin-bottom:8px}.qm-inline-actions{margin-top:7px}.qm-primary,.qm-secondary,.qm-danger,.qm-icon-btn{border:0;border-radius:10px;padding:10px 14px;font-weight:900;cursor:pointer}.qm-primary{background:linear-gradient(135deg,var(--coral),#ff765e);color:#fff;box-shadow:0 5px 12px #f45d4824;text-decoration:none}.qm-primary:hover{background:var(--coral-dark)}.qm-primary:disabled{opacity:.42;cursor:not-allowed}.qm-secondary{background:#eef1fb;color:var(--blue-dark)}.qm-danger{background:#fff0f2;color:var(--bad)}.qm-icon-btn{background:#fff;border:1px solid var(--line);font-size:18px;padding:7px 11px}.qm-preview{height:226px;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:9px;background:#fbfaf8}.qm-empty{padding:34px 16px;text-align:center;color:#95909a;font-size:12px}.qm-row{background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px;margin-bottom:6px}.qm-row-head{display:flex;gap:7px;align-items:flex-start}.qm-num{width:23px;height:23px;display:grid;place-items:center;flex:0 0 auto;border-radius:7px;background:#fff0ec;color:var(--coral-dark);font-size:10px;font-weight:950}.qm-pair{display:grid;grid-template-columns:1fr 1fr;gap:6px;flex:1}.qm-pair input,.qm-question-input,.qm-option-input{width:100%;border:1px solid var(--line);border-radius:8px;padding:7px;font:700 11px Manrope}.qm-remove{border:0;background:#fff0f2;color:var(--bad);width:26px;height:26px;border-radius:7px;cursor:pointer;font-weight:900}.qm-token-wrap{display:flex;flex-wrap:wrap;gap:5px}.qm-token{border:1px solid #ded9d3;background:#fff;border-radius:8px;padding:6px 8px;cursor:pointer;font-weight:750}.qm-token.blank{background:#fff4cc;border-color:#e2b23e;color:#7a5200;text-decoration:underline 2px}.qm-choice{display:grid;grid-template-columns:23px 1fr;gap:6px;align-items:center;margin-top:6px}.qm-choice input[type=radio]{accent-color:var(--coral)}.qm-savebar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px;padding-top:11px;border-top:1px solid var(--line)}.qm-save-controls select{width:100px}.qm-status{font-size:10px;font-weight:850;color:var(--muted)}.qm-status.bad{color:var(--bad)}.qm-status.good{color:var(--good)}.qm-public-note{font-size:9px;color:var(--muted);margin-top:3px}.qm-toolbar{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:10px;flex-wrap:wrap}.qm-library-head{padding:5px 2px}.qm-search{flex:1;min-width:180px}.qm-material-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.qm-material{background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px;display:flex;flex-direction:column;min-height:188px;box-shadow:0 8px 25px #342c250a}.qm-material-top{display:flex;justify-content:space-between;gap:10px}.qm-material-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#edf1ff;font-size:19px}.qm-pill{height:max-content;padding:4px 7px;border-radius:999px;background:#eaf9f5;color:#08735e;font-size:8px;font-weight:950;text-transform:uppercase}.qm-pill.private{background:#f0eff1;color:#5d5962}.qm-material h3{margin:11px 0 4px;font:900 16px Outfit}.qm-material p{margin:0;color:var(--muted);font-size:10px}.qm-material-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto;padding-top:12px}.qm-material-actions button,.qm-material-actions a{border:0;border-radius:8px;padding:7px 9px;background:#f1f0ee;color:#45414a;font:850 9px Manrope;text-decoration:none;cursor:pointer}.qm-material-actions .play{background:var(--blue);color:#fff}.qm-community-note{padding:10px 13px;border-radius:11px;background:#fff5dc;color:#795311;font-size:10px;margin-bottom:10px}.qm-folder{margin-bottom:10px;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.qm-folder>summary{list-style:none;display:flex;align-items:center;gap:10px;padding:13px 15px;cursor:pointer;font-weight:900}.qm-folder>summary::-webkit-details-marker{display:none}.qm-folder>summary:before{content:"▸";color:var(--coral);transition:.2s}.qm-folder[open]>summary:before{transform:rotate(90deg)}.qm-folder-count{margin-left:auto;padding:3px 7px;border-radius:999px;background:#f2efeb;color:#756e67;font-size:9px}.qm-folder-body{padding:0 12px 12px}.qm-subfolder{margin-top:8px}.qm-subfolder-title{font-size:10px;font-weight:900;color:var(--muted);margin:0 0 7px 2px}.qm-gate{position:fixed;inset:0;background:#faf7f2ee;backdrop-filter:blur(7px);display:none;place-items:center;z-index:100}.qm-gate.show{display:grid}.qm-gate-card{width:min(420px,calc(100% - 24px));background:#fff;border-radius:20px;padding:26px;text-align:center;box-shadow:0 28px 80px #342c2533}.qm-gate-card h2{font:900 24px Outfit}.qm-modal{position:fixed;inset:0;background:#202331b5;display:none;place-items:center;z-index:80;padding:12px;backdrop-filter:blur(5px)}.qm-modal.show{display:grid}.qm-modal-card{width:min(560px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:24px;box-shadow:0 28px 90px #0005}.qm-modal-hero{position:relative;padding:25px 25px 22px;background:linear-gradient(135deg,var(--blue),#6f55e9);color:#fff}.qm-modal-hero.assign{background:linear-gradient(135deg,var(--coral),#ef8f45);text-align:center}.qm-modal-hero>span{font-size:9px;font-weight:950;letter-spacing:.16em;opacity:.75}.qm-modal-hero h2{margin:6px 0 4px;font:900 27px Outfit}.qm-modal-hero p{margin:0;line-height:1.5;font-size:11px;color:#ffffffd9}.qm-modal-close{position:absolute;right:14px;top:13px;width:32px;height:32px;border:0;border-radius:50%;background:#ffffff20;color:#fff;font-size:20px;cursor:pointer}.qm-modal-close.dark{position:static;background:#f1efed;color:var(--ink)}.qm-help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:16px}.qm-help-grid div{padding:12px;border-radius:12px;background:#f6f5ff}.qm-help-grid b,.qm-help-grid span{display:block}.qm-help-grid b{font-size:11px;color:var(--blue-dark)}.qm-help-grid span{font-size:9px;color:var(--muted);margin-top:4px}.qm-help-copy{padding:0 20px 10px;font-size:11px;line-height:1.55;color:#5e5a63}.qm-help-copy h3{margin:10px 0 2px;color:var(--ink)}.qm-help-copy p{margin:0 0 8px}.qm-help-copy code{display:block;padding:9px 11px;border-radius:9px;background:#f4f1ed;color:#92400e}.qm-help-done{display:block;width:calc(100% - 40px);margin:5px 20px 20px}.qm-assign-icon{width:50px;height:50px;margin:8px auto 4px;display:grid;place-items:center;border-radius:17px;background:#ffffff20;font-size:25px}.qm-assign-body{padding:17px}.qm-assign-label{display:flex;justify-content:space-between;font-size:10px;margin-bottom:8px}.qm-assign-label span{font-weight:900}.qm-assign-label b{color:var(--coral-dark)}.qm-class-list{max-height:260px;overflow:auto}.qm-class-row{display:flex;gap:10px;padding:10px;border:1px solid var(--line);border-radius:11px;margin-bottom:6px;cursor:pointer;transition:.15s}.qm-class-row:has(input:checked){border-color:#ff9a88;background:#fff4f0}.qm-class-row input{accent-color:var(--coral)}.qm-class-row b{font-size:11px}.qm-class-row small{color:var(--muted)}.qm-due{margin-top:12px}.qm-assign-submit{width:100%;margin-top:12px;padding:13px}.qm-step-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:18px 18px 8px}.qm-move-list{padding:8px 18px 18px;display:grid;gap:7px}.qm-move-option{border:1px solid var(--line);border-radius:11px;padding:11px;text-align:left;background:#fff;font-weight:850;cursor:pointer}.qm-move-option:hover{border-color:var(--blue);background:#f4f6ff}@media(max-width:850px){.qm-type-grid{grid-template-columns:repeat(3,1fr)}.qm-editor-grid{grid-template-columns:1fr}.qm-preview{height:210px}.qm-material-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.qm-top{height:56px;padding:0 9px}.qm-brand{gap:6px}.qm-brand>span:nth-child(2){font-size:12px}.qm-logo{width:31px;height:31px}.qm-top-links{gap:4px}.qm-back{padding:7px 8px;font-size:9px}.desktop-link{display:none}.qm-hero{margin-top:7px;padding:12px 14px;border-radius:14px}.qm-hero h1{font-size:22px}.qm-hero p{font-size:9px;margin-top:3px}.qm-hero small{font-size:7px}.qm-hero-help{padding:8px 9px;font-size:9px}.qm-nav{top:61px;margin:7px auto;padding:4px}.qm-nav button{min-height:34px;font-size:10px}.qm-main{width:calc(100% - 14px);margin-bottom:20px}.qm-card{padding:10px;border-radius:13px}.qm-section-title{margin-bottom:7px}.qm-section-title h2{font-size:16px}.qm-section-title p{display:none}.qm-step-dot{width:24px;height:24px}.qm-type-grid{display:flex;overflow-x:auto;gap:6px;margin:0 -2px 8px;padding:2px;scroll-snap-type:x mandatory}.qm-type{flex:0 0 82px;min-height:54px;padding:6px 3px;scroll-snap-align:start}.qm-type span{font-size:18px}.qm-form-grid{grid-template-columns:1.35fr .75fr}.qm-form-grid .qm-field:last-child{grid-column:1/-1}.qm-field input,.qm-field select,.qm-field textarea{padding:9px}.qm-field textarea{min-height:130px}.qm-compose-head{align-items:center}.qm-mode{width:145px}.qm-hint{font-size:9px;padding:7px 9px;max-height:47px;overflow:auto}.qm-preview{height:164px}.qm-editor-grid{gap:8px}.qm-savebar{position:sticky;bottom:5px;z-index:8;margin:8px -3px -3px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 9px 25px #342c2522}.qm-savebar>div:first-child{max-width:34%}.qm-save-controls{gap:4px}.qm-save-controls select{width:70px;padding:8px 5px;font-size:9px}.qm-save-controls button{padding:9px 8px;font-size:9px}.qm-status{font-size:8px}.qm-public-note{font-size:7px}.qm-material-grid{grid-template-columns:1fr 1fr;gap:7px}.qm-material{min-height:165px;padding:10px}.qm-material h3{font-size:14px}.qm-material-actions button,.qm-material-actions a{padding:6px 7px}.qm-library-head{align-items:center}.qm-library-head h2{font-size:20px}.qm-secondary{padding:9px 10px;font-size:10px}.qm-modal{padding:7px}.qm-modal-card{border-radius:18px}.qm-help-grid{grid-template-columns:1fr;padding:12px;gap:6px}.qm-help-grid div{padding:9px}.qm-modal-hero{padding:20px 18px}.qm-modal-hero h2{font-size:23px}.qm-help-copy{padding:0 15px 8px}.qm-help-done{width:calc(100% - 30px);margin:5px 15px 15px}.qm-class-list{max-height:240px}}@media(max-width:390px){.qm-hero-help span{display:none}.qm-top-links .qm-back:last-child{font-size:0}.qm-top-links .qm-back:last-child:after{content:"←";font-size:13px}.qm-material-grid{grid-template-columns:1fr}}
