*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.\!fixed{position:fixed!important}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.hidden{display:none}.h-11{height:2.75rem}.w-11{width:2.75rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.rounded{border-radius:.25rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.font-head{font-family:Inter,sans-serif}.text-sm{font-size:.875rem;line-height:1.25rem}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root,:root[data-theme=light]{--bg: #faf6f0;--surface: #ffffff;--surface-2: #f2ebe1;--border: #e6dccb;--ink: #3c3633;--muted: #8c817a;--primary: #e8772e;--primary-strong: #d2641e;--primary-soft: #fbe6d5;--on-primary: #ffffff;--accent: #4a6fa5;--accent-soft: #e2e8f2;--olive: #5f8f44;--olive-soft: #e8f1df;--on-olive: #ffffff;--navy: #2c2f3d;--danger: #e23b3b;--danger-soft: #fde3e3;--focus: rgba(232, 119, 46, .4);--c0: #2f6df0;--c1: #ec4899;--c2: #e0a800;--c3: #1faa4b;--r: 14px;font-family:Inter,system-ui,sans-serif;color:var(--ink)}:root[data-theme=dark]{--bg: #1a1d23;--surface: #22262e;--surface-2: #2b303a;--border: #353b45;--ink: #e6e9ef;--muted: #9aa3b2;--primary: #5fa8ff;--primary-strong: #4a95f0;--primary-soft: #1d2a3c;--on-primary: #0e1726;--accent: #5fe0b5;--accent-soft: #163129;--olive: #5fe0b5;--olive-soft: #163129;--on-olive: #0d2a22;--navy: #343b47;--danger: #ff6b6b;--danger-soft: #3a2326;--focus: rgba(95, 168, 255, .4)}*{box-sizing:border-box}body{margin:0;background:var(--surface-2);color:var(--ink);min-height:100vh}h1,h2,h3,h4,.font-head{font-family:Inter,sans-serif;font-weight:700;color:var(--ink);letter-spacing:-.01em}a{color:var(--olive)}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}.text-sm{font-size:14px}.container{max-width:1100px;margin:0 auto;padding:24px}.center-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:40}.brand-logo{font-weight:800;font-size:22px;color:var(--ink);text-decoration:none}.card{background:var(--surface);border-radius:var(--r);padding:24px;border:1px solid var(--border);box-shadow:0 1px 3px #0000000a;width:100%}.card-narrow{max-width:440px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--primary);color:var(--on-primary);border:none;border-radius:10px;padding:11px 18px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none;transition:filter .12s,transform .05s,background .12s}.btn:hover:not(:disabled){background:var(--primary-strong)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-lg{padding:14px 24px;font-size:17px}.btn-block{width:100%}.btn-ghost{background:var(--surface);color:var(--ink);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-secondary{background:var(--navy);color:#fff}.btn-secondary:hover:not(:disabled){background:#2c2f3d}.btn-pink{background:var(--c1);color:#fff}.btn-pink:hover:not(:disabled){filter:brightness(1.06)}.btn-danger{background:var(--danger);color:#fff}.btn-create{background:var(--olive);color:var(--on-olive)}.btn-create:hover:not(:disabled){filter:brightness(1.12)}.icon-btn{width:42px;height:42px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .12s,transform .05s}.icon-btn:hover{background:var(--border)}.icon-btn:active{transform:translateY(1px)}label{display:block;font-weight:600;margin-bottom:6px;font-size:14px;color:var(--ink)}input,textarea,select{width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:10px;font-size:15px;font-family:inherit;margin-bottom:14px;outline:none;background:var(--surface);color:var(--ink)}input:focus,textarea:focus,select:focus{border-color:var(--primary-strong);box-shadow:0 0 0 3px var(--focus)}textarea{resize:vertical}.pin-input{font-size:34px;text-align:center;letter-spacing:10px;font-weight:700;color:var(--ink)}code{background:var(--surface-2);padding:1px 6px;border-radius:6px}.pin-display{font-size:54px;font-weight:800;letter-spacing:8px;color:var(--ink);background:var(--surface);border-radius:var(--r);padding:16px 28px;display:inline-block;border:1px solid var(--border)}.answers-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.answer-card{display:flex;align-items:center;gap:16px;background:var(--surface);border:2px solid var(--border);border-radius:16px;padding:18px 20px;cursor:pointer;text-align:left;min-height:76px;font-size:17px;font-weight:600;color:var(--ink);transition:border-color .12s,transform .05s,box-shadow .12s}.answer-card:hover:not(:disabled){border-color:#cfcec8;box-shadow:0 3px 10px #0000000f}.answer-card:active:not(:disabled){transform:translateY(1px)}.answer-card:disabled{cursor:default}.answer-card.selected{border-color:var(--primary-strong);box-shadow:0 0 0 3px var(--focus)}.answer-card.correct{border-color:var(--c3);background:var(--olive-soft)}.answer-card.wrong{opacity:.5}.opt-letter{width:40px;height:40px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:17px}.opt-letter.c-0{background:var(--c0)}.opt-letter.c-1{background:var(--c1)}.opt-letter.c-2{background:var(--c2)}.opt-letter.c-3{background:var(--c3)}.answer-card{position:relative}.answer-card.has-img{flex-direction:column;align-items:stretch;padding:10px;gap:8px}.answer-card.has-img .opt-letter{position:absolute;top:10px;left:10px;z-index:1}.opt-img{width:100%;height:140px;-o-object-fit:cover;object-fit:cover;border-radius:10px;display:block}.img-edit{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.img-edit>img{max-width:100%;max-height:200px;-o-object-fit:contain;object-fit:contain;border-radius:10px;border:1px solid var(--border);align-self:flex-start}.opt-img-edit{position:relative;flex-shrink:0}.opt-img-edit img{width:46px;height:46px;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:1px solid var(--border);display:block}.opt-img-x{position:absolute;top:-7px;right:-7px;width:18px;height:18px;border:none;border-radius:999px;background:var(--danger);color:#fff;font-size:10px;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;z-index:2}.wg-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.wg-tb-select{width:auto;margin:0;padding:8px 12px;border-radius:10px;font-weight:600}.wg-tb-field{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);border-radius:10px;padding:4px 10px;font-size:14px;color:var(--muted)}.wg-tb-field input{width:60px;margin:0;padding:6px 8px;border:1px solid var(--border);border-radius:8px}.wg-tb-field .material-symbols-outlined{font-size:18px}.wg-question{position:relative;background:#3a1f33;border-radius:16px;min-height:210px;padding:50px 24px 26px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.wg-q-tools{position:absolute;top:12px;left:12px;display:flex;gap:8px}.wg-q-imgwrap{position:relative}.wg-q-imgwrap img{max-height:200px;max-width:100%;border-radius:10px;-o-object-fit:contain;object-fit:contain;display:block}.wg-q-text{background:transparent;border:none;color:#fff;text-align:center;font-size:24px;font-weight:600;width:100%;max-width:640px;resize:none;outline:none;margin:0}.wg-q-text::-moz-placeholder{color:#ffffff8c}.wg-q-text::placeholder{color:#ffffff8c}.wg-q-text:focus{box-shadow:none;border:none}.wg-answers{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:16px}.wg-opt{position:relative;border-radius:16px;min-height:150px;padding:44px 16px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.wg-c0{background:#2f6df0}.wg-c1{background:#14b8a6}.wg-c2{background:#e0a800}.wg-c3{background:#ec4899}.wg-opt.is-correct{box-shadow:0 0 0 4px #fff,0 0 0 8px #1faa4b}.wg-opt-top{position:absolute;top:10px;left:10px;right:10px;display:flex;align-items:center;gap:6px}.wg-opt-icon{width:30px;height:30px;border:none;border-radius:8px;background:#00000040;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.wg-opt-icon:hover{background:#0000006b}.wg-opt-icon .material-symbols-outlined{font-size:18px}.wg-check{margin-left:auto;width:30px;height:30px;border-radius:999px;border:2px solid rgba(255,255,255,.7);background:transparent;color:#fffc;cursor:pointer;display:flex;align-items:center;justify-content:center}.wg-check .material-symbols-outlined{font-size:18px}.wg-check.on{background:#1faa4b;border-color:#fff;color:#fff}.wg-opt-img{max-height:110px;max-width:100%;border-radius:10px;-o-object-fit:contain;object-fit:contain}.wg-opt-text{background:transparent;border:none;color:#fff;text-align:center;font-size:18px;font-weight:600;width:100%;resize:none;outline:none;margin:0}.wg-opt-text::-moz-placeholder{color:#ffffffb3}.wg-opt-text::placeholder{color:#ffffffb3}.wg-opt-text:focus{box-shadow:none;border:none}.wg-add-opt{min-height:150px;border:2px dashed var(--border);border-radius:16px;background:var(--surface);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.wg-add-opt:hover{background:var(--surface-2)}.wg-add-opt .material-symbols-outlined{font-size:32px}.muted{color:var(--muted)}.row{display:flex;gap:12px;align-items:center}.between{display:flex;justify-content:space-between;align-items:center}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:18px}.quiz-card{background:var(--surface);border-radius:var(--r);padding:18px;border:1px solid var(--border);box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column;gap:8px}.badge{display:inline-block;background:var(--olive-soft);color:var(--olive);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600;width:-moz-fit-content;width:fit-content}.badge-mini{font-size:10px;color:var(--olive);background:var(--olive-soft);border-radius:6px;padding:1px 6px;width:-moz-fit-content;width:fit-content}.error{background:var(--danger-soft);color:var(--danger);border-radius:10px;padding:10px 14px;margin-bottom:12px;font-size:14px}.or-divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px;margin:14px 0}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:var(--border)}.lobby-players{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;justify-content:center}.player-chip{background:var(--surface);color:var(--ink);border-radius:999px;padding:8px 16px;font-weight:600;border:1px solid var(--border);animation:pop .25s ease}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.leaderboard{list-style:none;padding:0;margin:16px 0 0}.leaderboard li{display:flex;justify-content:space-between;align-items:center;background:var(--surface);border-radius:12px;padding:14px 18px;margin-bottom:8px;font-weight:600;border:1px solid var(--border)}.leaderboard li:first-child{background:var(--primary-soft);border-color:var(--primary-strong)}.q-text{font-size:28px;font-weight:700;text-align:center;margin:10px 0;color:var(--ink)}.white{color:#fff}.center{text-align:center}.spacer{height:16px}.shell-wrapper{max-width:1400px;margin:0 auto;min-height:100vh;background:var(--bg);box-shadow:0 0 0 1px var(--border),0 4px 40px #00000012}.shell{display:grid;grid-template-columns:244px 1fr;min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px 12px;position:sticky;top:0;height:100vh}.side-create{width:100%;margin:12px 0 6px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--olive);color:var(--on-olive);border:none;border-radius:12px;padding:12px;font-weight:700;font-size:15px;cursor:pointer;font-family:Inter,sans-serif}.side-create:hover{filter:brightness(1.12)}.side-nav{display:flex;flex-direction:column;gap:4px;margin-top:10px;flex:1}.side-link{display:flex;align-items:center;gap:12px;border:none;background:transparent;padding:11px 14px;border-radius:10px;font-weight:600;font-size:15px;color:var(--muted);cursor:pointer;text-align:left;width:100%}.side-link:hover:not(:disabled){background:var(--surface-2)}.side-link.active{background:var(--primary-soft);color:var(--ink)}.side-link:disabled{opacity:.5;cursor:not-allowed}.soon-badge{margin-left:auto;font-size:10px;background:var(--surface-2);color:var(--muted);border-radius:6px;padding:1px 6px;font-weight:600}.side-profile{display:flex;align-items:center;gap:10px;padding:10px;border-top:1px solid var(--border)}.side-avatar{width:38px;height:38px;border-radius:999px;background:var(--primary);color:var(--on-primary);display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.side-name{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-logout{border:none;background:transparent;color:var(--muted);font-size:13px;cursor:pointer;padding:0}.shell-main{padding:28px 36px;max-width:1200px;width:100%}@media(max-width:700px){.shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:50;height:auto;flex-direction:row;align-items:center;padding:10px 14px;gap:4px;border-right:none;border-bottom:1px solid var(--border)}.side-create{display:none}.side-nav{flex-direction:row;margin-top:0;gap:2px}.side-link{padding:8px 10px}.side-link span:not(.material-symbols-outlined):not(.soon-badge){display:none}.side-link-hide-mobile{display:none!important}.side-profile{border-top:none;border-left:1px solid var(--border);padding:8px;margin-left:auto}.side-profile>div:first-of-type+div{display:none}.side-name,.side-logout{display:none}.shell-main{padding:16px}}.lib-row{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:14px 16px;margin-bottom:10px}.lib-thumb{width:64px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0;background:var(--primary-soft)}.share-menu{position:absolute;z-index:30;top:52px;left:0;width:320px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 40px #0000002e;padding:14px}.detail-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:16px}.detail-thumb{border:1px solid var(--border);border-radius:12px;padding:10px;background:var(--surface);font-size:13px}.wg-layout{display:grid;grid-template-columns:220px 1fr;gap:18px;margin-top:20px;align-items:start}.wg-rail{display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 220px);overflow-y:auto;padding-right:4px}.wg-thumb{display:flex;gap:8px;align-items:stretch;text-align:left;padding:6px;border:2px solid transparent;border-radius:12px;background:var(--surface);cursor:pointer;transition:border-color .15s,background .15s}.wg-thumb:hover{background:var(--surface-2, var(--surface))}.wg-thumb.active{border-color:var(--primary)}.wg-thumb-num{flex:0 0 22px;font-weight:700;font-size:13px;color:var(--muted);padding-top:2px}.wg-thumb-body{flex:1;min-width:0;border-radius:8px;overflow:hidden;background:#fff;aspect-ratio:16 / 9}.thumb-q{height:100%;padding:8px;display:flex;flex-direction:column;gap:6px;background:var(--surface);color:var(--text)}.thumb-q-text{font-size:12px;font-weight:600;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.wg-main{display:flex;flex-direction:column;gap:14px}.wg-stage{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 8px 30px #0000001f}.wg-q-box{aspect-ratio:16 / 9;overflow:auto;padding:32px;background:var(--surface);color:var(--text)}.wg-controls{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.wg-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.wg-toggle input{width:18px;height:18px;cursor:pointer}.wg-toggle input:disabled{cursor:not-allowed}@media(max-width:760px){.wg-layout{grid-template-columns:1fr}.wg-rail{flex-direction:row;max-height:none;overflow-x:auto}.wg-thumb{flex:0 0 160px}}.editor-layout{display:grid;grid-template-columns:280px 1fr;gap:18px;padding:18px;align-items:start}.thumbs{position:sticky;top:80px}.thumb-list{margin-top:12px;display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 160px);overflow-y:auto}.thumb{display:flex;align-items:center;gap:8px;cursor:grab;padding:2px;border-radius:10px}.thumb:active{cursor:grabbing}.thumb.dragging{opacity:.4}.thumb-num{font-weight:700;color:var(--muted);min-width:16px;font-size:13px;text-align:center}.thumb-preview{position:relative;flex:1;aspect-ratio:16 / 9;border:1.5px solid var(--border);border-radius:8px;overflow:hidden;background:var(--surface);display:flex;align-items:center;justify-content:center}.thumb.active .thumb-preview{border-color:var(--ink);box-shadow:0 0 0 2px #1b1d271f}.thumb-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}.thumb-mini{padding:8px;display:flex;flex-direction:column;gap:4px;align-items:flex-start;width:100%}.thumb-mini-text{font-size:11px;font-weight:600;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.thumb-del{position:absolute;top:4px;right:4px;width:20px;height:20px;border:none;border-radius:6px;background:#00000080;color:#fff;font-size:11px;cursor:pointer;opacity:0;line-height:1;display:flex;align-items:center;justify-content:center}.thumb:hover .thumb-del{opacity:1}.add-menu{position:absolute;z-index:30;top:52px;left:0;right:0;background:var(--surface);border-radius:12px;box-shadow:0 12px 40px #0000002e;padding:8px;max-height:380px;overflow-y:auto;border:1px solid var(--border)}.add-item{display:block;width:100%;text-align:left;border:none;background:transparent;padding:11px 12px;border-radius:8px;cursor:pointer;font-size:14px}.add-item:hover{background:var(--surface-2)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b1d2780;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--navy);z-index:60;display:flex;flex-direction:column}.preview-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;color:#fff}.preview-bar strong{color:#fff}.preview-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}.preview-slide{background:var(--surface);border-radius:16px;width:min(900px,100%);min-height:60vh;padding:40px;box-shadow:0 20px 60px #0006}.preview-controls{display:flex;justify-content:center;gap:12px;padding:16px}.blank{border-bottom:3px solid var(--olive);padding:0 10px;font-weight:700;color:var(--ink)}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:16px}.match-cell{background:var(--surface-2);border-radius:12px;padding:14px;margin-bottom:10px;font-weight:600;text-align:center}.reorder-list{font-size:20px;line-height:2}.slide-canvas{background:var(--surface);border-radius:18px;padding:28px;border:1px solid var(--border);box-shadow:0 4px 16px #0000000f}.slide-inner{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}.slide-img{max-width:100%;max-height:60vh;-o-object-fit:contain;object-fit:contain;display:block}.bar{background:var(--surface-2);border-radius:8px;height:12px;overflow:hidden;margin:8px 0 6px}.bar-fill{background:var(--primary-strong);height:100%}.timer-track{height:14px;width:100%;background:var(--surface-2);border-radius:999px;overflow:hidden}.timer-fill{height:100%;background:var(--primary);transition:width 1s linear}.import-progress{background:var(--olive-soft);color:var(--olive);border-radius:10px;padding:10px 14px;font-weight:600;margin:8px 0}.present-stage{min-height:100vh;display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:32px;gap:10px;background:var(--bg)}.present-stage>:not(.present-top):not(.present-nav):not(.present-board){width:100%;max-width:1000px;margin-left:auto;margin-right:auto}.present-stage .slide-canvas{max-width:1100px}.present-stage .q-text{font-size:34px}.present-top{position:fixed;top:16px;left:16px;display:flex;gap:8px;z-index:35}.present-nav{position:fixed;right:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:35}.nav-btn{width:56px;height:56px;border-radius:999px;border:2px solid #fff;background:var(--navy);color:#fff;font-size:26px;cursor:pointer;box-shadow:0 6px 18px #1b1d2747;display:flex;align-items:center;justify-content:center;transition:transform .1s,box-shadow .15s,background .15s}.nav-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 22px #1b1d2759}.nav-btn:active:not(:disabled){transform:scale(.94)}.nav-btn:disabled{opacity:.35;cursor:default}.nav-btn.reveal{background:var(--primary);color:var(--on-primary)}.nav-btn.reveal:hover:not(:disabled){background:var(--primary-strong)}.present-board{position:fixed;bottom:16px;left:50%;transform:translate(-50%);width:min(560px,92%);z-index:35}.fab{position:fixed;right:28px;bottom:28px;width:58px;height:58px;border-radius:999px;background:var(--olive);color:var(--on-olive);border:none;font-size:28px;cursor:pointer;box-shadow:0 8px 22px #585b1866;z-index:30}.lobby-screen{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.lobby-head{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;border-bottom:1px solid var(--border);background:var(--surface)}.lobby-head .lobby-title{font-weight:800;font-size:18px;display:flex;align-items:center;gap:10px}.lobby-body{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1080px;width:100%;margin:0 auto;padding:32px;align-items:start;overflow-y:auto}.join-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:32px;display:flex;flex-direction:column;align-items:center;gap:18px;box-shadow:0 4px 24px #0000000d}.join-step{color:var(--muted);font-size:14px;font-weight:600;align-self:flex-start}.join-url{font-size:26px;font-weight:800;color:var(--ink);letter-spacing:-.01em}.join-code{font-size:60px;font-weight:800;letter-spacing:12px;color:var(--primary);line-height:1;font-variant-numeric:tabular-nums}.qr-wrap{background:var(--surface);padding:10px;border-radius:14px;border:1px solid var(--border)}.lobby-right{display:flex;flex-direction:column;gap:16px}.players-head{display:flex;align-items:center;justify-content:space-between}.players-count{font-weight:800;font-size:20px;display:flex;align-items:center;gap:8px}.players-grid{display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start;min-height:80px}.players-empty{color:var(--muted);font-size:15px;padding:20px 0}.player-pill{display:flex;align-items:center;gap:8px;background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:999px;padding:8px 14px 8px 10px;font-weight:700;font-size:14px;animation:pop .25s ease}.player-pill .pp-ava{width:26px;height:26px;border-radius:999px;background:var(--primary-soft);color:var(--olive);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}.start-bar{display:flex;justify-content:center;padding:18px;border-top:1px solid var(--border);background:var(--surface)}.live-wrap{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.live-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;border-bottom:1px solid var(--border);background:var(--surface)}.live-top .lt-code{font-weight:700;color:var(--muted);font-size:14px}.live-top .lt-title{font-weight:800;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-main{flex:1;display:grid;grid-template-columns:1fr 300px;gap:20px;padding:22px 24px;align-items:start;min-height:0}.live-main.no-side{grid-template-columns:1fr;max-width:1100px;margin:0 auto;width:100%}.live-content{display:flex;flex-direction:column;gap:18px}.live-qcard{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:28px 32px;box-shadow:0 2px 12px #0000000a}.live-qtext{font-size:28px;font-weight:700;color:var(--ink);text-align:center;margin:0;line-height:1.3}.live-qimg{display:block;max-height:220px;max-width:100%;margin:16px auto 0;border-radius:12px;-o-object-fit:contain;object-fit:contain}.live-answers{display:grid;grid-template-columns:1fr 1fr;gap:14px}.live-answers.cols-1{grid-template-columns:1fr}.live-opt{position:relative;border-radius:16px;min-height:96px;padding:18px 22px;display:flex;align-items:center;gap:16px;color:#fff;font-size:20px;font-weight:700;transition:opacity .2s,transform .1s;overflow:hidden}.live-opt.c-0{background:var(--c0)}.live-opt.c-1{background:var(--c1)}.live-opt.c-2{background:var(--c2)}.live-opt.c-3{background:var(--c3)}.live-opt .lo-letter{width:40px;height:40px;border-radius:10px;background:#ffffff38;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.live-opt .lo-img{width:90px;height:70px;-o-object-fit:cover;object-fit:cover;border-radius:10px}.live-opt .lo-text{flex:1}.live-opt .lo-votes{background:#00000047;border-radius:999px;padding:4px 12px;font-size:15px;font-weight:700}.live-opt.dim{opacity:.4}.live-opt.right{box-shadow:0 0 0 4px var(--surface),0 0 0 8px #1faa4b}.live-opt .lo-check{font-size:24px}.live-textans{text-align:center;padding:14px}.live-side{display:flex;flex-direction:column;gap:16px}.side-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px}.timer-card{display:flex;flex-direction:column;align-items:center;gap:12px}.timer-ring{--pct: 100;width:120px;height:120px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:conic-gradient(var(--primary) calc(var(--pct) * 1%),var(--surface-2) 0);transition:background .3s linear}.timer-ring.low{background:conic-gradient(var(--danger) calc(var(--pct) * 1%),var(--surface-2) 0)}.timer-ring .tr-inner{width:96px;height:96px;border-radius:999px;background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}.timer-controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.tc-btn{border:1px solid var(--border);background:var(--surface-2);color:var(--ink);border-radius:10px;padding:8px 12px;font-weight:700;font-size:14px;cursor:pointer}.tc-btn:hover{background:var(--border)}.tc-btn.danger{background:var(--danger);color:#fff;border-color:var(--danger)}.answered-stat{text-align:center}.answered-stat .as-num{font-size:28px;font-weight:800;color:var(--ink)}.answered-stat .as-lbl{color:var(--muted);font-size:13px}.names-toggle{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;margin-bottom:10px}.attendee-list{display:flex;flex-direction:column;gap:6px;max-height:280px;overflow-y:auto}.attendee{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:10px;background:var(--surface-2);font-size:14px;font-weight:600}.attendee.done{background:var(--olive-soft);color:var(--olive)}.attendee .at-dot{width:8px;height:8px;border-radius:999px;background:var(--muted);flex-shrink:0}.attendee.done .at-dot{background:var(--olive)}.live-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px;border-top:1px solid var(--border);background:var(--surface)}.lb-left,.lb-right{display:flex;align-items:center;gap:10px}.lb-center{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--muted);font-size:14px}.tool-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--ink);border-radius:10px;padding:10px 14px;font-weight:700;font-size:14px;cursor:pointer}.tool-btn:hover:not(:disabled){background:var(--border)}.tool-btn:disabled{opacity:.4;cursor:not-allowed}.tool-btn.primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.tool-btn.primary:hover:not(:disabled){background:var(--primary-strong)}.spin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c10eb;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:24px}.spin-close{position:absolute;top:20px;right:24px}.spin-title{color:#fff;font-size:26px;font-weight:800}.spin-list{display:flex;flex-direction:column;gap:12px;width:min(440px,92%)}.spin-item{display:flex;align-items:center;gap:14px;background:#1c2027;border:2px solid transparent;border-radius:14px;padding:16px 20px;color:#cfd3da;font-weight:700;font-size:18px;transition:transform .12s,border-color .12s,background .12s}.spin-item .si-ava{width:34px;height:34px;border-radius:999px;background:#2c313a;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}.spin-item.active{border-color:var(--primary);background:#262b34;color:#fff;transform:scale(1.04)}.spin-item.winner{border-color:#ffd23f;background:linear-gradient(90deg,#ffd23f40,#ffd23f0d);color:#fff;transform:scale(1.07);box-shadow:0 0 28px #ffd23f59}.spin-btn{background:var(--primary);color:var(--on-primary);border:none;border-radius:12px;padding:14px 36px;font-size:18px;font-weight:800;cursor:pointer}.spin-btn:disabled{opacity:.5;cursor:not-allowed}.spin-winner-banner{color:#ffd23f;font-size:22px;font-weight:800;min-height:28px}.lbo-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c10f0;z-index:75;display:flex;flex-direction:column;align-items:center;padding:56px 24px;gap:6px;cursor:pointer}.lbo-title{color:#fff;font-size:34px;font-weight:800}.lbo-skip{color:var(--primary);font-weight:700;margin-bottom:22px;font-size:15px}.lbo-head,.lbo-row{width:min(820px,94%);display:grid;grid-template-columns:70px 1fr 90px;align-items:center}.lbo-head{color:#8b909a;font-weight:700;padding:0 18px 8px;font-size:14px}.lbo-row{background:#181b21;border-radius:12px;padding:14px 18px;margin-bottom:10px;color:#fff;font-weight:700;font-size:17px;animation:pop .3s ease backwards}.lbo-row.me{background:linear-gradient(90deg,#ffd23f47,#ffd23f0a)}.lbo-row .lbo-name{display:flex;align-items:center;gap:10px}.lbo-row .lbo-score{text-align:right;font-variant-numeric:tabular-nums}.lbo-gain{color:var(--olive);font-size:13px;font-weight:700;margin-left:8px}.podium-screen{min-height:100vh;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:40px 24px 0;overflow:hidden}.podium-head{text-align:center;margin-bottom:auto;margin-top:40px}.podium-head h1{font-size:40px;margin:0 0 6px}.podium-row{display:flex;align-items:flex-end;justify-content:center;gap:24px;width:100%;max-width:760px}.podium-col{display:flex;flex-direction:column;align-items:center;flex:1}.podium-person{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:14px;animation:rise-in .7s cubic-bezier(.22,1,.36,1) backwards}.podium-ava{width:64px;height:64px;border-radius:999px;background:var(--primary-soft);color:var(--olive);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800;border:3px solid var(--surface);box-shadow:0 4px 14px #0000001f}.podium-name{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:6px 14px;font-weight:700;font-size:15px;white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}.podium-score{color:var(--muted);font-weight:700;font-size:14px}.podium-bar{width:100%;max-width:180px;border-radius:14px 14px 0 0;color:#fff;display:flex;align-items:flex-start;justify-content:center;padding-top:14px;font-size:30px;font-weight:800;transform-origin:bottom;animation:grow-up .8s ease backwards}.podium-bar.p1{height:230px;background:linear-gradient(180deg,var(--primary),var(--primary-strong));color:var(--on-primary)}.podium-bar.p2{height:170px;background:var(--navy)}.podium-bar.p3{height:120px;background:var(--olive);color:var(--on-olive)}.podium-col.col-1 .podium-person{animation-delay:.5s}.podium-col.col-2 .podium-person{animation-delay:.2s}.podium-col.col-3 .podium-person{animation-delay:.35s}.podium-col.col-1 .podium-bar{animation-delay:.4s}.podium-col.col-2 .podium-bar{animation-delay:.1s}.podium-col.col-3 .podium-bar{animation-delay:.25s}.podium-rest{width:min(620px,94%);margin:28px auto}@keyframes rise-in{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes grow-up{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media(max-width:820px){.lobby-body,.live-main{grid-template-columns:1fr}.live-side{flex-direction:row;flex-wrap:wrap}}.stu-present{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c0e12;display:flex;flex-direction:column;z-index:1}.stu-top{height:56px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#fff}.stu-top-left,.stu-top-right{display:flex;align-items:center;gap:10px}.stu-score{display:inline-flex;align-items:center;gap:6px;background:#1c2027;border-radius:999px;padding:6px 14px;font-weight:800;color:#ffd23f;font-variant-numeric:tabular-nums}.stu-score .material-symbols-outlined{font-size:18px}.stu-slidenum{background:#1c2027;border-radius:8px;padding:6px 18px;font-weight:700;font-size:14px}.stu-code{background:#1c2027;border-radius:8px;padding:6px 14px;font-weight:800;letter-spacing:2px}.stu-icon-btn{width:38px;height:38px;border-radius:8px;border:none;background:#1c2027;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.stu-icon-btn:hover{background:#2a2f38}.stu-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:8px 16px}.stu-slide{width:min(100%,calc((100vh - 150px) * 16 / 9));aspect-ratio:16 / 9}.stu-slide .slide-canvas{width:100%;height:100%;border:none;border-radius:14px;padding:0;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 12px 48px #0000008c}.stu-slide .slide-inner{width:100%;height:100%;min-height:0;padding:28px}.stu-slide .slide-img{width:100%;height:100%;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.stu-foot{height:64px;flex-shrink:0;display:flex;align-items:center;gap:12px;padding:0 18px}.stu-foot .stu-ava{width:42px;height:42px;border-radius:999px;background:var(--primary);color:var(--on-primary);display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0}.stu-foot .stu-name{color:#fff;font-weight:700;line-height:1.2}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px 20px;margin-top:16px}.settings-title{display:flex;align-items:center;gap:8px;font-weight:800;font-size:16px;margin-bottom:8px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--border)}.setting-info{min-width:0}.setting-name{font-weight:700;font-size:15px}.setting-desc{color:var(--muted);font-size:13px;margin-top:2px}.setting-select{width:auto;margin:0;padding:8px 12px;border-radius:10px;font-weight:600}.switch{width:46px;height:26px;border-radius:999px;border:none;background:var(--border);position:relative;cursor:pointer;flex-shrink:0;transition:background .15s;padding:0}.switch.on{background:var(--primary)}.switch-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:999px;background:#fff;transition:transform .15s;box-shadow:0 1px 3px #00000040}.switch.on .switch-knob{transform:translate(20px)}.cheat-badge{display:inline-flex;align-items:center;gap:3px;margin-left:8px;background:var(--danger-soft);color:var(--danger);border-radius:999px;padding:1px 8px;font-size:12px;font-weight:800;vertical-align:middle}.cheat-badge .material-symbols-outlined{font-size:14px}.cheat-flag{display:inline-flex;align-items:center;gap:2px;margin-left:auto;color:var(--danger);font-size:12px;font-weight:800}.cheat-flag .material-symbols-outlined{font-size:15px}.cheat-warn{position:fixed;top:0;left:0;right:0;z-index:60;background:var(--danger);color:#fff;text-align:center;font-weight:700;font-size:15px;padding:12px 16px;animation:pop .25s ease}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.mode-opt{display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;border:2px solid var(--border);background:var(--surface);border-radius:12px;padding:12px;transition:border-color .12s,background .12s}.mode-opt:hover{background:var(--surface-2)}.mode-opt.active{border-color:var(--primary);background:var(--primary-soft)}.mode-opt .material-symbols-outlined{font-size:26px;color:var(--primary)}.mode-name{font-weight:800;font-size:14px}.mode-desc{color:var(--muted);font-size:12px}.test-monitor{flex:1;padding:24px;max-width:980px;width:100%;margin:0 auto;overflow-y:auto}.tm-stats{display:flex;gap:14px;margin-bottom:20px}.tm-stat{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;text-align:center}.tm-num{font-size:30px;font-weight:800}.tm-lbl{color:var(--muted);font-size:13px}.tm-table{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.tm-row{display:grid;grid-template-columns:44px 1fr 200px 70px 70px;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--border);font-weight:600}.tm-row.tm-head{border-top:none;color:var(--muted);font-size:13px;font-weight:700;background:var(--surface-2)}.tm-row.fin{background:var(--olive-soft)}.tm-rank{font-weight:800;color:var(--muted)}.tm-name{display:flex;align-items:center;gap:10px;overflow:hidden}.tm-prog{display:flex;align-items:center;gap:8px}.tm-bar{flex:1;height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden}.tm-bar>span{display:block;height:100%;background:var(--primary);transition:width .3s}.tm-prog-txt{font-size:12px;color:var(--muted);min-width:42px;text-align:right}.tm-score{text-align:right;font-variant-numeric:tabular-nums}.test-run{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.test-top{display:flex;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid var(--border);background:var(--surface)}.test-prog{font-weight:700;font-size:15px;white-space:nowrap}.test-progbar{flex:1;height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden}.test-progbar>div{height:100%;background:var(--primary);transition:width .3s}.test-timer{display:inline-flex;align-items:center;gap:4px;font-weight:800;font-variant-numeric:tabular-nums}.test-timer .material-symbols-outlined{font-size:18px}.test-body{flex:1;width:100%;max-width:720px;margin:0 auto;padding:28px 20px}.test-body .q-text{margin-bottom:18px}.test-score-big{font-size:56px;font-weight:800;color:var(--primary);line-height:1;margin:8px 0}.test-score-big span{font-size:24px;color:var(--muted)}.test-lb{text-align:left;margin-top:12px}.test-lb-head,.test-lb-row{display:grid;grid-template-columns:36px 1fr 110px;align-items:center;gap:8px;padding:8px 12px}.test-lb-head{color:var(--muted);font-size:12px;font-weight:700}.test-lb-row{background:var(--surface-2);border-radius:10px;margin-bottom:6px;font-weight:600}.test-lb-row.me{background:var(--primary-soft)}.test-lb-name{display:flex;align-items:center;gap:8px;overflow:hidden}.test-lb-score{text-align:right;font-weight:700}.sce{display:flex;flex-direction:column;gap:10px}.sce-toolbar,.sce-inspector{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:8px 10px}.sce-inspector{background:var(--surface-2)}.sce-spacer{flex:1}.sce-tool{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--surface-2);color:var(--ink);border-radius:9px;padding:8px 12px;font-weight:600;font-size:14px;cursor:pointer;position:relative}.sce-tool:hover{background:var(--border)}.sce-tool.on{background:var(--primary-soft);border-color:var(--primary);color:var(--ink)}.sce-tool .material-symbols-outlined{font-size:19px}.sce-icon{width:36px;height:36px;border-radius:9px;border:1px solid var(--border);background:var(--surface-2);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.sce-icon:hover:not(:disabled){background:var(--border)}.sce-icon:disabled{opacity:.4;cursor:not-allowed}.sce-icon.on{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.sce-icon.danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.sce-icon .material-symbols-outlined{font-size:19px}.sce-menu{position:absolute;z-index:40;top:44px;left:0;min-width:200px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 40px #0000002e;padding:6px}.sce-menu-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:none;background:transparent;padding:10px 12px;border-radius:8px;cursor:pointer;font-size:14px;color:var(--ink)}.sce-menu-item:hover{background:var(--surface-2)}.sce-select{width:auto;margin:0;padding:7px 10px;border-radius:9px;font-weight:600;font-size:14px}.sce-num{width:64px;margin:0;padding:7px 8px;border-radius:9px;font-size:14px}.sce-field{display:inline-flex;align-items:center;gap:6px}.sce-lbl{font-size:12px;color:var(--muted);font-weight:600}.sce-color{width:30px;height:30px;border-radius:8px;border:2px solid var(--border);cursor:pointer;position:relative;overflow:hidden;flex-shrink:0;display:inline-block}.sce-color input{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;width:200%;height:200%;border:none;padding:0;margin:0;cursor:pointer;opacity:0}.sce-swatches{display:inline-flex;gap:4px}.sce-swatch{width:22px;height:22px;border-radius:6px;border:1px solid var(--border);cursor:pointer;padding:0}.sce-stage-wrap{position:relative}.sce-stage-box{position:relative;width:100%;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);box-shadow:0 4px 16px #0000000f;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.sce-stage{position:absolute;top:0;left:0}.sce-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--muted);pointer-events:none;font-size:15px;padding:16px;text-align:center}.sce-el{cursor:move}.sce-el.sel{outline:2px solid var(--primary)}.sce-handle{position:absolute;width:14px;height:14px;background:#fff;border:2px solid var(--primary);border-radius:3px;z-index:5}.sce-handle.h-nw{left:-7px;top:-7px;cursor:nwse-resize}.sce-handle.h-n{left:calc(50% - 7px);top:-7px;cursor:ns-resize}.sce-handle.h-ne{right:-7px;top:-7px;cursor:nesw-resize}.sce-handle.h-e{right:-7px;top:calc(50% - 7px);cursor:ew-resize}.sce-handle.h-se{right:-7px;bottom:-7px;cursor:nwse-resize}.sce-handle.h-s{left:calc(50% - 7px);bottom:-7px;cursor:ns-resize}.sce-handle.h-sw{left:-7px;bottom:-7px;cursor:nesw-resize}.sce-handle.h-w{left:-7px;top:calc(50% - 7px);cursor:ew-resize}.sce-rotate{position:absolute;left:calc(50% - 13px);top:-40px;width:26px;height:26px;background:var(--primary);color:var(--on-primary);border-radius:999px;cursor:grab;z-index:6;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000040}.sce-rotate .material-symbols-outlined{font-size:16px}.add-item.tpl-item{display:flex;align-items:center;gap:10px}.add-item.tpl-item>div{flex-shrink:0;border:1px solid var(--border)}.stu-slide-wrap{width:min(100%,calc((100vh - 220px) * 16 / 9));margin:0 auto}.gs-editor{display:grid;grid-template-columns:230px 1fr;height:calc(100vh - 64px);overflow:hidden}.gs-editor.with-tpl{grid-template-columns:230px 1fr 300px}.gs-panel-title{font-weight:800;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.gs-pages{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.gs-pages-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border)}.gs-add-btn{width:32px;height:32px;border-radius:9px;border:1px solid var(--border);background:var(--primary);color:var(--on-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.gs-add-btn:hover:not(:disabled){background:var(--primary-strong)}.gs-add-btn:disabled{opacity:.5;cursor:not-allowed}.gs-page-list{flex:1;min-height:0;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.gs-page{display:flex;align-items:center;gap:8px;cursor:grab;border-radius:10px}.gs-page:active{cursor:grabbing}.gs-page.dragging{opacity:.4}.gs-page-num{font-weight:700;color:var(--muted);min-width:16px;font-size:12px;text-align:center}.gs-page-prev{position:relative;width:150px;aspect-ratio:16 / 9;border:2px solid var(--border);border-radius:8px;overflow:hidden;background:var(--surface);flex-shrink:0;display:flex;align-items:center;justify-content:center}.gs-page.active .gs-page-prev{border-color:var(--primary);box-shadow:0 0 0 2px var(--focus)}.gs-page-prev:hover .thumb-del{opacity:1}.gs-canvas{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg)}.gs-canvas-stage{flex:1;min-height:0;overflow:auto;padding:22px 26px}.gs-canvas-stage>*{max-width:1040px;margin:0 auto}.gs-notes{display:flex;align-items:center;gap:10px;padding:8px 16px;border-top:1px solid var(--border);background:var(--surface);flex-shrink:0}.gs-notes .material-symbols-outlined{color:var(--muted);font-size:20px}.gs-notes textarea{margin:0;border:none;background:transparent;resize:none;padding:6px 0;font-size:14px}.gs-notes textarea:focus{box-shadow:none}.gs-templates{background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.gs-tpl-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border)}.gs-close{width:30px;height:30px;border:none;background:transparent;color:var(--muted);border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.gs-close:hover{background:var(--surface-2);color:var(--ink)}.gs-tpl-list{flex:1;min-height:0;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:14px}.gs-tpl-card{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;padding:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:border-color .12s,box-shadow .12s,transform .05s}.gs-tpl-card:hover{border-color:var(--primary);box-shadow:0 4px 16px #00000014}.gs-tpl-card:active{transform:translateY(1px)}.gs-tpl-card>div{border-radius:8px;overflow:hidden;border:1px solid var(--border)}.gs-tpl-label{font-size:13px;font-weight:700;color:var(--ink);text-align:left}.gs-pages .add-menu{top:40px;right:0;left:auto;min-width:220px}@media(max-width:900px){.gs-editor,.gs-editor.with-tpl{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto}.gs-pages{border-right:none;border-bottom:1px solid var(--border)}.gs-page-list{flex-direction:row;overflow-x:auto}.gs-templates{position:fixed;top:0;right:0;bottom:0;width:min(320px,92vw);z-index:55;box-shadow:-8px 0 30px #0003}}.filter-bar{display:flex;flex-direction:column;gap:10px;margin:16px 0 18px}.filter-search{margin:0;max-width:420px}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1.5px solid var(--border);background:var(--surface);color:var(--ink);border-radius:999px;padding:7px 14px;font-size:14px;font-weight:600;cursor:pointer;transition:background .12s,border-color .12s}.chip:hover{background:var(--surface-2)}.chip.on{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.cat-badge{display:inline-block;font-size:12px;font-weight:700;border-radius:999px;padding:3px 11px;background:var(--primary-soft);color:var(--primary-strong)}.cat-badge.alt{background:var(--olive-soft);color:var(--olive)}.cat-badge.ghost{background:var(--surface-2);color:var(--muted)}.roster-table{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface)}.roster-row{display:grid;grid-template-columns:40px 1fr 110px 130px 110px;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--border)}.roster-row:first-child{border-top:none}.roster-head{background:var(--surface-2);color:var(--muted);font-size:13px;font-weight:700}.roster-name{display:flex;align-items:center;gap:10px;font-weight:600;overflow:hidden}@media(max-width:720px){.roster-row{grid-template-columns:28px 1fr auto}.roster-row>:nth-child(3),.roster-row>:nth-child(4){display:none}}img,svg,video{max-width:100%;height:auto}.shell-main>*{min-width:0}.topbar{flex-wrap:wrap;gap:8px}.topbar .row{flex-wrap:wrap;min-width:0}.share-menu{width:min(320px,calc(100vw - 32px));max-width:calc(100vw - 32px)}.add-menu{max-width:100%}.modal-overlay>.card{max-height:90vh;overflow-y:auto}.roster-table{overflow-x:auto}@media(max-width:1024px){.shell{grid-template-columns:200px 1fr}.shell-main{padding:22px}}@media(max-width:700px){.side-nav{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.side-nav::-webkit-scrollbar{display:none}.side-link{flex:0 0 auto}.side-link-hide-mobile{display:flex!important}}@media(max-width:560px){.shell-main{padding:14px 12px}h1{font-size:24px!important}.btn{padding:10px 14px;font-size:14px}.container{padding:16px}.between{gap:10px}}