@font-face{font-family:Inter;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/outfit-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/outfit-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/nunito-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/nunito-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/bricolage-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/bricolage-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Nunito,Inter,system-ui,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none;font-size:16px;--ink: #20323b;--ink-soft: #40525c;--muted: #637580;--muted-2: #8596a0;--line: #e0e8e9;--line-strong: #cfdadd;--canvas: #f6f8fa;--surface: #fff;--surface-2: #f8fafb;--surface-3: #eff3f6;--green-soft: #ecfdf5;--green-text: #047857;--green-line: #a7f3d0;--amber-soft: #fffbeb;--amber-text: #a16207;--amber-line: #fcd34d;--danger-soft: #fff1f2;--danger-text: #be123c;--danger-line: #fecdd3;--violet-soft: #f5f3ff;--violet-text: #6d28d9;--navy: #1e293b;--radius: 12px;--blue: var(--product);--primary: var(--product);--border: var(--line);--text: var(--ink)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:default;opacity:.5}button:not(:disabled),a,input,select,textarea{transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}button:focus-visible,a:focus-visible{outline:3px solid var(--product-line);outline-offset:3px}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--product);box-shadow:0 0 0 3px color-mix(in srgb,var(--product) 8%,transparent)}h1,h2,h3,p{margin:0}h1{font-size:1.75rem;letter-spacing:-.045em;font-weight:700;line-height:1.3}h2{font-size:1.25rem;letter-spacing:-.025em;line-height:1.4}h3{font-size:1.05rem;letter-spacing:-.02em;line-height:1.45}p{font-size:.875rem;line-height:1.7}a{color:var(--product-text)}svg{flex-shrink:0}button{border:0;background:none}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;min-width:0;border:1px solid var(--line-strong);background:var(--surface);border-radius:var(--radius);padding:.7rem .85rem;font-size:.875rem;line-height:1.45;color:var(--ink)}input::placeholder,textarea::placeholder{color:var(--muted-2)}textarea{resize:vertical}input:disabled{background:var(--surface-2);color:var(--muted)}input[type=checkbox],input[type=radio]{accent-color:var(--blue);width:17px;height:17px;flex-shrink:0}input[type=file]{font-size:.875rem!important}select{cursor:pointer}.row{display:flex;align-items:center;gap:.65rem}.muted{color:var(--muted)}.small{font-size:.75rem}.eyebrow{font-size:.65rem;letter-spacing:.16em;font-weight:700;color:var(--muted);margin-bottom:.55rem;line-height:1.5}.button{display:inline-flex;gap:.6rem;align-items:center;justify-content:center;padding:.75rem 1.05rem;min-height:42px;border-radius:var(--radius);font-size:.875rem;font-weight:600;white-space:nowrap;text-decoration:none;border:1px solid transparent;line-height:1.4}.button.primary{background:var(--blue);color:#fff;box-shadow:0 2px 4px color-mix(in srgb,var(--product) 9%,transparent)}.button.primary:hover:not(:disabled){background:var(--product-hover);box-shadow:0 4px 10px color-mix(in srgb,var(--product) 15%,transparent)}.button.secondary{background:var(--surface);border-color:var(--line-strong);color:var(--ink-soft)}.button.secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--line-strong)}.button.dashed{border:1px dashed var(--line-strong);background:var(--surface);color:var(--product-text);width:100%;padding:1rem}.button.dashed:hover{background:var(--product-soft)}.full{width:100%}.text-button{display:inline-flex;gap:.45rem;align-items:center;font-size:.8rem;font-weight:600;padding:.3rem 0}.text-button:hover,.blue-text{color:var(--product-text)}.danger{color:var(--danger-text)!important}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:var(--muted);flex-shrink:0}.icon-button:hover:not(:disabled){background:var(--surface-3);color:var(--ink)}.pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.65rem;font-weight:600;white-space:nowrap;padding:.3rem .6rem;line-height:1.5;border-radius:6px;background:var(--surface-3);color:var(--muted)}.pill.blue{background:var(--product-soft);color:var(--product-text)}.pill.green{background:var(--green-soft);color:var(--green-text)}.pill.amber{background:var(--amber-soft);color:var(--amber-text)}.notice{display:flex;gap:.7rem;align-items:center;border:1px solid var(--product-line);border-radius:var(--radius);padding:1rem 1.1rem;font-size:.875rem;line-height:1.6;background:var(--product-soft);color:var(--product-text);margin-bottom:1.4rem}.notice.error{background:var(--danger-soft);border-color:var(--danger-line);color:var(--danger-text)}.notice.success{display:block;background:var(--green-soft);border-color:var(--green-line);color:var(--green-text)}.notice p{margin-top:.4rem}.field{display:flex;flex-direction:column;gap:.5rem;margin-top:1.2rem;text-align:left}.field>label{font-size:.8rem;font-weight:600;color:var(--ink-soft)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.check{display:flex;align-items:center;gap:.5rem;font-size:.85rem;cursor:pointer}.panel{border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:1.5rem;box-shadow:0 1px 2px #0f172a03;margin-bottom:1.5rem}.panel h2{display:flex;gap:.6rem;align-items:center}.panel>p.muted{margin-top:.35rem}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}.section-heading p{margin-top:.25rem}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:1.8rem}.page-heading>div>p.muted{margin-top:.6rem}.page-heading>.button{flex-shrink:0}.brand{display:flex;align-items:center;gap:.7rem}.brand-mark{height:36px;width:36px;background:var(--blue);border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-mark img{height:100%;width:100%;object-fit:cover}.brand strong{font-size:1.12rem;letter-spacing:-.04em;font-weight:700}.brand strong span{font-family:Outfit,Inter,sans-serif;font-weight:600}.brand small{display:block;letter-spacing:.11em;font-size:.48rem;color:var(--muted-2);font-weight:600;margin-top:3px}.topbar{height:68px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:fixed;top:0;left:244px;right:0;z-index:30}.product-badge{font-size:.55rem;letter-spacing:.08em;color:var(--muted-2);background:var(--surface-2);padding:.35rem .5rem;border:1px solid var(--line);border-radius:5px;margin-left:1rem}.topbar-separator{height:28px;width:1px;background:var(--border);margin:0 .6rem}.user-menu{display:flex;align-items:center;gap:.8rem}.user-text{text-align:right}.user-text strong{display:block;font-size:.8rem}.user-text span{display:block;font-size:.65rem;color:var(--muted-2);margin-top:3px}.avatar{display:flex;align-items:center;justify-content:center;background:var(--product-soft);color:var(--product-text);font-size:.75rem;font-weight:700;width:36px;height:36px;border:1px solid var(--product-line);border-radius:50%}.sidebar{position:fixed;left:0;top:0;bottom:0;width:244px;background:#1e293b;color:#cbd5e1;padding:1.7rem 1rem 1rem;display:flex;flex-direction:column;justify-content:space-between;z-index:25;overflow:auto}.sidebar-heading{font-size:.56rem;letter-spacing:.15em;font-weight:600;color:#94a3b8;padding:0 .8rem;margin-bottom:1rem}.nav-item{width:100%;display:flex;gap:.8rem;align-items:center;text-align:left;border-radius:9px;padding:.8rem .85rem;font-size:.84rem;color:#cbd5e1;margin-bottom:.4rem;line-height:1.5}.nav-item:hover{background:#334155;color:#fff}.nav-item.active{background:var(--blue);color:#fff}.nav-item small{margin-left:auto;background:#ffffff18;padding:0 .4rem;border-radius:4px;font-size:.65rem}.sidebar-divider{height:1px;background:#334155;margin:1.6rem .7rem}.sidebar-note{background:#ffffff05;border:1px solid #ffffff0d;padding:1.1rem .9rem;border-radius:12px;margin-bottom:1.2rem}.sidebar-note>svg{color:#93c5fd;margin-bottom:.5rem}.sidebar-note strong{display:block;font-size:.85rem;color:#e2e8f0}.sidebar-note p{font-size:.72rem;color:#94a3b8;margin-top:.4rem}.sidebar-version{display:block;text-align:center;font-size:.57rem;color:#94a3b8;margin-top:1rem}.workspace{margin-left:244px;padding-top:68px;min-height:100vh}.workspace-inner{max-width:1536px;margin:0 auto;padding:2rem 2.4rem 0}.workspace-footer{border-top:1px solid var(--border);margin-top:2.5rem;display:flex;justify-content:space-between;font-size:.65rem;color:var(--muted-2);padding:1.3rem 0}.workspace-footer>span:first-child{font-weight:600}.mobile-toggle{display:none}.welcome-banner{position:relative;overflow:hidden;display:flex;justify-content:space-between;border:1px solid var(--product-line);border-radius:18px;background:linear-gradient(105deg,#edf4ff,#f7faff 63%,#e4edff);padding:2.1rem 2.4rem;margin-bottom:1.5rem;min-height:265px}.banner-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.57rem;letter-spacing:.1em;font-weight:700;color:var(--product-text);background:#dbeafe90;padding:.4rem .65rem;border-radius:6px;margin-bottom:1rem}.welcome-banner h2{font-size:2rem;line-height:1.25;letter-spacing:-.045em}.welcome-banner p{color:var(--muted);margin-top:.8rem;font-size:.85rem}.banner-button{background:var(--surface);border-color:var(--product-line);color:var(--product-text);margin-top:1.2rem;min-height:38px;font-size:.75rem;padding:.6rem 1rem}.banner-button:hover{background:var(--product-soft)}.banner-art{position:relative;width:290px;min-width:250px;align-self:center;height:230px;margin-right:1rem}.art-note{position:absolute;left:70px;top:11px;width:160px;height:203px;background:var(--surface);border:1px solid var(--product-line);border-radius:14px;box-shadow:0 14px 30px color-mix(in srgb,var(--product) 8%,transparent);transform:rotate(-7deg);padding:20px}.art-note-icon{display:flex;align-items:center;justify-content:center;background:var(--product-soft);border-radius:10px;width:43px;height:43px;color:var(--product-text);margin-bottom:18px}.art-line{height:6px;background:var(--line);border-radius:4px;width:65%;margin:9px 0}.art-line.long{width:95%}.art-check{font-size:7px;color:var(--green-text);display:flex;align-items:center;gap:4px;background:var(--green-soft);padding:6px 3px;border-radius:4px;margin:13px -4px}.art-tile{display:flex;align-items:center;justify-content:center;width:65px;height:65px;border:4px solid #fff;border-radius:17px;position:absolute;box-shadow:0 10px 20px color-mix(in srgb,var(--product) 8%,transparent)}.art-quiz{background:#e9e5ff;color:var(--violet-text);right:0;top:40px;transform:rotate(14deg)}.art-slide{background:#fef3c7;color:var(--amber-text);left:24px;bottom:18px;transform:rotate(-12deg)}.art-spark{position:absolute;right:20px;bottom:20px;color:var(--product-text);transform:rotate(12deg)}.art-orbit{position:absolute;width:240px;height:240px;border:1px solid color-mix(in srgb,var(--product) 5%,transparent);border-radius:50%;left:30px;top:-5px}.orbit-two{width:300px;height:300px;left:0;top:-35px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.stat-card{display:flex;justify-content:space-between;align-items:flex-start;background:var(--surface);border:1px solid var(--border);padding:1.15rem;border-radius:14px;text-align:left}.stat-card:hover{border-color:var(--product-line);transform:translateY(-2px)}.stat-card span:not(.stat-icon){font-size:.72rem;color:var(--muted);font-weight:500}.stat-card strong{display:block;font-size:1.75rem;line-height:1.4;letter-spacing:-.06em;margin:.3rem 0 .4rem}.stat-card small{font-size:.6rem;color:var(--muted-2)}.stat-icon{height:36px;width:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--product-soft);color:var(--product-text)}.stat-1{background:var(--green-soft);color:var(--green-text)}.stat-2{background:var(--violet-soft);color:var(--violet-text)}.stat-3{background:var(--amber-soft);color:var(--amber-text)}.dashboard-section{margin-top:2rem}.creation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.create-card{padding:1.35rem;background:var(--surface);border:1px solid var(--border);border-radius:14px;text-align:left;display:flex;align-items:flex-start;flex-direction:column}.create-card:hover{border-color:var(--product-line);transform:translateY(-3px);box-shadow:0 6px 18px #0f172a05}.type-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;width:37px;height:37px;flex-shrink:0;background:var(--product-soft);color:var(--product-text)}.type-icon.large{width:46px;height:46px;border-radius:12px}.type-icon.activity{background:var(--green-soft);color:var(--green-text)}.type-icon.slides{background:var(--amber-soft);color:var(--amber-text)}.type-icon.quiz{background:var(--violet-soft);color:var(--violet-text)}.type-icon.file{background:var(--danger-soft);color:var(--danger-text)}.create-card h3{font-size:.95rem;margin-top:1rem}.create-card p{font-size:.74rem;color:var(--muted);line-height:1.65;margin:.4rem 0 1.1rem;max-width:165px}.create-card>span:last-child{display:flex;gap:.4rem;align-items:center;font-size:.72rem;font-weight:600;color:var(--product-text);margin-top:auto}.create-card.activity>span:last-child{color:var(--green-text)}.create-card.slides>span:last-child{color:var(--amber-text)}.create-card.quiz>span:last-child{color:var(--violet-text)}.material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.material-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.2rem}.material-card:hover{box-shadow:0 6px 16px #0f172a04;border-color:var(--line-strong)}.material-card .section-heading{margin-bottom:1rem}.material-kind{display:block;font-size:.59rem;color:var(--product-text);font-weight:700;margin-bottom:.45rem;text-transform:uppercase;letter-spacing:.08em}.material-kind.activity{color:var(--green-text)}.material-kind.slides{color:var(--amber-text)}.material-kind.quiz{color:var(--violet-text)}.material-kind.file{color:var(--danger-text)}.card-title{text-align:left;font-weight:600;font-size:.97rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:0}.card-title:hover{color:var(--product-text)}.material-topic{font-size:.73rem;color:var(--muted-2);margin-top:.55rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.material-tags{display:flex;gap:.4rem;margin:1.1rem 0}.material-tags span{font-size:.59rem;background:var(--surface-2);color:var(--muted);padding:.3rem .55rem;border-radius:5px;border:1px solid var(--line)}.card-bottom{border-top:1px solid var(--line);padding-top:.8rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.card-bottom>span{display:flex;align-items:center;gap:.35rem;color:var(--muted-2);font-size:.65rem}.favorite.on{color:#eab308}.card-menu-wrap{position:relative}.card-menu{position:absolute;z-index:12;right:0;top:36px;width:150px;background:var(--surface);border:1px solid var(--border);padding:.4rem;border-radius:10px;box-shadow:0 8px 30px #0f172a15}.card-menu button{display:flex;align-items:center;gap:.6rem;text-align:left;padding:.7rem;font-size:.8rem;border-radius:6px;width:100%}.card-menu button:hover{background:var(--surface-3)}.menu-dismiss{position:fixed;top:0;right:0;bottom:0;left:0;z-index:11;cursor:default}.onboarding-empty{background:var(--surface);border:1px dashed var(--line-strong);border-radius:14px;padding:1.8rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.onboarding-empty h3{font-size:.95rem}.onboarding-empty p{font-size:.75rem;margin-top:.25rem}.onboarding-empty .row{gap:1rem}.empty-icon{display:flex;align-items:center;justify-content:center;background:var(--surface-3);color:var(--muted-2);width:54px;height:54px;border-radius:14px}.future-strip{display:flex;gap:1rem;align-items:center;background:#ffffff80;border:1px solid var(--border);padding:1.2rem 1.4rem;border-radius:14px;margin-top:1.7rem}.future-strip h3{font-size:.85rem}.future-strip p{font-size:.73rem;color:var(--muted);margin-top:.3rem}.future-strip>.pill{margin-left:auto}.library-toolbar{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.search-field{display:flex;align-items:center;gap:.75rem;background:var(--surface);border:1px solid var(--line-strong);border-radius:12px;padding:0 .9rem;max-width:570px;flex:1;color:var(--muted-2)}.search-field input{border:0!important;background:none!important;box-shadow:none!important;font-size:.875rem!important;padding:.8rem 0!important}.search-field:focus-within{border-color:var(--product-line)}.selected-filter{background:var(--amber-soft);border-color:var(--amber-line);color:var(--amber-text)}.tabs{display:flex;border-bottom:1px solid var(--border);gap:1.3rem;overflow-x:auto}.tabs button{font-size:.78rem;white-space:nowrap;padding:.75rem .2rem;border-bottom:2px solid transparent;color:var(--muted);font-weight:500;display:flex;gap:.5rem;align-items:center}.tabs button.active{color:var(--product-text);border-color:var(--product)}.tabs span{background:var(--line);font-size:.6rem;border-radius:4px;padding:.1rem .4rem}.result-count{font-size:.72rem;color:var(--muted-2);margin:1.2rem 0}.empty{text-align:center;min-height:320px;background:var(--surface);border:1px dashed var(--line-strong);border-radius:16px;padding:4rem 1.5rem}.empty>svg{color:var(--muted-2);margin-bottom:1.2rem}.empty h3{margin-bottom:.5rem}.empty p{color:var(--muted);max-width:440px;margin:0 auto 1.4rem}.template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem}.template-card{border:1px solid var(--border);border-radius:16px;background:var(--surface);overflow:hidden}.template-cover{position:relative;padding:1.7rem 1.4rem;min-height:240px;display:flex;flex-direction:column;gap:1.3rem;background:var(--product-soft);color:var(--product-text)}.template-cover:after{content:"";position:absolute;width:140px;height:140px;border:20px solid #ffffff30;right:-65px;bottom:20px;border-radius:50%}.template-cover-title{white-space:pre-line;font-size:1.6rem;font-weight:700;letter-spacing:-.05em;line-height:1.2}.cover-footer{font-size:.47rem;font-weight:700;letter-spacing:.08em;margin-top:auto}.cover-activity{background:#dbf5ec;color:var(--green-text)}.cover-slides{background:#fff0c9;color:var(--amber-text)}.cover-quiz{background:#ebe3ff;color:var(--violet-text)}.template-content{padding:1.2rem}.template-content h3{margin:.8rem 0 .5rem;font-size:.98rem}.template-content p{font-size:.75rem;color:var(--muted);margin-bottom:1rem}.class-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.class-card h2{margin:.8rem 0 .4rem}.class-card>p{font-size:.8rem}.class-notes{white-space:pre-wrap;margin:1rem 0}.class-card .card-bottom{margin-top:1.3rem}.table-panel{padding:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:.8rem}th{padding:1rem 1.3rem;background:var(--surface-2);font-size:.65rem;color:var(--muted);font-weight:600;white-space:nowrap}td{padding:1.1rem 1.3rem;border-top:1px solid var(--line)}td small{display:block;color:var(--muted-2);font-size:.65rem;margin-top:.35rem}td strong{font-weight:600}td select{font-size:.75rem;padding:.5rem .7rem;min-width:130px}.small-button{padding:.5rem .7rem;font-size:.7rem;min-height:34px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:1000px}.settings-grid form>.button{margin-top:1.4rem}.future-card{background:var(--surface-2)}.future-card>svg{color:var(--violet-text);margin-bottom:.8rem}.future-card h3{margin-bottom:.7rem}.future-card p{color:var(--muted);font-size:.8rem;margin-bottom:1rem}.modal{border:1px solid var(--border);border-radius:24px;padding:1.8rem;max-width:510px;width:calc(100% - 2rem);max-height:90vh;box-shadow:0 30px 100px #0f172a33;color:var(--ink);overflow-y:auto}.modal.wide{max-width:820px}.modal::backdrop{background:#0f172a80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.modal h2{font-size:1.25rem}.modal form>.button{margin-top:1.5rem}.modal form>.notice{margin-top:1rem}.create-modal-options{display:flex;flex-direction:column;gap:.6rem;margin:1.3rem 0}.create-modal-options>button{display:flex;align-items:center;gap:.8rem;border:1px solid var(--border);padding:.8rem;border-radius:12px;text-align:left}.create-modal-options>button:hover{background:var(--surface-2);border-color:var(--product-line)}.create-modal-options strong{font-size:.85rem;display:block}.create-modal-options small{display:block;font-size:.7rem;color:var(--muted-2);margin-top:.3rem}.create-modal-options>button>svg{margin-left:auto;color:var(--muted-2)}.toast{display:flex;align-items:center;gap:.7rem;position:fixed;bottom:1.5rem;right:1.5rem;z-index:200;background:#0f172a;color:#fff;padding:.9rem 1.1rem;border-radius:12px;font-size:.8rem;box-shadow:0 6px 30px #0f172a33;max-width:calc(100% - 2rem)}.toast>svg{color:#6ee7b7}.toast .icon-button{color:#cbd5e1;width:23px;height:23px}.help-content p{margin-bottom:1rem}.upload-zone{display:flex;flex-direction:column;align-items:center;gap:.6rem;background:var(--surface-2);padding:1.5rem;border:1px dashed var(--line-strong);border-radius:12px;color:var(--muted)}.upload-zone input{margin-top:.4rem;padding:.5rem!important}.quiz-setup-title{display:flex;gap:.8rem;align-items:center;margin:1rem 0 1.5rem}.quiz-setup-title strong{font-size:.95rem}.modal .check{margin:1.4rem 0 .6rem}.modal .check+p{margin-bottom:1.2rem}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.8rem;gap:1rem}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:1.5rem}.editor-main{min-width:0}.editor-aside .compact{padding:1.2rem}.editor-aside h3{margin:.9rem 0 .5rem}.editor-aside p{font-size:.78rem;color:var(--muted)}.steps{padding-left:1.25rem;margin:1rem 0 1.5rem;font-size:.8rem;color:var(--muted)}.steps li{padding:.5rem 0}.number-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--surface-3);color:var(--muted);font-size:.75rem;width:26px;height:26px;border-radius:7px;margin-right:.4rem}.question-editor .section-heading{margin-bottom:.5rem}.options-editor{margin-top:1rem}.option-input{display:flex;align-items:center;gap:.65rem;border:1px solid var(--border);border-radius:10px;padding:.3rem .8rem;margin-top:.65rem}.option-input>span{font-size:.8rem;font-weight:600;color:var(--muted-2)}.option-input input:not([type=radio]){padding:.65rem .1rem!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:.875rem!important}.option-input.correct{border-color:var(--green-line);background:var(--green-soft)}.option-input.correct>span{color:var(--green-text)}.preview-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.preview-buttons{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.65rem}.preview-status{min-width:0}.print-sheet{--print-accent: #b8245a;--print-ink: #17233a;background:#fff;padding:2.5rem;border:1px solid var(--border);border-radius:16px;color:var(--print-ink);line-height:1.62;overflow-wrap:anywhere}.print-brand{font-size:.65rem;letter-spacing:.12em;color:var(--print-accent);font-weight:700;border-bottom:1px solid #d8e4f0;padding-bottom:.7rem;margin-bottom:1.5rem;display:flex;justify-content:space-between}.print-brand strong{display:inline-flex;align-items:center;gap:.3rem;font-family:Outfit,sans-serif;font-size:.75rem;letter-spacing:.02em}.print-brand strong i{padding:.2rem .35rem;color:#fff;border-radius:5px;background:var(--print-accent);font-style:normal;letter-spacing:.08em}.print-brand span{font-weight:500;letter-spacing:0;color:#64748b}.print-sheet>h1{max-width:780px;font-family:Outfit,sans-serif;font-size:1.75rem;line-height:1.2;letter-spacing:-.025em;margin-bottom:.5rem}.print-metadata{display:flex;flex-wrap:wrap;gap:.55rem;margin:1rem 0 1.25rem}.print-metadata>span{min-width:130px;padding:.55rem .7rem;color:#334155;border:1px solid #e0e8f1;border-radius:9px;background:#f8fafc;font-size:.72rem;font-weight:650}.print-metadata small{display:block;margin-bottom:.15rem;color:#718096;font-size:.52rem;font-weight:800;letter-spacing:.08em}.print-sheet p{white-space:pre-wrap}.print-sheet>p{margin-bottom:1rem}.print-block{margin:1rem 0;padding:1rem 1.05rem;border:1px solid #e1e8f0;border-radius:10px;background:#fff;break-inside:avoid}.print-block h3{font-family:Outfit,sans-serif;font-size:.95rem;line-height:1.45;margin-bottom:.6rem}.print-block p{margin-bottom:.5rem}.student-line{display:grid;grid-template-columns:2fr 1fr .8fr;gap:1rem;font-size:.75rem;padding:.8rem 1rem;margin:1.5rem 0;border:1px solid #dce5ee;border-radius:10px;background:#f8fafc}.student-line span{display:block;min-height:27px;border-bottom:1px solid #9baabd}.student-line small{color:#64748b;font-size:.52rem;font-weight:800;letter-spacing:.08em}.answer-lines{height:100px;background:repeating-linear-gradient(#fff 0,#fff 30px,#cbd5e1,#fff 32px)}.answer-key{border-top:2px solid var(--print-accent);margin-top:2rem;padding-top:1rem;break-before:page}.answer-key h2{font-family:Outfit,sans-serif;color:var(--print-accent)}.answer-key p{margin-top:1rem}.slide-print{border:1px solid #dce5ee;padding:1.5rem;margin-top:1rem;break-inside:avoid;border-radius:8px}.slide-print .eyebrow{color:var(--print-accent)}.print-footer{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:.65rem;color:#7b8ba1;border-top:1px solid #e2e8f0;font-size:.58rem;letter-spacing:.02em}.slide-print h2{margin:.6rem 0 1rem}.slides-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;background:#eaf0f8}.slides-preview>.print-brand,.slides-preview>h1,.slides-preview>p{grid-column:1 / -1}.slides-preview .slide-print{display:flex;flex-direction:column;aspect-ratio:16 / 10;min-height:330px;margin:0;padding:1.5rem;overflow:hidden;background:#fff;box-shadow:0 8px 24px #0f172a0d}.slides-preview .slide-print h2{font-size:1.25rem}.slides-preview .slide-print .slide-image{min-height:0;flex:1;max-height:none}.image-field{border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-top:1rem;background:var(--surface-2)}.image-field-heading,.image-field-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.image-field-heading{margin-bottom:.85rem}.image-field-heading strong{font-size:.875rem}.image-field-actions{margin-bottom:.85rem}.image-field-preview,.image-candidate img{display:block;max-width:100%;max-height:320px;object-fit:contain;border-radius:8px;margin:.75rem 0 1rem;background:var(--surface)}.image-candidate img{margin-left:auto;margin-right:auto}.slide-image{display:block;max-width:100%;max-height:350px;object-fit:contain;margin:1rem auto}.loading-screen{min-height:100vh;display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;padding:2rem;text-align:center}.loading-screen .brand-mark{width:60px;height:60px;border-radius:16px}.join-page{min-height:100vh;padding:2rem;background:radial-gradient(ellipse at top,var(--product-soft),var(--surface-3) 70%)}.join-card{max-width:460px;margin:3rem auto;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:2.5rem;box-shadow:0 12px 50px color-mix(in srgb,var(--product) 4%,transparent)}.join-icon{display:inline-flex;align-items:center;justify-content:center;background:var(--violet-soft);color:var(--violet-text);border-radius:18px;width:75px;height:75px;margin-bottom:1.5rem}.join-card h1{font-size:1.7rem;margin-bottom:.7rem}.join-card form{margin:1.5rem 0}.join-card form>.button{margin-top:1.5rem}.join-card .code-input{font-size:2rem!important;letter-spacing:.2em;text-align:center;font-weight:700}.game-page{min-height:100vh;background:var(--surface-3)}.game-header{display:flex;align-items:center;justify-content:space-between;padding:1.3rem 2rem;background:var(--surface);border-bottom:1px solid var(--border)}.game-header>.row>svg{color:var(--violet-text)}.game-header strong{font-family:Outfit,sans-serif;font-size:1.15rem}.game-main{max-width:1080px;padding:2.5rem 2rem;margin:auto}.game-title{text-align:center;margin-bottom:2rem}.game-title h1{font-size:2rem;margin:.7rem 0}.game-title>svg{margin-bottom:.7rem}.lobby-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.code-panel{text-align:center;padding:2.5rem 1.5rem}.code-panel>span{font-size:.7rem;letter-spacing:.15em;color:var(--muted)}.code-panel>strong{font-size:4rem;font-weight:700;letter-spacing:.05em;color:var(--product-text);display:block;margin:1rem 0}.code-panel p{margin-bottom:1rem}.players-cloud{display:flex;gap:.6rem;flex-wrap:wrap;min-height:180px;align-content:flex-start;padding:1.4rem 0}.player-tag{background:var(--surface-3);border:1px solid var(--border);padding:.5rem .8rem;border-radius:8px;font-size:.85rem}.question-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.question-top .muted{font-size:.8rem}.timer{border-radius:50%;background:var(--product-soft);display:flex;align-items:center;justify-content:center;width:47px;height:47px;font-weight:700;color:var(--product-text)}.timer.urgent{background:var(--danger-soft);color:var(--danger-text)}.quiz-question{text-align:center;padding:2.5rem 1rem}.quiz-question h1{font-size:2rem;line-height:1.5;letter-spacing:-.035em}.question-image{display:block;max-width:100%;max-height:230px;object-fit:contain;margin:1rem auto}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.quiz-option{display:flex;align-items:center;gap:1rem;text-align:left;padding:1.5rem;border-radius:14px;min-height:110px;position:relative;border:2px solid transparent}.quiz-option strong{font-size:1.1rem;font-weight:600}.quiz-option>span{font-size:1.7rem;flex-shrink:0}.quiz-option small{margin-left:auto;white-space:nowrap}.quiz-option:disabled{opacity:1}.quiz-option:hover:not(:disabled){filter:brightness(.97);transform:translateY(-2px)}.option-0{background:#ffe4e6;color:#9f1239}.option-1{background:#dbeafe;color:#1e40af}.option-2{background:#fef3c7;color:#92400e}.option-3{background:#d1fae5;color:#065f46}.quiz-option.is-correct{border-color:var(--green-text);box-shadow:0 0 0 3px #05966920}.quiz-option.selected{border-color:currentColor}.game-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:1.5rem}.ranking{max-width:680px;margin:1.5rem auto}.ranking h2{margin-bottom:1rem}.ranking-row{display:flex;align-items:center;gap:1rem;padding:1rem .5rem;border-bottom:1px solid var(--line);font-size:.9rem}.ranking-row>span:last-child{margin-left:auto;font-size:.8rem;color:var(--muted)}.rank{background:var(--surface-3);border-radius:8px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--muted)}.ranking-row.me{background:var(--product-soft);border-radius:8px}.trophy{color:var(--amber-text)}.answer-wait{padding:3rem;text-align:center;color:var(--green-text);background:var(--green-soft);border:1px solid var(--green-line);border-radius:18px;margin-bottom:1.5rem}.answer-wait h2{margin:1rem 0 .5rem}.report-question{padding:1.5rem 0;border-bottom:1px solid var(--line)}.report-question .section-heading{font-size:.85rem}.progress-track{height:7px;background:var(--surface-3);border-radius:20px;margin-bottom:.6rem}.progress-track>div{height:100%;background:var(--product);border-radius:20px}.report-options{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}.report-options>span{background:var(--surface-2);padding:.4rem .6rem;border-radius:5px;font-size:.7rem;color:var(--muted)}.presentation{--presentation-surface: #111d33;display:flex;flex-direction:column;background:radial-gradient(circle at 90% 12%,#1d4ed826 0,transparent 30%),radial-gradient(circle at 8% 88%,#2563eb18 0,transparent 28%),#0b1324;min-height:100vh;height:100vh;overflow:hidden;color:#fff}.presentation-progress{height:4px;background:#ffffff10;flex:none}.presentation-progress span{display:block;height:100%;background:linear-gradient(90deg,#60a5fa,#2563eb);transition:width .35s ease}.presentation-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;font-size:.85rem;color:#94a3b8;border-bottom:1px solid #ffffff12;flex:none}.presentation-bar strong{color:#fff;font-family:Outfit,sans-serif}.presentation-brand{display:flex;min-width:0;flex-direction:column;gap:.2rem}.presentation-brand>span{white-space:nowrap}.presentation-brand small{max-width:38vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b}.presentation-tools{display:flex;align-items:center;gap:.45rem}.presentation-tool{display:inline-flex;align-items:center;gap:.45rem;min-height:38px;padding:.55rem .75rem;border:1px solid #ffffff16;border-radius:10px;color:#cbd5e1;background:#ffffff08;font-size:.75rem;font-weight:600}.presentation-tool:hover,.presentation-tool.active{color:#fff;background:#2563eb;border-color:#3b82f6}.presentation-tool.close:hover{background:#be123c;border-color:#e11d48}.presentation-slide{position:relative;flex:1;min-height:0;padding:clamp(2rem,4.2vw,5rem) clamp(2rem,6vw,7rem);display:flex;flex-direction:column;justify-content:center;animation:presentation-slide-in .38s cubic-bezier(.2,.75,.25,1)}.presentation-slide.has-image{display:grid;grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);align-items:center;gap:clamp(2rem,5vw,6rem)}.presentation-copy{min-width:0}.presentation-slide .eyebrow{color:#93c5fd}.presentation-slide h1{font-size:clamp(2.2rem,4.5vw,5rem);max-width:1050px;margin:1.2rem 0 1.4rem;line-height:1.15;letter-spacing:-.045em}.presentation-slide.has-image h1{font-size:clamp(2rem,3.5vw,4.25rem)}.presentation-slide p{font-size:clamp(1.05rem,1.6vw,1.65rem);line-height:1.65;white-space:pre-wrap;color:#cbd5e1;max-width:1100px}.presentation-image-frame{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:min(66vh,720px);min-height:360px;padding:.65rem;overflow:hidden;border:1px solid #ffffff18;border-radius:22px;background:#ffffff08;box-shadow:0 30px 70px #0007}.presentation-image-frame>span{position:absolute;right:1.1rem;bottom:1.1rem;display:flex;align-items:center;gap:.4rem;padding:.55rem .75rem;border-radius:9px;color:#e2e8f0;background:#0f172acc;font-size:.7rem;opacity:0;transition:opacity .2s ease}.presentation-image-frame:hover>span,.presentation-image-frame:focus-visible>span{opacity:1}.presentation-image{display:block;width:100%;height:100%;object-fit:contain;border-radius:15px}.presentation-slide.image-focus{display:block;padding:1.25rem 3vw;position:relative}.presentation-slide.image-focus .presentation-copy{position:absolute;z-index:2;left:5vw;top:3rem;max-width:min(480px,36vw);padding:1rem 1.15rem;border-radius:14px;background:#07101fdd;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 35px #0007}.presentation-slide.image-focus .presentation-copy h1{margin:.6rem 0 0;font-size:clamp(1.45rem,2.5vw,2.5rem)}.presentation-slide.image-focus .presentation-copy p{display:none}.presentation-slide.image-focus .presentation-image-frame{height:100%;min-height:0;max-width:1400px;margin:auto}.presentation-overview{flex:1;min-height:0;overflow-y:auto;padding:2rem clamp(1.5rem,5vw,5rem);animation:presentation-slide-in .25s ease}.presentation-overview-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.presentation-overview-heading h1{font-size:clamp(1.7rem,3vw,2.7rem)}.presentation-overview-heading>span{color:#94a3b8;font-size:.8rem}.presentation-thumbnails{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.presentation-thumbnails>button{position:relative;display:grid;grid-template-rows:145px auto;gap:.8rem;min-width:0;padding:.75rem;text-align:left;color:#e2e8f0;border:1px solid #ffffff18;border-radius:15px;background:var(--presentation-surface)}.presentation-thumbnails>button:hover,.presentation-thumbnails>button.active{border-color:#60a5fa;transform:translateY(-2px);box-shadow:0 15px 35px #0005}.presentation-thumbnails img,.presentation-thumbnail-placeholder{width:100%;height:145px;object-fit:cover;border-radius:10px;background:#ffffff08}.presentation-thumbnail-placeholder{display:grid;place-items:center;color:#64748b}.presentation-thumbnails strong{padding:0 .2rem .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}.presentation-thumbnail-number{position:absolute;z-index:1;top:1.15rem;left:1.15rem;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;color:#fff;background:#0f172add;font-size:.7rem;font-weight:700}@keyframes presentation-slide-in{0%{opacity:0;transform:translateY(12px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}.presentation footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.5rem 1.1rem;font-size:.75rem;color:#94a3b8;border-top:1px solid #ffffff12;flex:none}.presentation-nav{display:flex;align-items:center;gap:.65rem}.presentation-nav .button{min-height:40px;padding:.65rem .9rem;color:#fff;border-color:#ffffff1f;background:#ffffff0a}.presentation-nav .button.primary{background:#2563eb;border-color:#2563eb}.presentation-counter{min-width:72px;color:#fff;font-size:.85rem;font-weight:700}.presentation-counter span{color:#64748b;font-size:.65rem;font-weight:500}.presentation-error{color:#fda4af}.presentation footer>span{display:inline-flex;align-items:center;gap:.35rem}.presentation-theme-light{--presentation-surface: #fff;color:#10213e;background:linear-gradient(135deg,#f8fbff,#e9f1ff)}.presentation-theme-light .presentation-bar,.presentation-theme-light footer{color:#52647d;border-color:#d8e2f0}.presentation-theme-light .presentation-bar strong,.presentation-theme-light .presentation-slide h1,.presentation-theme-light .presentation-counter{color:#10213e}.presentation-theme-light .presentation-slide p{color:#40536c}.presentation-theme-light .presentation-tool,.presentation-theme-light .presentation-nav .button{color:#334761;border-color:#cbd8e8;background:#fff}.presentation-theme-green{--presentation-surface: #0d2925;background:radial-gradient(circle at 80% 10%,#24a68a2c,transparent 34%),#071d1a}.presenter-notes{position:fixed;z-index:8;right:1.5rem;top:5.4rem;width:min(390px,calc(100vw - 3rem));max-height:45vh;overflow:auto;padding:1rem 1.1rem;border:1px solid #ffffff20;border-radius:14px;color:#e2e8f0;background:#07101fee;box-shadow:0 20px 55px #0008;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.presenter-notes p{margin:.5rem 0 0;white-space:pre-wrap;line-height:1.55;color:#cbd5e1}.presentation-slide.layout-image.has-image{display:block;position:relative;padding:1.25rem 3vw}.presentation-slide.layout-image.has-image .presentation-copy{position:absolute;z-index:2;left:5vw;bottom:3rem;max-width:560px;padding:1rem 1.2rem;border-radius:14px;background:#07101fdd;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.presentation-slide.layout-image.has-image .presentation-copy h1{margin:.4rem 0;font-size:clamp(1.6rem,3vw,3rem)}.presentation-slide.layout-image.has-image .presentation-copy p{font-size:1rem}.presentation-slide.layout-image.has-image .presentation-image-frame{height:100%;max-width:1500px;margin:auto}.presentation-slide.layout-image .presentation-image{object-fit:cover}.presentation-slide.layout-text.has-image{grid-template-columns:1.25fr .75fr}.presentation-slide.layout-text .presentation-image-frame{height:min(48vh,520px)}.presentation-qr{position:absolute;z-index:4;right:2rem;bottom:2rem;display:grid;justify-items:center;gap:.35rem;padding:.65rem;color:#e2e8f0;border-radius:14px;background:#07101fea;box-shadow:0 12px 35px #0007;font-size:.65rem;font-weight:700}.presentation-qr img{width:clamp(105px,11vw,170px);height:auto;border-radius:7px}.library-cover{width:100%;height:185px;margin:.15rem 0 .7rem;object-fit:cover;border-radius:12px;border:1px solid var(--line);background:var(--product-soft)}.sequence-steps{display:flex;flex-wrap:wrap;gap:.45rem;margin:.9rem 0}.sequence-steps button{display:inline-flex;align-items:center;gap:.35rem;min-height:34px;padding:.35rem .55rem;color:var(--text);border:1px solid var(--line);border-radius:9px;background:var(--surface-2);font-size:.72rem;font-weight:650}.sequence-steps button span{display:grid;place-items:center;width:21px;height:21px;color:#fff;border-radius:6px;background:var(--primary);font-size:.65rem}.diagnostic-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.diagnostic-card h3{margin:.6rem 0 0}.diagnostic-card .section-heading>strong{font-size:1.5rem}.priority-high{color:var(--danger-text)}.priority-medium{color:var(--amber-text)}.priority-low{color:var(--green-text)}.diagnostic-bar{height:8px;margin:.9rem 0 .5rem;overflow:hidden;border-radius:9px;background:var(--surface-3)}.diagnostic-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#dc6b36,var(--product))}.skill-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem}.skill-report-grid .section-heading{align-items:flex-start;gap:1rem}.short-answer-box{width:min(720px,100%);margin:1.5rem auto;padding:1.25rem;border:1px solid var(--line-strong);border-radius:16px;background:var(--surface)}.short-answer-box .field{margin-bottom:.8rem}.school-print-header{padding:.65rem 0;text-align:center;font-weight:700;border-bottom:1px solid #cbd5e1}.print-sheet.template-friendly{--print-accent:#168d74}.print-sheet.template-focus{font-size:1.05em;color:#000}.print-sheet.template-focus .print-block{border-width:2px}.motion-page{animation:page-in .22s ease-out}@keyframes page-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){.workspace-inner{padding:2.4rem 3rem 0}.welcome-banner{min-height:300px}.banner-art{margin-right:6rem}.creation-grid{gap:1.5rem}.create-card{padding:1.6rem}}@media(max-width:1536px){html{font-size:15px}.sidebar{width:230px}.topbar{left:230px}.workspace{margin-left:230px}.workspace-inner{padding:2rem 2rem 0}}@media(max-width:1280px){html{font-size:14px}.workspace-inner{padding:1.8rem 1.6rem 0}.sidebar{width:218px}.topbar{left:218px}.workspace{margin-left:218px}.page-heading h1{font-size:1.6rem}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-cover{min-height:230px}.editor-layout{grid-template-columns:minmax(0,1fr) 225px}.banner-art{margin-right:0}.stat-card{padding:1rem}.stat-card small{font-size:.62rem}.creation-grid{gap:.8rem}.create-card{padding:1.1rem}.class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1050px){.material-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-layout{grid-template-columns:1fr}.editor-aside{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.page-heading{align-items:flex-start}.welcome-banner{padding:1.8rem}.welcome-banner h2{font-size:1.8rem}.banner-art{transform:scale(.85);transform-origin:center right;min-width:200px;width:220px}.creation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.create-card p{max-width:none}.settings-grid{grid-template-columns:1fr}.product-badge{display:none}.onboarding-empty{align-items:flex-start;flex-direction:column}.onboarding-empty>.button{margin-left:68px}}@media(max-width:760px){.topbar{left:0;height:64px;padding:0 1rem}.brand-mark{width:32px;height:32px;border-radius:8px}.brand strong{font-size:1.1rem}.brand small{font-size:.44rem}.user-text{display:none}.mobile-toggle{display:flex}.topbar-separator{display:none}.sidebar{top:0;transform:translate(-100%);width:245px;transition:transform .2s;z-index:40}.sidebar.open{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;z-index:35}.workspace{margin-left:0;padding-top:64px}.workspace-inner{padding:1.5rem 1.2rem 0}.page-heading{flex-wrap:wrap;gap:1.2rem}.page-heading h1{font-size:1.65rem}.page-heading>div{max-width:100%}.page-heading>.row{width:100%}.page-heading>.row>.button{flex:1}.welcome-banner{min-height:255px;padding:1.6rem}.welcome-banner h2{font-size:1.8rem}.welcome-banner p{font-size:.82rem}.banner-art{position:absolute;right:-40px;top:25px;transform:scale(.65);opacity:.6;transform-origin:right center}.welcome-banner>div:first-child{z-index:1;position:relative}.welcome-banner p{max-width:260px}.welcome-banner h2{max-width:270px}.future-strip{align-items:flex-start}.future-strip>.pill{display:none}.settings-grid{max-width:none}.lobby-grid{grid-template-columns:1fr}.game-main{padding:1.5rem 1.2rem}.game-header{padding:1rem}.game-header>.row>.pill{display:none}.game-title h1{font-size:1.8rem}.code-panel>strong{font-size:3.8rem}.question-top{align-items:flex-start}.quiz-question{padding:2rem 0}.quiz-question h1{font-size:1.6rem}.quiz-option{padding:1.1rem;min-height:90px;gap:.6rem}.quiz-option strong{font-size:.95rem}.quiz-option small{position:absolute;bottom:.4rem;right:.8rem;font-size:.6rem}.quiz-option>span{font-size:1.2rem}.question-top>.row{gap:.5rem}.question-top .muted{font-size:.65rem}.game-actions{flex-wrap:wrap}.presentation-bar{padding:1rem}.presentation-tool span{display:none}.presentation-tool{width:38px;padding:.55rem;justify-content:center}.presentation-brand small{max-width:34vw}.presentation-slide{padding:1.5rem}.presentation-slide.has-image{display:flex;flex-direction:column;justify-content:flex-start;gap:1rem;overflow-y:auto}.presentation-image-frame{height:min(48vh,480px);min-height:260px}.presentation-slide.image-focus{display:block;padding:1rem}.presentation-slide.image-focus .presentation-copy{left:1.5rem;top:1.5rem;max-width:calc(100% - 3rem)}.presentation-slide p{font-size:1.05rem}.presentation footer{padding:1rem}.presentation footer>span{display:none}.presentation-nav{width:100%;justify-content:space-between}.presentation-nav .button span{display:none}.presentation-thumbnails{grid-template-columns:repeat(2,minmax(0,1fr))}.presentation-thumbnails>button{grid-template-rows:105px auto}.presentation-thumbnails img,.presentation-thumbnail-placeholder{height:105px}.preview-actions{align-items:stretch;flex-direction:column}.preview-buttons{display:grid;grid-template-columns:1fr}.preview-buttons .button{width:100%}.slides-preview{grid-template-columns:1fr;padding:1rem}.editor-toolbar,.editor-toolbar .row{flex-wrap:wrap}.editor-toolbar .small{display:none}.editor-aside{grid-template-columns:1fr}.editor-aside .future-card{display:none}.print-sheet{padding:1.5rem}.modal{padding:1.5rem;border-radius:20px}.modal input,.modal select,.modal textarea{font-size:16px!important}input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px}.form-grid{gap:.8rem}.table-panel{margin:0 -.2rem}.toast{bottom:1rem;right:1rem}}@media(max-width:460px){.material-grid,.class-grid,.template-grid{grid-template-columns:1fr}.welcome-banner{padding:1.4rem}.banner-art{right:-70px;opacity:.2}.welcome-banner h2{font-size:1.85rem}.welcome-banner p{max-width:240px}.stats-grid{gap:.7rem}.stat-card{padding:.95rem}.stat-icon{width:29px;height:29px;border-radius:8px}.stat-icon svg{width:16px;height:16px}.stat-card small{font-size:.59rem}.stat-card strong{font-size:1.65rem}.stat-card span:not(.stat-icon){font-size:.68rem}.create-card{padding:1.1rem}.create-card p{font-size:.74rem}.creation-grid{gap:.7rem}.future-strip{padding:1rem}.workspace-footer{font-size:.6rem}.tabs{gap:1.1rem}.library-toolbar{gap:.7rem}.library-toolbar>.button{padding:.75rem}.library-toolbar>.button svg{display:none}.form-grid{grid-template-columns:1fr}.template-cover{min-height:230px}.join-page{padding:1rem}.join-card{padding:1.7rem;margin:2rem auto}.editor-toolbar .row .button{font-size:.8rem;padding:.7rem .8rem}.game-header strong{font-size:1rem}.game-header .text-button{font-size:.7rem}}@media print{@page{size:A4;margin:14mm 15mm 15mm}html,body,#root,.app-shell,.workspace,.workspace-inner{background:#fff!important;display:block!important;margin:0!important;padding:0!important;font-size:12px!important;min-height:0!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.topbar,.sidebar,.sidebar-overlay,.workspace-footer,.no-print,.editor-page>.page-heading,.editor-aside,.toast,.modal{display:none!important}.editor-layout,.editor-main{display:block!important}.print-sheet{width:100%!important;max-width:none!important;border:0!important;padding:0!important;border-radius:0;box-shadow:none}.print-sheet h1{font-size:22px;color:#17233a!important}.print-block{break-inside:avoid;padding:10px 12px;margin:10px 0;border-color:#dce5ee!important;background:#fff!important}.print-block h3{font-size:14px}.print-sheet p{font-size:11px;line-height:1.55}.print-brand{color:var(--print-accent)!important;margin-bottom:18px}.print-brand strong i{color:#fff!important;background:var(--print-accent)!important}.print-metadata{margin:10px 0 14px}.print-metadata>span,.student-line{background:#f8fafc!important}.student-line{margin:14px 0;padding:9px 11px}.question-image{max-height:72mm!important;object-fit:contain}.answer-lines{height:70px}.answer-key{break-before:page}.slide-print{break-inside:avoid}.slides-preview{display:block!important;background:#fff!important}.slides-preview>.print-brand,.slides-preview>h1,.slides-preview>.print-metadata,.slides-preview>.school-print-header,.slides-preview>.print-footer{display:none!important}.slides-preview .slide-print{display:flex!important;min-height:168mm!important;max-height:168mm!important;margin:0!important;padding:14mm!important;border:1px solid #dce5ee!important;border-radius:4mm!important;box-shadow:none!important;break-after:page}.slides-preview .slide-print:last-of-type{break-after:auto}.slides-preview .slide-print h2{margin:7mm 0 4mm;font-size:24px;line-height:1.18}.slides-preview .slide-print p{font-size:14px;line-height:1.55}.slides-preview .slide-image{width:100%;max-height:92mm!important;margin:5mm auto 0;object-fit:contain}.print-footer{margin-top:16px}.print-sheet.template-focus{font-size:1em}*{animation:none!important;transition:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.ai-fields{border:0;padding:0;margin:0;min-width:0}.ai-step-heading{display:flex;align-items:center;gap:.75rem;margin:1.35rem 0 .75rem;padding-top:1rem;border-top:1px solid var(--line)}.ai-step-heading:first-child{margin-top:.35rem;padding-top:0;border-top:0}.ai-step-heading>span{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;color:#fff;border-radius:9px;background:var(--primary);font-size:.75rem;font-weight:800}.ai-step-heading strong,.ai-step-heading small{display:block}.ai-step-heading small{margin-top:.1rem;color:var(--muted)}.details-toggle{display:inline-flex;align-items:center;gap:.45rem;min-height:38px;margin:.35rem 0 .8rem;padding:.5rem .7rem;color:var(--ink-soft);border:1px solid var(--line-strong);border-radius:10px;background:var(--surface-2);font-size:.78rem;font-weight:700}.details-toggle:hover{color:var(--primary);border-color:var(--product-line);background:var(--surface-2)}.optional-fields{padding:.9rem;margin-bottom:.9rem;border:1px solid var(--line);border-radius:13px;background:var(--surface-2)}.optional-fields>.field:last-child{margin-bottom:0}.ai-fields:disabled{opacity:.7}.ai-draft{max-height:48vh;overflow-y:auto;padding:20px;border:1px solid var(--border, var(--line));border-radius:16px;background:var(--surface-2);margin:20px 0}.ai-draft section+section{margin-top:20px}.ai-draft h4{margin:0 0 6px;color:var(--ink)}.ai-draft p{white-space:pre-wrap}.ai-review{display:flex;align-items:flex-start;gap:10px;font-size:14px;cursor:pointer}.ai-review input{width:18px;height:18px;flex:0 0 18px;margin:2px 0}.modal-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:20px}.lesson-progress{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 18px}.lesson-progress span{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:8px;font-size:11px;background:var(--surface-3);color:var(--muted)}.lesson-progress .done{background:var(--product-soft);color:var(--product-text)}.lesson-card-actions{display:flex;align-items:center;gap:8px}.lesson-card-actions .button{flex:1;min-width:0;padding-inline:8px;font-size:.78rem}.lesson-card-actions .icon-button{flex:0 0 42px;width:42px;height:42px;border:1px solid var(--border)}.lesson-overview{margin-bottom:20px}.lesson-notes{white-space:pre-wrap}.lesson-step-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:20px}.lesson-step h2{font-size:18px}.lesson-step .section-heading{align-items:flex-start;flex-wrap:wrap}.lesson-step .button{margin-top:16px}.lesson-material{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:12px 0}.lesson-material>button:first-child{text-align:left;overflow-wrap:anywhere;min-width:0}.lesson-material>.row{flex-shrink:0}.lesson-link{display:flex;gap:16px;align-items:flex-end}.lesson-link .field{flex:1;min-width:0;margin:0}.lesson-create-row{display:flex;flex-wrap:wrap;gap:.55rem;padding-top:.9rem;border-top:1px solid var(--line)}.lesson-create-row .button{margin:0}.compact-button{min-height:34px;padding:.45rem .65rem;font-size:.72rem}.block-menu-wrap{position:relative}.block-menu{position:absolute;z-index:12;top:calc(100% + .35rem);right:0;width:190px;padding:.35rem;border:1px solid var(--line-strong);border-radius:11px;background:var(--surface);box-shadow:0 14px 34px #1527431f}.block-menu button{display:flex;align-items:center;gap:.5rem;width:100%;padding:.62rem .7rem;color:var(--ink-soft);border:0;border-radius:8px;background:transparent;text-align:left;font-size:.75rem;font-weight:650}.block-menu button:hover{background:var(--surface-3)}.block-menu button.danger{color:var(--danger-text)}.readonly-field{display:flex;align-items:center;min-height:42px;padding:.65rem .8rem;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface-2);font-size:.82rem;font-weight:650}.quiz-selection{display:grid;gap:12px;max-height:48vh;overflow-y:auto;padding:2px;margin:16px 0}@media(max-width:760px){.lesson-step-grid{grid-template-columns:1fr}.lesson-link{flex-direction:column;align-items:stretch}}.lesson-step-grid>.panel,.quiz-selection>.panel{margin-bottom:0}.library-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;align-items:end}.library-filters .field{margin:0}.library-book-actions{display:grid;gap:8px}.library-book-actions .button{white-space:normal;text-align:center}.library-admin-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:16px}.book-details-toggle{width:100%;justify-content:center;margin-top:.65rem}.book-details{padding:.8rem;border-radius:10px;background:var(--surface-2)}.book-details p{margin:0}.book-details p+p{margin-top:.5rem}.library-note{margin-top:24px}.source-references{padding:18px;margin:16px 0;border:1px solid var(--product-line);border-radius:16px;background:var(--surface-2)}.source-references h3,.ai-source-picker h3{display:flex;align-items:center;gap:8px;margin-bottom:8px}.source-item{padding:12px 0;border-top:1px solid var(--line);margin-top:10px;font-size:13px;overflow-wrap:anywhere}.source-item a{display:inline-flex;align-items:center;gap:6px;color:var(--product-text);font-weight:600}.source-item p{margin-top:6px;line-height:1.6}.ai-source-picker{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface-2);margin:20px 0}.ai-document-list{display:grid;gap:10px;max-height:360px;overflow-y:auto;margin-top:12px;padding:2px}.ai-document-choice{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:14px}.ai-document-choice.selected{border-color:var(--product-line)}.ai-document-choice .ai-review span{min-width:0;overflow-wrap:anywhere}.ai-document-choice .ai-review small{display:block;color:var(--muted);margin-top:4px}.ai-document-choice .field{margin-top:12px}@media(max-width:760px){.library-filters,.diagnostic-list,.skill-report-grid{grid-template-columns:1fr}.ai-source-picker{padding:12px}.lesson-create-row .button{flex:1 1 145px}}.access-scope{display:flex;gap:16px;align-items:flex-start}.access-scope>svg{flex-shrink:0;color:var(--product-text);margin-top:3px}.access-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.access-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) minmax(190px,260px);gap:16px;align-items:end}.access-toolbar .field{margin:0}.access-create-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin:-8px 0 18px}.access-empty{padding:20px}.access-scope+.access-tabs+.section-heading .field{margin:0}@media(max-width:760px){.access-toolbar{grid-template-columns:1fr}.access-create-actions{justify-content:flex-start;margin-top:0}}:root{--sge-ink:#20323b;--sge-muted:#637580;--sge-line:#e0e8e9;--sge-bg:#f6f8fa;--sge-surface:#fff;--sge-accent:#d6336c;--sge-accent-soft:#fdecf2;--sge-focus:#f5a3c0;--sge-radius-sm:10px;--sge-radius-md:12px;--sge-radius-lg:18px;--sge-shadow:0 16px 48px #233f480a;--sge-orange:#f39200;--sge-orange-text:#b45309;--sge-orange-soft:#fff3dd;--sge-avalia:#1e5edb;--sge-avalia-soft:#eaf1ff;--sge-escola:#7c4ddb;--sge-escola-soft:#f1ebfe;--sge-bia:#0d817c;--sge-bia-soft:#e7f6f2;--sge-recompor:#d6336c;--sge-recompor-hover:#b8245a;--sge-recompor-text:#b8245a;--sge-recompor-soft:#fdecf2;--sge-recompor-line:#f6c4d6;--product:var(--sge-recompor);--product-hover:var(--sge-recompor-hover);--product-text:var(--sge-recompor-text);--product-soft:var(--sge-recompor-soft);--product-line:var(--sge-recompor-line)}[data-theme=dark]{--sge-ink:#edf3f4;--sge-muted:#adbec8;--sge-line:#354550;--sge-bg:#131b23;--sge-surface:#1b2630;--sge-recompor-text:#f58bb0;--sge-recompor-soft:#3d2330;--sge-recompor-line:#6b3048;--sge-orange-text:#fdba74;--sge-orange-soft:#3c3224;--sge-avalia-soft:#1d2b47;--sge-escola-soft:#2e2645;--sge-bia-soft:#203e3c;color-scheme:dark}.sge-card{background:var(--sge-surface);border:1px solid var(--sge-line);border-radius:var(--sge-radius-lg);box-shadow:var(--sge-shadow)}.sge-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border:1px solid var(--sge-line);border-radius:var(--sge-radius-sm);cursor:pointer;transition:transform .18s,box-shadow .18s}.sge-button:hover{transform:translateY(-1px);box-shadow:0 7px 18px #1720331a}.sge-button-primary{border-color:transparent;color:#fff;background:var(--sge-accent)}.sge-button-secondary{background:var(--sge-surface);color:var(--sge-ink)}.sge-input{width:100%;min-height:44px;border:1px solid var(--sge-line);border-radius:var(--sge-radius-sm);padding:0 13px;color:var(--sge-ink);background:var(--sge-surface);outline:none}.sge-input:focus{border-color:var(--sge-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--sge-accent) 16%,transparent)}@media screen{[data-theme=dark]{--ink: #edf3f4;--ink-soft: #c5d2d9;--muted: #adbec8;--muted-2: #8fa2b0;--line: #354550;--line-strong: #4a5d69;--canvas: #131b23;--surface: #1b2630;--surface-2: #17212b;--surface-3: #222f3a;--green-soft: #12352c;--green-text: #6ee7b7;--green-line: #1f5a49;--amber-soft: #3c3224;--amber-text: #fcd34d;--amber-line: #5a4a2c;--danger-soft: #3a2229;--danger-text: #fda4af;--danger-line: #5c2f39;--violet-soft: #2e2645;--violet-text: #c4b5fd;--sky-soft: #172f42;--sky-text: #7dd3fc}:root{--sky-soft: #e0f2fe;--sky-text: #0369a1;--font-text: "Nunito", Inter, ui-sans-serif, system-ui, sans-serif;--font-display: "Bricolage Grotesque", "Nunito", ui-sans-serif, system-ui, sans-serif;--shadow-sm: 0 1px 2px #233f4808;--shadow-md: 0 16px 48px #233f480a;--sidebar-bg: #1e293b}[data-theme=dark]{--shadow-sm: 0 1px 2px #00000020;--shadow-md: 0 16px 48px #00000024;--sidebar-bg: #17212b}[data-theme=dark] :is(.print-sheet,.slides-preview){--ink: #20323b;--ink-soft: #40525c;--muted: #637580;--muted-2: #8596a0;--line: #e0e8e9;--line-strong: #cfdadd;--surface: #fff;--surface-2: #f8fafb;--surface-3: #eff3f6;--product-text: #b8245a;--product-soft: #fdecf2;--product-line: #f6c4d6;color-scheme:light}body{font-family:var(--font-text);color:var(--ink);background:var(--canvas)}:is(h1,h2,h3,.card-title,.stat-card strong,.brand strong):not(.print-sheet *,.presentation *){font-family:var(--font-display)}h1:not(.print-sheet *,.presentation *){font-weight:700;letter-spacing:-.035em}h2:not(.print-sheet *,.presentation *),h3:not(.print-sheet *,.presentation *){font-weight:700;letter-spacing:-.03em}.stat-card strong,td,.result-count{font-variant-numeric:tabular-nums}:is(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid color-mix(in srgb,var(--product) 55%,transparent);outline-offset:2px}input:focus,select:focus,textarea:focus{border-color:var(--product);box-shadow:0 0 0 3px color-mix(in srgb,var(--product) 16%,transparent)}::selection{background:color-mix(in srgb,var(--product) 22%,transparent)}input:not([type=checkbox]):not([type=radio]),select,textarea{border-color:var(--line-strong);background-color:var(--surface);color:var(--ink);border-radius:10px}input:disabled{background:var(--surface-3);color:var(--muted)}.field>label{color:var(--ink);font-weight:800}.eyebrow{color:var(--product-text);font-weight:900;letter-spacing:.13em}.topbar{background:color-mix(in srgb,var(--surface) 92%,transparent);border-bottom-color:var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar-title{display:flex;flex-direction:column;min-width:0}.topbar-title small{color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.topbar-title strong{overflow:hidden;color:var(--ink);font-family:var(--font-display);font-size:1.15rem;font-weight:700;letter-spacing:-.035em;white-space:nowrap;text-overflow:ellipsis}.header-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink-soft)}.header-button:hover{color:var(--product-text);border-color:color-mix(in srgb,var(--product) 35%,var(--line));background:var(--product-soft)}.header-button.mobile-toggle{display:none}.header-button.is-danger{color:var(--danger-text)}.header-button.is-danger:hover{color:var(--danger-text);border-color:var(--danger-line);background:var(--danger-soft)}.user-menu{padding:.25rem .35rem .25rem .7rem;border-radius:12px}.user-menu:hover{background:var(--surface-3)}.user-text strong{color:var(--ink);font-weight:800}.user-text span{color:var(--muted)}.avatar{background:var(--product-soft);color:var(--product-text);border-color:var(--product-line);font-weight:900}.sidebar{padding:1.1rem .9rem 1rem;background:var(--sidebar-bg);border-right:1px solid #ffffff0d;color:#c3d0de}.sidebar-brand{display:flex;align-items:center;gap:.7rem;padding:.2rem .45rem 1.3rem;margin-bottom:1rem;border-bottom:1px solid #ffffff14}.sidebar-logo{display:grid;place-items:center;width:44px;height:36px;flex:0 0 44px;padding:3px 5px;border-radius:10px;background:var(--product)}.sidebar-logo img{width:100%;height:100%;object-fit:contain}.sidebar-brand strong{display:block;color:#fff;font-family:var(--font-display);font-size:1.12rem;font-weight:700;letter-spacing:-.04em;line-height:1.2}.sidebar-brand small{display:block;margin-top:2px;color:#f7a8c4;font-size:.58rem;font-weight:800;letter-spacing:.13em}.sidebar-heading{margin:1.1rem 0 .55rem;color:#8fa2b5;font-size:.6rem;font-weight:900;letter-spacing:.14em}.sidebar nav>.sidebar-heading:first-child{margin-top:0}.nav-item{margin-bottom:.2rem;padding:.66rem .8rem;border-radius:10px;color:#c3d0de;font-weight:600}.nav-item:hover{background:#ffffff0f;color:#fff}.nav-item.active{background:var(--product);color:#fff;font-weight:800;box-shadow:0 8px 18px color-mix(in srgb,var(--product) 25%,transparent)}.nav-item.active:hover{background:var(--product-hover)}.nav-item small{background:#ffffff1a;border-radius:99px;padding:0 .45rem;font-weight:800}.sidebar-footer{display:flex;align-items:center;gap:.65rem;padding:.9rem .35rem 0;margin-top:1rem;border-top:1px solid #ffffff14}.sidebar-avatar{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border:1px solid #ffffff2a;border-radius:50%;background:color-mix(in srgb,var(--product) 35%,transparent);color:#fff;font-size:.75rem;font-weight:800}.sidebar-user{flex:1;min-width:0}.sidebar-user strong,.sidebar-user span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar-user strong{color:#edf3f4;font-size:.8rem;font-weight:800}.sidebar-user span{color:#9fb1c3;font-size:.65rem}.sidebar-footer .icon-button{color:#9fb1c3}.sidebar-footer .icon-button:hover{color:#fff;background:#ffffff14}.sidebar-version{color:#8fa2b5}.sidebar-close{display:none}.panel,.material-card,.stat-card,.create-card,.template-card,.class-card,.empty,.onboarding-empty,.future-strip{border-color:var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-md)}.empty,.onboarding-empty{border-style:dashed;border-color:var(--line-strong);box-shadow:none}.material-card:hover,.stat-card:hover,.create-card:hover{border-color:color-mix(in srgb,var(--product) 35%,var(--line));box-shadow:0 18px 44px #233f4812}.stat-card span:not(.stat-icon){color:var(--muted);font-weight:700}.stat-card strong{font-weight:700;letter-spacing:-.03em;color:var(--ink)}.stat-icon,.type-icon{border-radius:12px}.type-icon.file{background:var(--sky-soft);color:var(--sky-text)}.material-kind{font-weight:900;color:var(--product-text)}.material-kind.file{color:var(--sky-text)}.material-tags span{border-color:var(--line);background:var(--surface-2);color:var(--muted);border-radius:99px;font-weight:700}.card-bottom{border-top-color:var(--line)}.card-menu,.block-menu{border-color:var(--line);background:var(--surface)}.welcome-banner{border:0;border-radius:20px;background:linear-gradient(135deg,var(--sge-recompor),#8f1d47);color:#fff}.welcome-banner h2{color:#fff}.welcome-banner p{color:#fde3ec}.banner-label{color:#fff;background:#ffffff24;border:1px solid #ffffff38;border-radius:99px}.banner-button{color:var(--sge-recompor-hover);background:#fff;border-color:transparent;font-weight:800}.banner-button:hover{color:#8f1d47;background:#fff4f8}.art-note{border-color:#ffffff60;box-shadow:0 18px 36px #4a0c2240}.art-note-icon{background:#fdecf2;color:#b8245a}.art-line{background:#e7ecef}.art-tile{border-color:#fff;box-shadow:0 10px 20px #4a0c2230}.art-spark{color:#fde3ec}.art-orbit{border-color:#ffffff1f}[data-theme=dark] .welcome-banner{background:linear-gradient(135deg,#6b2140,#3a1527);border:1px solid #7a2a4c}[data-theme=dark] .art-note{background:#fff}.button{border-radius:12px;font-weight:800}.button.primary{background:var(--product);border-color:var(--product);color:#fff;box-shadow:none}.button.primary:hover:not(:disabled){background:var(--product-hover);border-color:var(--product-hover);transform:translateY(-1px);box-shadow:0 7px 20px color-mix(in srgb,var(--product) 18%,transparent)}.button.secondary{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}.button.secondary:hover:not(:disabled){background:var(--product-soft);color:var(--product-text);border-color:color-mix(in srgb,var(--product) 35%,var(--line))}.button.dashed{background:var(--surface);color:var(--product-text);border-color:var(--line-strong)}.modal .button,.panel .button{border-radius:10px}.icon-button:hover:not(:disabled){background:var(--surface-3);color:var(--ink)}.text-button:hover,.blue-text{color:var(--product-text)}.selected-filter{background:var(--amber-soft);border-color:var(--amber-line);color:var(--amber-text)}.pill{border-radius:99px;font-weight:800;letter-spacing:.02em}.pill.blue{color:var(--product-text);background:var(--product-soft)}.notice{border-radius:12px;font-weight:600;border-color:var(--product-line);background:var(--product-soft);color:var(--product-text)}.notice.error{border-color:var(--danger-line);background:var(--danger-soft);color:var(--danger-text)}.notice.success{border-color:var(--green-line);background:var(--green-soft);color:var(--green-text)}.tabs{display:inline-flex;max-width:100%;gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--surface-3)}.tabs button{padding:.55rem .85rem;border:0;border-radius:9px;color:var(--ink-soft);font-weight:700}.tabs button:hover{color:var(--ink);background:var(--surface)}.tabs button.active{background:var(--product);color:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--product) 20%,transparent)}.tabs button.active span{background:#ffffff2e;color:#fff}.tabs span{border-radius:99px;background:var(--surface);color:var(--muted);font-weight:800}.search-field{border-color:var(--line-strong);background:var(--surface);border-radius:12px;color:var(--muted)}.search-field:focus-within{border-color:var(--product);box-shadow:0 0 0 3px color-mix(in srgb,var(--product) 16%,transparent)}.table-panel{overflow:hidden}th{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--surface-2)}td{border-top-color:var(--line)}tbody tr:hover{background-color:color-mix(in srgb,var(--product-soft) 55%,transparent)}.modal{border-color:var(--line);border-radius:20px;background:var(--surface);color:var(--ink);box-shadow:0 25px 70px #10202b2e}.modal::backdrop{background:#10202b73;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.create-modal-options>button{border-color:var(--line);border-radius:14px;background:var(--surface)}.create-modal-options>button:hover{border-color:var(--product);background:var(--product-soft);transform:translateY(-1px)}.toast{border-radius:14px;background:#17212b;font-weight:700;box-shadow:0 16px 40px #10202b40}.toast.is-error>svg{color:#fda4af}.overview-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:1.2rem;margin-top:2rem}.overview-grid>.panel{margin:0}.agenda-list{display:grid;gap:.55rem;margin-top:1rem}.agenda-item{display:flex;align-items:center;gap:.85rem;width:100%;padding:.7rem .8rem;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);text-align:left}.agenda-item:hover{border-color:color-mix(in srgb,var(--product) 35%,var(--line));background:var(--product-soft)}.agenda-date{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:12px;background:var(--product-soft);color:var(--product-text);line-height:1.05}.agenda-date strong{font-family:var(--font-display);font-size:1.15rem}.agenda-date small{font-size:.58rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.agenda-open{flex:1;min-width:0;padding:0;text-align:left}.agenda-open strong,.agenda-open small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.agenda-open strong{font-size:.9rem;font-weight:800}.agenda-open small{margin-top:.15rem;color:var(--muted);font-size:.72rem}.agenda-open:hover strong{color:var(--product-text)}.diagnostic-card>.button{margin-top:.9rem}.priority-list{display:grid;gap:.8rem;margin-top:1rem}.priority-item{display:grid;gap:.35rem}.priority-item>div{display:flex;justify-content:space-between;gap:.8rem;font-size:.78rem}.priority-item>div span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--ink-soft);font-weight:700}.priority-item .diagnostic-bar{margin:0}.panel-empty{margin-top:1rem;padding:1rem;border:1px dashed var(--line-strong);border-radius:14px;color:var(--muted);font-size:.8rem;text-align:center}.ai-progress{align-items:flex-start}.ai-progress span{display:grid;gap:.15rem}.ai-progress small{color:var(--muted);font-weight:600}.spin{animation:recompor-access-spin .9s linear infinite}.compact-draft{max-height:30vh;margin:12px 0;padding:14px 16px}.compact-draft p{white-space:pre-wrap}.suggestion-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.suggestion-chips button{padding:.35rem .7rem;border:1px solid var(--line-strong);border-radius:99px;background:var(--surface);color:var(--ink-soft);font-size:.75rem;font-weight:700}.suggestion-chips button:hover,.suggestion-chips button.active{border-color:var(--product);background:var(--product-soft);color:var(--product-text)}.draft-options{display:grid;gap:.35rem;margin:.5rem 0 .7rem;padding-left:1.4rem}.draft-options li.is-correct{color:var(--green-text);font-weight:800}.draft-options small{display:block;color:var(--amber-text);font-size:.72rem;font-weight:700}.kit-notice{align-items:flex-start}.kit-tabs{margin-top:.4rem}.modal .form-grid+.ai-review{margin-top:1rem}.create-ai-options{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.future-actions{margin-left:auto;flex-wrap:wrap}.option-input{flex-wrap:wrap}.option-input input:not([type=radio]):not([type=checkbox]):not(.misconception-input){flex:1 1 0;width:auto}.option-input input.misconception-input{flex:1 0 calc(100% - 2.6rem);width:auto;max-width:calc(100% - 2.6rem);margin:-.2rem 0 .35rem 2.6rem;padding:.35rem .6rem!important;border:1px dashed var(--line-strong)!important;border-radius:8px;background:var(--surface-2)!important;color:var(--amber-text);font-size:.76rem!important}.error-list{display:grid;gap:.55rem;margin-top:1rem}.error-item{display:flex;align-items:center;gap:.85rem;padding:.7rem .85rem;border:1px solid var(--amber-line);border-radius:14px;background:var(--amber-soft)}.error-item>strong{display:grid;place-items:center;min-width:38px;height:38px;border-radius:10px;background:var(--surface);color:var(--amber-text);font-family:var(--font-display);font-size:1.05rem}.error-item span{display:grid;gap:.1rem;font-weight:800;color:var(--ink)}.error-item small{color:var(--muted);font-weight:600}.question-errors{display:grid;gap:.25rem;margin:.6rem 0 0;padding:0;list-style:none;font-size:.78rem;color:var(--amber-text);font-weight:700}.question-errors strong{display:inline-grid;place-items:center;min-width:22px;margin-right:.35rem;border-radius:6px;background:var(--amber-soft)}@media(max-width:760px){.create-ai-options{grid-template-columns:1fr}}.save-status{color:var(--muted);font-size:.78rem;font-weight:700}.save-status.is-error{color:var(--danger-text)}.home-heading .big-button{min-height:46px}.diagnostic-import-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0 .4rem}.diagnostic-import-actions label.button{cursor:pointer}.diagnostic-summary{margin-top:1rem;display:grid;gap:.8rem}.home-heading h1{font-size:2rem}.home-heading p.muted:first-letter{text-transform:uppercase}.home-grid{margin-top:0}.agenda-item:hover{background:var(--surface-2)}.priority-foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.priority-foot .text-button{font-size:.74rem}.panel-empty{display:grid;justify-items:center;gap:.7rem}.panel-empty p{margin:0}.section-tabs{display:flex;gap:.3rem;flex-wrap:wrap;margin:-.4rem 0 1.6rem;padding-bottom:.8rem;border-bottom:1px solid var(--line)}.section-tabs button{padding:.55rem .95rem;border-radius:10px;color:var(--ink-soft);font-size:.86rem;font-weight:800}.section-tabs button:hover{background:var(--surface-3);color:var(--ink)}.section-tabs button.active{background:var(--product-soft);color:var(--product-text)}.prepare-suggestions{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.7rem;font-size:.78rem}.prepare-suggestions>span{display:inline-flex;align-items:center;gap:.3rem;color:var(--muted);font-weight:800}.prepare-suggestions button{padding:.35rem .7rem;border:1px solid var(--line-strong);border-radius:99px;background:var(--surface);color:var(--ink-soft);font-weight:700;text-align:left}.prepare-suggestions button b{color:var(--danger-text)}.prepare-suggestions button.active,.prepare-suggestions button:hover{border-color:var(--product);background:var(--product-soft);color:var(--product-text)}.prepare-choices{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin-top:1.5rem}.prepare-choice{display:grid;justify-items:start;gap:.35rem;padding:1.2rem;border:1.5px solid var(--line-strong);border-radius:16px;background:var(--surface);text-align:left}.prepare-choice svg{color:var(--product-text);margin-bottom:.2rem}.prepare-choice strong{font-family:var(--font-display);font-size:1.1rem}.prepare-choice span{color:var(--muted);font-size:.8rem}.prepare-choice small{color:var(--amber-text);font-weight:700}.prepare-choice:hover:not(:disabled){border-color:var(--product);background:var(--product-soft);transform:translateY(-2px)}.prepare-choice.is-primary{border-color:var(--product);background:var(--product);color:#fff}.prepare-choice.is-primary svg,.prepare-choice.is-primary span{color:#fff}.prepare-choice.is-primary:hover:not(:disabled){background:var(--product-hover);color:#fff}@media(max-width:760px){.prepare-choices{grid-template-columns:1fr}.home-heading .row{width:100%}.home-heading .row .button{flex:1}}.loading-screen .brand-mark,.brand-mark{background:var(--product);padding:4px 6px}.brand-mark img{object-fit:contain}.loader-bar{width:160px;height:6px;border-radius:99px;background:var(--product-soft);overflow:hidden}.loader-bar i{display:block;width:40%;height:100%;border-radius:inherit;background:var(--product);animation:recompor-loader 1.1s ease-in-out infinite}@keyframes recompor-loader{0%{transform:translate(-100%)}to{transform:translate(250%)}}.join-page{background:radial-gradient(ellipse at top,var(--product-soft),var(--canvas) 70%)}.join-card{border-color:var(--line);border-radius:21px;background:var(--surface);box-shadow:var(--shadow-md)}.join-icon{background:var(--product-soft);color:var(--product-text)}.game-page{background:var(--canvas)}.game-header{background:color-mix(in srgb,var(--surface) 92%,transparent);border-bottom-color:var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.game-header>.row>svg{color:var(--product-text)}.game-header strong{font-family:var(--font-display)}.code-panel>strong{font-family:var(--font-display);color:var(--product-text)}.player-tag{background:var(--product-soft);border-color:var(--product-line);color:var(--product-text);border-radius:99px;font-weight:800}.ranking-row.me{background:var(--product-soft)}.progress-track>div{background:var(--product)}@media(max-width:1050px){.overview-grid{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{z-index:40}.sidebar-close{display:inline-flex;margin-left:auto;color:#c3d0de}.header-button.mobile-toggle{display:inline-flex}.topbar-title small,.topbar .user-menu,.topbar .topbar-separator{display:none}}}.recompor-access{--ax-bg: #f6f8fa;--ax-surface: #ffffff;--ax-ink: #20323b;--ax-muted: #637580;--ax-line: #e0e8e9;--ax-brand: #b8245a;--ax-action: #d6336c;--ax-action-hover: #b8245a;--ax-soft: #fdecf2;--ax-shadow: 0 16px 48px #233f4809;--ax-orange: #f39200;min-height:100dvh;padding:26px 40px 16px;background:var(--ax-bg);color:var(--ax-ink);font-family:Nunito,ui-sans-serif,system-ui,sans-serif;line-height:1.55}[data-theme=dark] .recompor-access{--ax-bg: #131b23;--ax-surface: #1b2630;--ax-ink: #edf3f4;--ax-muted: #adbec8;--ax-line: #354550;--ax-brand: #f58bb0;--ax-soft: #3d2330;--ax-shadow: 0 16px 48px #00000014;color-scheme:dark}.recompor-access *{font-family:inherit}.recompor-access :is(h1,h2){margin:0;font-family:Bricolage Grotesque,Nunito,sans-serif;color:var(--ax-ink);letter-spacing:-.045em;font-weight:500}.recompor-access em{color:var(--ax-brand);font-style:normal}.recompor-access button{cursor:pointer;font:inherit}.recompor-access button:disabled{cursor:not-allowed;opacity:.55}.recompor-access :is(button,a,input,select,summary):focus-visible{outline:3px solid var(--ax-brand);outline-offset:4px}.recompor-access-top{max-width:1140px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:16px}.recompor-access-logo{display:flex;align-items:center;gap:10px;color:var(--ax-ink);text-decoration:none}.recompor-access-logo>span{display:grid;place-items:center;width:64px;height:46px;padding:4px 8px;border-radius:12px;background:#d6336c}.recompor-access-logo img{width:100%;height:100%;object-fit:contain}.recompor-access-logo strong{font-family:Bricolage Grotesque,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.04em}.recompor-access-logo small{margin-left:4px;font-size:13px;color:var(--ax-muted)}.recompor-access-tools{display:flex;align-items:center;gap:10px}.recompor-access .recompor-access-join{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border:1px solid var(--ax-line);border-radius:10px;background:var(--ax-surface);color:var(--ax-ink);font-size:13px;font-weight:800}.recompor-access .recompor-access-join:hover{border-color:var(--ax-action);background:var(--ax-soft);color:var(--ax-brand)}.recompor-access .recompor-access-theme{display:inline-flex;align-items:center;gap:2px;padding:3px;height:34px;border:1px solid var(--ax-line);border-radius:10px;background:var(--ax-bg);color:var(--ax-muted)}.recompor-access .recompor-access-theme>span{display:grid;place-items:center;height:26px;width:27px;border-radius:7px}.recompor-access .recompor-access-theme>span.is-selected{color:var(--ax-brand);background:var(--ax-surface);box-shadow:0 2px 5px #0000000d}.recompor-access-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,430px);align-items:center;gap:clamp(50px,9vw,125px);width:min(1040px,100%);margin:35px auto}.recompor-access-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:22px;color:var(--ax-brand);font-size:13px;font-weight:900;letter-spacing:.05em}.recompor-access-kicker>span{width:8px;height:8px;border-radius:50%;background:var(--ax-orange);box-shadow:0 0 0 4px color-mix(in srgb,var(--ax-orange) 18%,transparent)}.recompor-access-story h1{font-size:clamp(32px,3.4vw,45px);line-height:1.12}.recompor-access-story>p{color:var(--ax-muted);font-size:14px;line-height:1.85;max-width:400px;margin-top:18px}.recompor-access-art{position:relative;width:370px;max-width:100%;height:290px;margin:26px 0 13px 28px;isolation:isolate}.recompor-access-art-orbit{position:absolute;top:0;right:0;bottom:0;left:-20px;border:1px dashed var(--ax-line);border-radius:50%;transform:rotate(-18deg);background:radial-gradient(ellipse,var(--ax-soft),transparent 72%);z-index:-1}.recompor-access-art-panel{width:260px;margin:18px auto 0;padding:20px;border:1px solid var(--ax-line);border-radius:20px;background:var(--ax-surface);box-shadow:0 20px 35px #173d3410;text-align:center}.recompor-access-art-panel>span{display:grid;place-items:center;width:88px;height:82px;margin:auto auto 12px;color:#d6336c;background:color-mix(in srgb,#d6336c 11%,var(--ax-surface));border-radius:23px}[data-theme=dark] .recompor-access-art-panel>span{color:var(--ax-brand)}.recompor-access-art-panel>small{color:var(--ax-muted);font-size:12px}.recompor-access-art-panel strong{display:block;font-size:13px;margin-top:4px}.recompor-access-art-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:14px}.recompor-access-art-steps i{height:7px;border-radius:99px;background:#d6336c}.recompor-access-art-steps i:nth-child(4){background:#f5b82e}.recompor-access-art-steps i:nth-child(5){background:var(--ax-line)}.recompor-access-art-panel>p{display:flex;gap:4px;justify-content:center;align-items:center;margin:10px 0 0;color:var(--ax-brand);font-size:12px;font-weight:800}.recompor-access-art-badge{position:absolute;display:grid;place-items:center;border-radius:16px;border:1px solid var(--ax-line);background:var(--ax-surface);box-shadow:0 12px 24px #173d3412;animation:recompor-access-float 6s ease-in-out infinite}.recompor-access-art-badge--a{top:6px;right:0;width:54px;height:54px;color:#0d817c}.recompor-access-art-badge--b{bottom:48px;left:0;width:44px;height:44px;color:#f39200;animation-delay:-3s}.recompor-access-art-note{position:absolute;bottom:-10px;right:-5px;display:flex;align-items:center;gap:9px;border:1px solid var(--ax-line);border-radius:12px;padding:12px;background:var(--ax-surface);color:var(--ax-brand);font-size:13px;font-weight:800}.recompor-access-story-note{display:flex;align-items:center;gap:7px;color:var(--ax-muted);font-size:13px;margin-top:24px}@keyframes recompor-access-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.recompor-access-card{border:1px solid var(--ax-line);background:var(--ax-surface);padding:28px;border-radius:21px;box-shadow:var(--ax-shadow)}.recompor-access-eyebrow{display:block;margin-bottom:6px;color:var(--ax-brand);font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.recompor-access-card h2{font-size:28px;line-height:1.15}.recompor-access-subtitle{font-size:14px;color:var(--ax-muted);margin:9px 0 0}.recompor-access-form{display:grid;gap:17px;margin-top:24px}.recompor-access-form label{display:block;color:var(--ax-ink);font-size:13px;font-weight:800}.recompor-access .recompor-access-form :is(input,select){display:block;width:100%;height:44px;margin-top:7px;padding:0 13px;border:1px solid var(--ax-line);border-radius:10px;background:var(--ax-bg);color:var(--ax-ink);font-size:14px;font-weight:500;outline:none}.recompor-access .recompor-access-form :is(input,select):focus{border-color:var(--ax-action);box-shadow:0 0 0 3px color-mix(in srgb,var(--ax-action) 16%,transparent)}.recompor-access .recompor-access-form input::placeholder{color:var(--ax-muted);font-size:13px}.recompor-access-password{position:relative}.recompor-access .recompor-access-password input{padding-right:46px}.recompor-access .recompor-access-password button{position:absolute;right:2px;bottom:0;display:grid;place-items:center;width:42px;height:44px;border:0;background:transparent;color:var(--ax-muted)}.recompor-access .recompor-access-password button:hover{color:var(--ax-brand)}.recompor-access-caps{display:block;margin-top:6px;color:#b45309;font-size:12px;font-weight:700}.recompor-access .recompor-access-submit{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:45px;margin-top:3px;padding:11px 19px;border:1px solid var(--ax-action);border-radius:12px;background:var(--ax-action);color:#fff;font-weight:800!important;font-size:14px;line-height:1.25;transition:background .18s,transform .18s,box-shadow .18s}.recompor-access .recompor-access-submit:hover:not(:disabled){background:var(--ax-action-hover);transform:translateY(-2px);box-shadow:0 7px 20px #d6336c26}.recompor-access-spinner{animation:recompor-access-spin .8s linear infinite}@keyframes recompor-access-spin{to{transform:rotate(360deg)}}.recompor-access-notice{display:flex;align-items:flex-start;gap:8px;margin:0;padding:13px 16px;border-radius:12px;background:var(--ax-soft);color:var(--ax-brand);font-size:13px;font-weight:700}.recompor-access-notice svg{flex:0 0 auto;margin-top:1px}.recompor-access-notice--error{background:#fff0ec;color:#a13e27;border:1px solid #edc6bd}[data-theme=dark] .recompor-access-notice--error{background:#432d2a;color:#ffb5a1;border-color:#735047}.recompor-access-hint{margin:-6px 0 0;color:var(--ax-muted);font-size:12px}.recompor-access-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.recompor-access .recompor-access-link{display:inline-flex;align-items:center;gap:6px;padding:4px 0;border:0;background:transparent;color:var(--ax-muted);font-size:13px;font-weight:700}.recompor-access .recompor-access-link:hover,.recompor-access .recompor-access-link.is-strong{color:var(--ax-brand)}.recompor-access-switch{margin-top:20px;padding-top:18px;border-top:1px solid var(--ax-line);color:var(--ax-muted);font-size:13px;text-align:center}.recompor-access-secure{display:flex;justify-content:center;align-items:center;gap:6px;padding-top:16px;color:var(--ax-muted);font-size:12px}.recompor-access-footer{text-align:center;color:var(--ax-muted);font-size:12px;padding-bottom:10px}@media(max-width:960px){.recompor-access-layout{grid-template-columns:minmax(0,1fr) minmax(330px,390px);gap:32px}.recompor-access-story h1{font-size:31px}.recompor-access-art{scale:.85;transform-origin:left;margin-left:0}}@media(max-width:760px){.recompor-access{padding:18px 18px 12px}.recompor-access-logo small,.recompor-access-join span{display:none}.recompor-access-layout{display:flex;flex-direction:column;gap:20px;margin-top:20px}.recompor-access-story{width:100%;text-align:center}.recompor-access-story h1{font-size:28px}.recompor-access-kicker{font-size:12px;margin-bottom:12px}.recompor-access-story>p,.recompor-access-art,.recompor-access-story-note{display:none}.recompor-access-card{width:min(430px,100%);padding:24px}.recompor-access .recompor-access-form :is(input,select){font-size:16px}}@media(prefers-reduced-motion:reduce){.recompor-access-art-badge,.recompor-access-spinner,.loader-bar i{animation:none}}@media screen{.notice,.notice.blue{border:1px solid var(--line);border-left:4px solid var(--product);background:var(--surface-2);color:var(--ink-soft);font-weight:600}.notice svg{color:var(--product-text)}.notice.error{border-left-color:var(--danger-text)}.notice.success{border-left-color:var(--green-text)}.button{max-width:100%}.diagnostic-card>.button{white-space:normal;text-align:left}.page-heading h1{font-size:clamp(1.5rem,2.4vw,1.9rem)}.page-heading>.row{flex-wrap:wrap;justify-content:flex-end}.lesson-material{flex-wrap:wrap}.lesson-material>.row:last-child{margin-left:auto}.material-card,.stat-card,.create-card{transition:border-color .18s,box-shadow .18s,transform .18s}.material-card:hover{transform:translateY(-2px)}.section-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.section-tabs::-webkit-scrollbar,.tabs::-webkit-scrollbar{display:none}.section-tabs button{flex:0 0 auto;white-space:nowrap}.tabs{scrollbar-width:none}.sidebar-tools{display:none}.topbar .user-text{max-width:180px}.topbar .user-text strong,.topbar .user-text span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}td[data-label=Data],td[data-label=Participantes]{white-space:nowrap}.teaching-year{min-width:0;height:38px;padding:0 2rem 0 .75rem;border-radius:10px;font-weight:800}@media(max-width:1180px){.topbar .user-text{display:none}.topbar{padding:0 1.2rem}}@media(max-width:1024px){.topbar{left:0}.workspace{margin-left:0}.sidebar{width:268px;transform:translate(-100%);transition:transform .22s ease;z-index:40;box-shadow:18px 0 40px #0003}.sidebar.open{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;border:0;background:#10202b80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.header-button.mobile-toggle{display:inline-flex}.sidebar-close{display:inline-flex;margin-left:auto;color:#c3d0de}.workspace-inner{padding:1.6rem 1.5rem 0}.overview-grid{grid-template-columns:1fr}}@media(max-width:760px){.topbar{gap:.5rem;padding:0 .75rem}.topbar>.row{gap:.4rem;min-width:0}.topbar>.row:first-child{flex:1}.topbar-title{min-width:0}.topbar-title strong{font-size:1.02rem}.workspace-inner{padding:1.2rem 1rem 0}.page-heading{gap:1rem;margin-bottom:1.3rem}.page-heading>.row,.page-heading>.button{width:100%;justify-content:stretch}.page-heading>.row>.button,.page-heading>.button{flex:1 1 auto}.dashboard-section>.section-heading,.overview-grid .section-heading{flex-wrap:wrap;gap:.4rem 1rem}.panel{padding:1.15rem;border-radius:16px}.section-tabs{margin:-.2rem -1rem 1.2rem;padding:0 1rem .7rem}.tabs{display:flex;width:100%}.library-toolbar{flex-wrap:wrap}.search-field{flex:1 1 100%;max-width:none}.agenda-item{flex-wrap:wrap}.agenda-open{flex:1 1 calc(100% - 48px - .85rem)}.agenda-item>.button{margin-left:calc(48px + .85rem)}.priority-foot{flex-wrap:wrap}.lesson-create-row .button{flex:1 1 calc(50% - .55rem)}.modal{width:100%;max-width:100%;margin:auto 0 0;border-radius:22px 22px 0 0;max-height:92vh;padding:1.3rem 1.1rem 1.5rem}.modal-actions{position:sticky;bottom:-1.5rem;margin:1.2rem -1.1rem -1.5rem;padding:.9rem 1.1rem 1.2rem;background:var(--surface);border-top:1px solid var(--line)}.modal-actions .button{flex:1 1 auto}.toast{left:1rem;right:1rem;bottom:1rem}.stack-table thead{display:none}.stack-table,.stack-table tbody,.stack-table tr,.stack-table td{display:block;width:100%}.stack-table tr{padding:.9rem 1rem;border-top:1px solid var(--line)}.stack-table tr:first-child{border-top:0}.stack-table td{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.3rem 0;border:0}.stack-table td:before{content:attr(data-label);color:var(--muted);font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.stack-table td:first-child{display:block;padding-bottom:.5rem}.stack-table td:first-child:before{display:none}.stack-table td strong{font-size:.95rem}}@media(max-width:600px){.topbar .header-button:not(.mobile-toggle):not(.is-danger){display:none}.sidebar-tools{display:block;padding:.6rem 0 0;border-top:1px solid #ffffff14}.teaching-year{max-width:86px;padding-right:1.6rem;font-size:.85rem}.home-heading h1{font-size:1.6rem}.material-grid,.class-grid,.template-grid{grid-template-columns:1fr}.teaching-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.create-modal-options>button{padding:.7rem}}}@media screen{.game-page{--opt-0: #d6336c;--opt-1: #1e5edb;--opt-2: #f0a500;--opt-3: #0d817c;min-height:100vh}.game-header{position:sticky;top:0;z-index:5;gap:1rem;height:68px;padding:0 2rem}.game-header>.row{min-width:0}.game-header>.row:first-child strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.game-brand{display:grid;place-items:center;width:40px;height:32px;flex:0 0 40px;padding:3px 5px;border-radius:9px;background:var(--product)}.game-brand img{width:100%;height:100%;object-fit:contain}.game-main{max-width:1240px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.big-button{min-height:54px;padding-inline:1.6rem;font-size:1.05rem}.quiz-timebar{position:sticky;top:68px;z-index:4;height:8px;background:var(--surface-3)}.quiz-timebar span{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--product),#f39200);transform-origin:left;animation:quiz-time linear forwards}@keyframes quiz-time{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.lobby-stage{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1.5rem;align-items:stretch}.lobby-join,.lobby-players{padding:2rem;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow-md)}.lobby-join{display:flex;flex-direction:column;align-items:center;gap:.6rem;text-align:center}.lobby-qr{width:min(260px,60vw);aspect-ratio:1;padding:10px;border-radius:18px;background:#fff;border:1px solid var(--line)}.lobby-url{color:var(--muted);margin-top:.4rem}.lobby-code{font-family:var(--font-display);font-size:clamp(3rem,6vw,5rem);line-height:1;letter-spacing:.04em;color:var(--product-text)}.lobby-players{display:flex;flex-direction:column;gap:1rem}.lobby-count{display:flex;align-items:baseline;gap:.55rem;color:var(--muted);font-weight:800}.lobby-count svg{align-self:center;color:var(--product-text)}.lobby-count strong{font-family:var(--font-display);font-size:2.6rem;line-height:1;color:var(--ink)}.lobby-players .players-cloud{flex:1;min-height:220px;align-content:flex-start}.player-tag{font-size:1rem;padding:.55rem .95rem;animation:tag-pop .35s cubic-bezier(.2,1.4,.4,1)}.player-tag small{font-weight:700;opacity:.75}@keyframes tag-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.quiz-question{padding:2rem 1rem 1.5rem}.quiz-question h1{font-family:var(--font-display);font-size:clamp(1.6rem,3.4vw,3.2rem);line-height:1.25;letter-spacing:-.03em}.host-status{display:flex;align-items:center;justify-content:center;gap:1.2rem;margin:-.5rem 0 1.5rem;color:var(--muted);font-size:1.1rem;font-weight:700}.host-status strong{font-family:var(--font-display);font-size:1.6rem;color:var(--ink)}.timer{width:64px;height:64px;font-family:var(--font-display);font-size:1.6rem;background:var(--product-soft);color:var(--product-text)}.timer.urgent{background:var(--danger-soft);color:var(--danger-text);animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.08)}}.player-timer{display:flex;justify-content:center;margin:-.8rem 0 1rem}.player-timer .timer{width:52px;height:52px;font-size:1.3rem}.quiz-options{gap:1rem}.quiz-option{min-height:120px;padding:1.4rem 1.6rem;border:0;border-radius:18px;color:#fff;box-shadow:0 6px #0000002e}.quiz-option strong{font-size:clamp(1.1rem,1.8vw,1.6rem);font-weight:800}.quiz-option>span{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#fff3;font-size:1.4rem}.quiz-option.option-0{background:var(--opt-0);color:#fff}.quiz-option.option-1{background:var(--opt-1);color:#fff}.quiz-option.option-2{background:var(--opt-2);color:#2b1d00}.quiz-option.option-3{background:var(--opt-3);color:#fff}.quiz-option.option-2>span{background:#ffffff59}.quiz-option:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-3px)}.quiz-option:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #0000002e}.quiz-option.selected{outline:4px solid var(--ink);outline-offset:3px}.is-host .quiz-option{cursor:default}.is-host .quiz-option:disabled{opacity:1}.reveal-chart{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;align-items:start;margin-top:2.5rem}.reveal-bar{grid-template-rows:200px auto auto}.reveal-bar{display:grid;gap:.55rem}.reveal-bar-track{display:flex;align-items:flex-end;height:200px;padding:0 22%}.reveal-bar-track span{position:relative;display:block;width:100%;min-height:10px;border-radius:12px 12px 4px 4px;transition:height .6s cubic-bezier(.2,.8,.2,1)}.reveal-bar-track b{position:absolute;top:-2.1rem;left:50%;transform:translate(-50%);font-family:var(--font-display);font-size:1.6rem;color:var(--ink)}.reveal-bar.reveal-opt-0 .reveal-bar-track span{background:var(--opt-0)}.reveal-bar.reveal-opt-1 .reveal-bar-track span{background:var(--opt-1)}.reveal-bar.reveal-opt-2 .reveal-bar-track span{background:var(--opt-2)}.reveal-bar.reveal-opt-3 .reveal-bar-track span{background:var(--opt-3)}.reveal-bar.is-wrong .reveal-bar-track span{opacity:.45}.reveal-bar-label{display:flex;align-items:center;gap:.5rem;padding:.75rem .9rem;border:2px solid var(--line);border-radius:14px;background:var(--surface);font-size:1.05rem}.reveal-bar-label>span{color:var(--muted)}.reveal-bar-label svg{margin-left:auto;color:var(--green-text)}.reveal-bar.is-correct .reveal-bar-label{border-color:var(--green-text);background:var(--green-soft);color:var(--green-text)}.reveal-misconception{margin:0;padding:.55rem .7rem;border-radius:10px;background:var(--amber-soft);color:var(--amber-text);font-size:.85rem;font-weight:700;line-height:1.4}.reveal-answer{margin-top:1.5rem;padding:1.1rem 1.3rem;border:1px solid var(--green-line);border-radius:16px;background:var(--green-soft);color:var(--green-text);font-size:1.05rem}.reveal-answer p{margin-top:.4rem;font-size:1rem}.ranking{margin-top:1.5rem}.player-wait{display:grid;justify-items:center;gap:.8rem;padding:3rem 1rem;text-align:center}.player-wait-icon,.player-result-icon{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:var(--green-soft);color:var(--green-text);animation:tag-pop .45s cubic-bezier(.2,1.4,.4,1)}.player-result{display:grid;justify-items:center;gap:.6rem;padding:2rem 1.4rem;border-radius:22px;text-align:center}.player-result.is-right{background:var(--green-soft);border:2px solid var(--green-line);color:var(--green-text)}.player-result.is-wrong{background:var(--amber-soft);border:2px solid var(--amber-line);color:var(--amber-text)}.player-result.is-wrong .player-result-icon{background:var(--surface);color:var(--amber-text)}.player-result h2{font-size:1.8rem;color:inherit}.player-result p{color:var(--ink)}.player-points{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--green-text)!important}.player-explanation{max-width:460px;color:var(--ink-soft)!important}.answer-wait{border-radius:22px}.finish-stage{display:grid;justify-items:center;gap:.7rem;text-align:center;padding-top:1rem}.finish-me{font-size:1.15rem}.podium{display:flex;align-items:flex-end;justify-content:center;gap:.8rem;width:min(640px,100%);margin:1.5rem 0}.podium-step{flex:1;display:grid;justify-items:center;gap:.3rem;min-width:0;animation:podium-rise .6s cubic-bezier(.2,.8,.2,1) both}.podium-step strong{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem}.podium-step span{color:var(--muted);font-weight:700}.podium-block{display:grid;place-items:center;width:100%;border-radius:16px 16px 6px 6px;color:#fff;font-family:var(--font-display);font-size:2rem;font-weight:700}.place-1 .podium-block{height:170px;background:var(--product)}.place-2 .podium-block{height:125px;background:var(--opt-1)}.place-3 .podium-block{height:95px;background:var(--opt-3)}.place-1{animation-delay:.25s}.podium-step.is-me strong{color:var(--product-text)}@keyframes podium-rise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}.code-input.is-found{border-color:var(--green-text)!important;background:var(--green-soft)!important}.join-submit{min-height:52px;font-size:1rem}@media(max-width:760px){.game-header{height:58px;padding:0 1rem}.quiz-timebar{top:58px}.lobby-stage{grid-template-columns:1fr}.is-player .game-main{padding:1rem}.is-player .quiz-question{padding:1rem 0}.is-player .quiz-question h1{font-size:1.35rem}.is-player .quiz-options{grid-template-columns:1fr;gap:.7rem}.is-player .quiz-option{min-height:76px;padding:1rem}.is-player .quiz-option strong{font-size:1.1rem}.is-player .quiz-option>span{width:38px;height:38px;font-size:1.1rem}.game-header .pill{display:none}.reveal-bar-track{height:140px}.reveal-bar{grid-template-rows:140px auto auto}}}@media(prefers-reduced-motion:reduce){.player-tag,.podium-step,.timer.urgent,.player-result-icon,.player-wait-icon{animation:none}}.slide-canvas{--s-bg: #ffffff;--s-ink: #20323b;--s-soft: #5b6d77;--s-accent: #d6336c;--s-accent-ink: #b8245a;--s-accent-soft: #fdecf2;--s-line: #e6ecef;--s-panel: #f6f8fa;--s-math: #fff3dd;--s-math-ink: #8a4b00;container-type:inline-size;position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:1.4cqw;background:var(--s-bg);color:var(--s-ink);font-family:Nunito,Inter,system-ui,sans-serif;text-align:left}.slide-theme-dark{--s-bg: #131b23;--s-ink: #f2f6f8;--s-soft: #b6c5ce;--s-accent: #f05a8c;--s-accent-ink: #ff8fb5;--s-accent-soft: #3d2330;--s-line: #2c3a46;--s-panel: #1b2630;--s-math: #3c3224;--s-math-ink: #fcd34d}.slide-theme-rose{--s-bg: #b8245a;--s-ink: #ffffff;--s-soft: #fde3ec;--s-accent: #ffffff;--s-accent-ink: #ffffff;--s-accent-soft: rgba(255,255,255,.16);--s-line: rgba(255,255,255,.25);--s-panel: rgba(255,255,255,.12);--s-math: rgba(255,255,255,.16);--s-math-ink: #ffffff;background:linear-gradient(135deg,#d6336c,#8f1d47)}.slide{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr;align-content:center;gap:4cqw;padding:6cqw 7cqw 7cqw}.slide.has-image{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center}.slide.has-image.layout-text{grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr)}.slide.has-image.layout-image{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.slide-copy{position:relative;z-index:1;min-width:0;display:flex;flex-direction:column;gap:1.6cqw}.slide-image,.slide-qr,.slide-footer{z-index:1}.slide-badge{align-self:flex-start;padding:.55cqw 1.3cqw;border-radius:99px;background:var(--s-accent-soft);color:var(--s-accent-ink);font-size:1.25cqw;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.slide-kicker{color:var(--s-accent-ink);font-size:1.5cqw;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.slide h1{margin:0;font-family:Bricolage Grotesque,Nunito,sans-serif;font-size:4.6cqw;font-weight:700;line-height:1.1;letter-spacing:-.035em;color:var(--s-ink)}.slide-body{display:grid;gap:1.2cqw;font-size:2.35cqw;line-height:1.45;color:var(--s-soft)}.slide-body p{margin:0;font-size:inherit;line-height:inherit;white-space:pre-wrap}.slide-list,.slide-steps{display:grid;gap:.9cqw;margin:0;padding:0;list-style:none}.slide-list li{position:relative;padding-left:2.6cqw}.slide-list li:before{content:"";position:absolute;left:.3cqw;top:.62em;width:1cqw;height:1cqw;border-radius:50%;background:var(--s-accent)}.slide-steps{counter-reset:step}.slide-steps li{counter-increment:step;display:flex;align-items:flex-start;gap:1.4cqw;padding:1cqw 1.4cqw;border-radius:1.2cqw;background:var(--s-panel);color:var(--s-ink)}.slide-steps li:before{content:counter(step);flex:0 0 auto;display:grid;place-items:center;width:3.2cqw;height:3.2cqw;border-radius:50%;background:var(--s-accent);color:var(--s-bg);font-weight:900;font-size:1.7cqw}.slide-theme-rose .slide-steps li:before{color:#b8245a}.slide-math{align-self:flex-start;padding:.8cqw 2cqw;border-radius:1.2cqw;background:var(--s-math);color:var(--s-math-ink)!important;font-family:Bricolage Grotesque,sans-serif;font-size:3.6cqw!important;font-weight:700;letter-spacing:.02em}.density-medium h1{font-size:3.8cqw}.density-medium .slide-body{font-size:2cqw}.density-dense h1{font-size:3.2cqw}.density-dense .slide-body{font-size:1.65cqw;gap:.8cqw}.density-dense .slide-math{font-size:2.6cqw!important}.kind-cover{align-content:center;justify-items:start}.kind-cover h1{font-size:6.4cqw;max-width:80%}.kind-cover .slide-body{font-size:2.8cqw;max-width:75%}.kind-cover:before{content:"";position:absolute;right:-8cqw;bottom:-12cqw;width:42cqw;height:42cqw;border-radius:50%;border:5cqw solid var(--s-accent-soft)}.kind-cover:after{content:"";position:absolute;left:7cqw;top:5cqw;width:8cqw;height:.8cqw;border-radius:99px;background:#f39200}.kind-question h1{font-size:5cqw}.kind-summary .slide-list li:before{width:1.6cqw;height:1.6cqw;top:.45em;border-radius:.4cqw;background:#0d817c}.slide-reveal{display:inline-flex;align-items:center;gap:1cqw;align-self:flex-start;margin-top:.6cqw;padding:1.2cqw 2cqw;border:.25cqw dashed var(--s-accent);border-radius:1.4cqw;background:transparent;color:var(--s-accent-ink);font:inherit;font-size:1.9cqw;font-weight:800;cursor:pointer}.slide-reveal svg{width:2.2cqw;height:2.2cqw}.slide-reveal kbd{padding:.1cqw .7cqw;border:.15cqw solid currentColor;border-radius:.5cqw;font-size:1.3cqw;font-family:inherit}.slide-reveal.is-hidden{cursor:default;opacity:.75}.slide-reveal.is-open{display:grid;gap:.6cqw;border-style:solid;background:var(--s-accent-soft);cursor:default;animation:slide-reveal-in .35s ease}.slide-reveal.is-open>span{font-size:1.2cqw;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.slide-reveal.is-open .slide-body{color:var(--s-ink);font-size:2.4cqw}@keyframes slide-reveal-in{0%{opacity:0;transform:translateY(1cqw)}to{opacity:1;transform:none}}.slide-timer{display:inline-flex;align-items:center;gap:1.2cqw;align-self:flex-start;padding:.8cqw 1.2cqw .8cqw 2cqw;border-radius:99px;background:var(--s-panel)}.slide-timer strong{font-family:Bricolage Grotesque,sans-serif;font-size:4cqw;font-variant-numeric:tabular-nums;color:var(--s-ink)}.slide-timer button{display:grid;place-items:center;width:4.4cqw;height:4.4cqw;border:0;border-radius:50%;background:var(--s-accent);color:var(--s-bg);cursor:pointer}.slide-theme-rose .slide-timer button{color:#b8245a}.slide-timer button+button{background:transparent;color:var(--s-soft);border:.2cqw solid var(--s-line)}.slide-timer svg{width:2cqw;height:2cqw}.slide-timer.is-done strong{color:#f39200}.slide-image{display:grid;place-items:center;height:100%;max-height:74cqw;min-height:0;padding:0;border:0;border-radius:2cqw;overflow:hidden;background:var(--s-panel);cursor:zoom-in}.slide-image img{width:100%;height:100%;max-height:42cqw;object-fit:contain}.slide.image-focus{grid-template-columns:1fr}.slide.image-focus .slide-copy{display:none}.slide.image-focus .slide-image{cursor:zoom-out}.slide.image-focus .slide-image img{max-height:48cqw}.slide-qr{position:absolute;right:3cqw;bottom:5cqw;display:grid;justify-items:center;gap:.4cqw;padding:.8cqw;border-radius:1.2cqw;background:#fff;color:#20323b;font-size:1cqw;font-weight:800;text-decoration:none;box-shadow:0 1cqw 3cqw #00000026}.slide-qr img{width:11cqw;height:11cqw}.slide-footer{position:absolute;left:7cqw;right:7cqw;bottom:2.4cqw;display:flex;justify-content:space-between;color:var(--s-soft);font-size:1.1cqw;font-weight:800;letter-spacing:.06em;opacity:.7}.presentation{background:#0d141b}.presentation-ui-light{--presentation-surface: #fff;background:#e9eef1;color:#20323b}.presentation-ui-light .presentation-bar,.presentation-ui-light footer{color:#52646e;border-color:#d5dee2}.presentation-ui-light .presentation-bar strong,.presentation-ui-light .presentation-counter{color:#20323b}.presentation-ui-light .presentation-tool,.presentation-ui-light .presentation-nav .button.secondary,.presentation-ui-light .presentation-themes{color:#334761;border-color:#cfdadd;background:#fff}.presentation-progress span{background:linear-gradient(90deg,#d6336c,#f39200)}.presentation-tool:hover,.presentation-tool.active{background:#d6336c;border-color:#d6336c;color:#fff}.presentation-nav .button.primary{background:#d6336c;border-color:#d6336c}.presentation-themes{display:inline-flex;align-items:center;gap:2px;min-height:38px;padding:3px 3px 3px .6rem;border:1px solid #ffffff16;border-radius:10px;color:#cbd5e1;background:#ffffff08}.presentation-themes svg{margin-right:.3rem}.presentation-themes button{padding:.35rem .6rem;border-radius:7px;color:inherit;font-size:.75rem;font-weight:700}.presentation-themes button.active{background:#d6336c;color:#fff}.presentation-stage{flex:1;min-height:0;display:grid;place-items:center;padding:1.2rem 1.5rem;animation:presentation-slide-in .38s cubic-bezier(.2,.75,.25,1)}.presentation-stage .slide-canvas{width:min(100%,calc((100vh - 150px) * 16 / 9));box-shadow:0 30px 80px #00000059}.presentation-ui-light .presentation-stage .slide-canvas{box-shadow:0 24px 60px #20323b29}.presentation:fullscreen .presentation-stage{padding:.6rem}.presentation-thumbnails>button{grid-template-rows:auto auto}.presentation-thumbnails .slide-canvas{pointer-events:none}.presentation-ui-light .presentation-thumbnails>button{color:#20323b;border-color:#d5dee2;background:#fff}.slide-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.9fr);gap:1.2rem;align-items:start}.slide-editor-preview{position:sticky;top:90px;display:grid;gap:.5rem}.slide-editor-preview .slide-canvas{border:1px solid var(--line);box-shadow:var(--shadow-sm)}.slide-editor-preview small{color:var(--muted);font-size:.72rem}.slide-kind-picker{display:flex;flex-wrap:wrap;gap:.35rem}.slide-kind-picker button{padding:.4rem .7rem;border:1px solid var(--line-strong);border-radius:99px;background:var(--surface);color:var(--ink-soft);font-size:.75rem;font-weight:800}.slide-kind-picker button.active{border-color:var(--product);background:var(--product);color:#fff}.more-options{margin-top:1rem;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.more-options>summary{cursor:pointer;padding:.75rem 1rem;color:var(--ink-soft);font-size:.82rem;font-weight:800;list-style:none}.more-options>summary::-webkit-details-marker{display:none}.more-options>summary:before{content:"▸ ";color:var(--muted)}.more-options[open]>summary:before{content:"▾ "}.more-options>div{padding:0 1rem 1rem}.more-options .field:first-child{margin-top:0}@media(max-width:1100px){.slide-editor{grid-template-columns:1fr}.slide-editor-preview{position:static;order:-1}}@media print{.slide-canvas{display:none}}.teaching-actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.teaching-page .page-heading{gap:1rem;flex-wrap:wrap}.teaching-filters{display:grid;grid-template-columns:minmax(180px,2fr) minmax(100px,.7fr) minmax(150px,1.4fr) minmax(120px,1fr);gap:1rem;margin-bottom:1.5rem}.teaching-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:1rem;border:0;margin:1rem 0;padding:0;min-width:0}.teaching-form .field,.teaching-filters .field{min-width:0;margin-bottom:0}.teaching-form input,.teaching-form select,.teaching-form textarea{max-width:100%}.teaching-link-editor{border-top:1px solid var(--border, #e2e8f0);margin-top:1.2rem;padding-top:1rem}.teaching-bindings small,.teaching-checklist small{display:block;color:var(--muted, #64748b);margin-top:.25rem}.teaching-bindings{margin:.75rem 0 1rem}.teaching-binding{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--border, #e2e8f0)}.teaching-binding div{min-width:0;overflow-wrap:anywhere}.teaching-checklist{max-height:260px;overflow:auto;margin:1rem 0}.teaching-checklist label{display:flex;align-items:center;gap:.75rem;padding:.65rem}.teaching-checklist input[type=checkbox]{flex:0 0 auto;width:18px;height:18px}.teaching-scroll{max-height:360px;overflow:auto;border:1px solid var(--border, #e2e8f0);border-radius:12px;margin:1rem 0}.teaching-scroll table{width:100%;min-width:540px;border-collapse:collapse;font-size:.875rem}.teaching-scroll th{position:sticky;top:0;background:var(--surface, #fff)}.teaching-scroll th,.teaching-scroll td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border, #e2e8f0);overflow-wrap:anywhere}.teaching-scroll td small{display:block;color:var(--muted, #64748b)}.teaching-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin:1rem 0}.teaching-summary span{padding:.8rem;border:1px solid var(--border, #e2e8f0);border-radius:12px;font-size:.8rem}.teaching-summary strong{display:block;font-size:1.25rem}.teaching-issues{max-height:200px;overflow:auto;padding:.75rem;background:var(--surface-soft, #f8fafc);border-radius:12px;margin:1rem 0}.teaching-issues .error-text{color:#be123c}.teaching-year{max-width:110px}@media(max-width:900px){.teaching-filters,.teaching-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.teaching-form,.teaching-filters{grid-template-columns:minmax(0,1fr)}.teaching-actions .button{flex:1 1 auto}.teaching-year{max-width:90px}}
