@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#253236;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--ink:#253236;--ink-soft:#566569;--muted:#829094;--line:#e4e9e6;--line-strong:#d6dfda;--paper:#fff;--canvas:#f5f6f3;--accent:#f16f55;--accent-dark:#d95640;--accent-pale:#fff0eb;--teal:#4d8d82;--mint:#e4f1ec;--sun:#e7bb58;--nav:#fbfcfa;--shadow-sm:0 3px 14px #2339360b;--shadow-md:0 18px 54px #2339361c;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--font-display:"Manrope", "DM Sans", ui-sans-serif, system-ui, sans-serif;--ease-out:cubic-bezier(.22, 1, .36, 1);background:#f5f6f3;font-family:DM Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 65%, white);outline-offset:2px}button:disabled{cursor:not-allowed}::selection{color:#243133;background:#f8cbbd}#root{min-height:100vh}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{grid-template-columns:252px minmax(0,1fr);min-height:100vh;display:grid}.app-shell--editor{display:block}.sidebar{background:var(--nav);border-right:1px solid var(--line);z-index:10;flex-direction:column;height:100vh;padding:29px 18px 18px;display:flex;position:sticky;top:0}.brand-lockup{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;width:fit-content;padding:0;display:flex}.brand-mark{background:var(--accent);border-radius:10px;justify-content:center;align-items:end;gap:2.5px;width:31px;height:31px;padding:6px;display:flex;position:relative;transform:rotate(-5deg)}.brand-mark span{background:#fff9f2;border-radius:3px 3px 2px 2px;width:4px;transform:skew(-9deg)}.brand-mark span:first-child{height:10px}.brand-mark span:nth-child(2){height:15px}.brand-mark span:nth-child(3){height:12px}.brand-name{color:var(--ink);font:800 24px/.9 var(--font-display);letter-spacing:-1.3px;align-items:baseline;display:flex}.brand-period{color:var(--accent)}.brand-name small{color:#899695;letter-spacing:1px;margin-left:8px;font:700 8px/1 DM Sans,sans-serif}.sidebar-label{color:#a2aeaa;letter-spacing:1.25px;margin:54px 0 13px 11px;font-size:9px;font-weight:700}.primary-nav{gap:4px;display:grid}.nav-item{color:#6f7d7c;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;min-height:45px;padding:0 12px;font-size:13px;font-weight:600;transition:background .16s,color .16s;display:flex;position:relative}.nav-item:hover{color:var(--ink);background:#f1f4f0}.nav-item.is-active{color:#34564d;background:#edf3ee}.nav-item.is-active:before{content:"";background:var(--teal);border-radius:0 3px 3px 0;width:3px;position:absolute;top:12px;bottom:12px;left:0}.nav-count{color:#95a39f;width:21px;height:20px;font:600 9px var(--font-display);border:1px solid #dfe8e2;border-radius:6px;place-items:center;margin-left:auto;display:grid}.sidebar-bottom{margin-top:auto}.sidebar-separator{background:var(--line);height:1px;margin:17px 2px 14px}.account-row{align-items:center;gap:10px;padding:10px 7px 11px;display:flex}.avatar{color:#783b2f;width:36px;height:36px;font:700 12px var(--font-display);border-radius:50%;flex:none;place-items:center;display:grid}.avatar--coral{background:#f8c6b8}.avatar--small{cursor:pointer;border:0;width:33px;height:33px}.account-copy{gap:3px;min-width:0;display:grid}.account-copy strong{color:#344245;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.account-copy span{color:#899592;font-size:10px}.icon-button{color:#82908d;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:none;place-items:center;width:36px;height:36px;padding:0;transition:background .15s,color .15s;display:inline-grid}.icon-button:hover{color:var(--ink);background:#f0f3ef}.account-menu-wrap{flex:none;margin-left:auto;position:relative}.account-more{width:28px;height:28px}.account-more[aria-expanded=true]{color:var(--ink);background:#f0f3ef}.account-menu{z-index:20;background:#fff;border:1px solid #e5e9e6;border-radius:10px;min-width:164px;padding:5px;display:grid;position:absolute;bottom:calc(100% + 7px);right:0;box-shadow:0 8px 20px #21353121}.account-menu a{color:#a34f43;border-radius:6px;align-items:center;min-height:38px;padding:0 10px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.account-menu a:hover,.account-menu a:focus-visible{background:#fff3ef;outline:none}.sidebar-footnote{color:#9aa5a1;align-items:center;gap:8px;margin:15px 6px 2px;font-size:10px;display:flex}.cloud-dot{background:#7ba99a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #e7f1ec}.main-shell{width:100%;min-width:0;max-width:1560px;margin:0 auto;padding:0 clamp(25px,5.3vw,82px) 72px}.page-content{width:100%;max-width:1220px;margin:0 auto}.topbar{border-bottom:1px solid #e9edeb;justify-content:space-between;align-items:center;height:68px;display:flex}.breadcrumbs{color:#9aa5a2;align-items:center;gap:9px;font-size:11px;display:flex}.breadcrumbs strong{color:#586563;font-weight:600}.topbar-actions{align-items:center;gap:18px;display:flex}.live-chip{color:#70817c;align-items:center;gap:7px;font-size:10px;font-weight:600;display:inline-flex}.live-chip>span,.draft-status>span,.preview-indicator>span{background:#72a98e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #e7f2eb}.connection-banner{color:#94594b;background:#fff7f4;border:1px solid #f1d4cd;border-radius:9px;flex-wrap:wrap;align-items:center;gap:9px;margin:17px 0 0;padding:11px 14px;font-size:12px;display:flex}.connection-dot{background:#dc765f;border-radius:50%;width:7px;height:7px}.text-button{color:#995445;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;text-decoration:underline}.welcome-row{justify-content:space-between;align-items:end;gap:25px;padding:39px 0 25px;display:flex}.eyebrow{color:#78918a;letter-spacing:1.45px;font-size:9px;font-weight:700}.eyebrow-spark{color:var(--accent);margin-right:7px;font-size:13px}h1,h2,h3,p{margin-top:0}.welcome-row h1,.editor-heading h1,.simple-heading h1{color:var(--ink);font:750 clamp(27px, 3vw, 37px)/1.2 var(--font-display);letter-spacing:-1.25px;text-wrap:balance;margin:12px 0 7px}.welcome-subtitle,.simple-heading p{color:#75817f;margin:0;font-size:13px;line-height:1.6}.button{white-space:nowrap;cursor:pointer;min-height:41px;transition:transform .16s var(--ease-out), background .16s ease, border-color .16s ease, box-shadow .16s ease;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{opacity:.48}.button-primary{color:#fffaf7;background:var(--accent);box-shadow:0 4px 9px #da5f4526}.button-primary:hover:not(:disabled){background:var(--accent-dark);box-shadow:0 7px 15px #da5f4533}.button-create{min-height:43px;padding-inline:17px}.button-outline{color:#53635f;background:#fff;border-color:#dfe6e1}.button-outline:hover:not(:disabled){background:#fbfdfa;border-color:#c8d5cd}.button-compact{min-height:36px;padding-inline:11px;font-size:11px}.button-dark{color:#fffdf8;background:#2b393a}.button-dark:hover:not(:disabled){background:#1d2a2b}.button-link{color:#548275;background:0 0;min-height:35px;padding:0 2px}.button-link:hover:not(:disabled){color:#345d51}.button-quiet{color:#71807c;background:0 0}.button-quiet:hover:not(:disabled){background:#edf1ed}.button-ai{color:#8d6440;background:#fffaf1;border-color:#f0dfc8}.button-ai:hover:not(:disabled){background:#fff4e5}.hero-panel{border-radius:var(--radius-lg);background:#eaf2ed;border:1px solid #e0ece5;grid-template-columns:minmax(330px,.94fr) minmax(320px,1fr);min-height:269px;display:grid;position:relative;overflow:hidden}.hero-panel:before{content:"";opacity:.22;background-image:radial-gradient(#adc8b9 .75px,#0000 .75px);background-size:17px 17px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 24%,#000 100%);mask-image:linear-gradient(90deg,#0000 24%,#000 100%)}.hero-copy{z-index:1;align-self:center;padding:34px 25px 36px 37px;position:relative}.hero-kicker{color:#758c83;letter-spacing:1.3px;align-items:center;gap:8px;font-size:8px;font-weight:700;display:flex}.hero-kicker-mark{color:#fff;background:var(--teal);width:20px;height:20px;font:700 11px var(--font-display);border-radius:7px;place-items:center;display:grid}.hero-copy h2{color:#2c4140;font:750 clamp(24px, 2.5vw, 32px)/1.2 var(--font-display);letter-spacing:-.9px;margin:17px 0 9px}.hero-copy p{color:#667b74;max-width:355px;margin:0;font-size:12px;line-height:1.65}.hero-actions{flex-wrap:wrap;align-items:center;gap:15px;margin-top:22px;display:flex}.hero-actions .button{min-height:39px;font-size:11px}.hero-note{color:#7a8c84;align-items:center;gap:6px;font-size:10px;display:inline-flex}.hero-art{min-height:269px;position:relative}.orbit{border:1px solid #68948142;border-radius:50%;width:270px;height:165px;position:absolute;top:49%;left:51%;transform:translate(-50%,-50%)rotate(-23deg)}.orbit--two{width:230px;height:245px;transform:translate(-50%,-50%)rotate(31deg)}.question-ticket{background:#fffefa;border:1px solid #e6ebe7;border-radius:15px;width:214px;padding:14px;position:absolute;top:48px;left:50%;transform:translate(-48%)rotate(3deg);box-shadow:0 12px 30px #31504221}.ticket-top{color:#8b9a94;letter-spacing:.8px;justify-content:space-between;align-items:center;font-size:7px;font-weight:700;display:flex}.ticket-question{color:#293b3a;font:700 12px/1.35 var(--font-display);margin:12px 0}.ticket-option{color:#74817e;border:1px solid #e7ece8;border-radius:7px;align-items:center;gap:8px;min-height:25px;margin-top:5px;padding:0 8px;font-size:8px;display:flex}.ticket-option>span{color:#707e7a;background:#f0f2ed;border-radius:5px;place-items:center;width:15px;height:15px;font-weight:700;display:grid}.ticket-option--correct{color:#47786b;background:#edf7f0;border-color:#c4dfd2}.ticket-option--correct>span{color:#fff;background:#6fa28d}.ticket-option--correct svg{margin-left:auto}.floating-score{background:#fffaf0;border:1px solid #f0e1c5;border-radius:10px;grid-template-columns:20px auto;align-items:center;gap:0 4px;padding:8px 10px;display:grid;position:absolute;top:137px;left:calc(50% + 81px);transform:rotate(-6deg);box-shadow:0 8px 18px #594a251a}.score-star{color:#957332;background:#f3d987;border-radius:50%;grid-row:span 2;place-items:center;width:18px;height:18px;font-size:11px;display:grid}.floating-score strong{color:#60512e;font:800 12px var(--font-display)}.floating-score small{color:#9a8b66;font-size:7px}.hero-sticker{border-radius:50%;place-items:center;display:grid;position:absolute}.sticker--sun{color:#ba8740;background:#f6d983;width:28px;height:28px;font-size:15px;top:33px;right:18%}.sticker--star{color:#80a797;font-size:26px;bottom:31px;left:17%}.hero-confetti{border-radius:2px;width:8px;height:8px;position:absolute;transform:rotate(26deg)}.confetti--a{background:#e99679;bottom:44px;right:16%}.confetti--b{background:#d6b75b;width:6px;height:6px;top:62px;left:24%}.confetti--c{background:#84ae99;border-radius:50%;width:5px;height:5px;top:47px;right:24%}.section-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:17px;display:flex}.section-heading h2{color:#344344;font:700 17px/1.3 var(--font-display);letter-spacing:-.4px;margin:0 0 4px}.section-heading p{color:#87938f;margin:0;font-size:11px;line-height:1.45}.section-heading--stats{margin-top:29px}.update-note{color:#94a09b;align-items:center;gap:6px;padding-bottom:1px;font-size:9px;display:inline-flex}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.usage-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.stat-card{min-height:93px;box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e5eae6;border-radius:13px;grid-template-rows:auto auto auto;grid-template-columns:40px 1fr;align-items:center;column-gap:11px;padding:15px 16px;display:grid}.stat-icon{border-radius:12px;grid-row:1/span 3;place-items:center;width:38px;height:38px;display:grid}.stat-icon--mint{color:#4a8675;background:#e8f2ec}.stat-icon--peach{color:#c46c57;background:#fff0e9}.stat-icon--lavender{color:#777ca0;background:#f0eff8}.stat-label{color:#7a8783;font-size:10px}.stat-value{color:#344344;font:750 22px/1.1 var(--font-display);letter-spacing:-.6px}.stat-detail{color:#a0aaa6;font-size:9px}.quiz-section{margin-top:37px}.section-title-line{align-items:center;gap:9px;display:flex}.count-pill{color:#6e817a;background:#e9f0eb;border-radius:20px;place-items:center;min-width:21px;height:19px;padding:0 6px;font-size:9px;font-weight:700;display:grid}.list-tools{align-items:center;gap:8px;display:flex}.search-field{color:#9ca8a3;background:#fff;border:1px solid #e1e7e2;border-radius:8px;align-items:center;gap:6px;min-width:144px;height:36px;padding:0 9px;display:flex}.search-field input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:10px}.search-field input::placeholder{color:#a4aeaa}.search-field:focus-within{border-color:#87aa99;box-shadow:0 0 0 3px #6a9c821c}.quiz-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.quiz-card{min-width:0;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease, transform .2s var(--ease-out);background:#fff;border:1px solid #e4e9e5;border-radius:13px;overflow:visible}.quiz-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #23393617}.quiz-art{border-radius:12px 12px 0 0;height:112px;padding:10px;position:relative;overflow:visible}.quiz-art--sage{background:#d9e9df}.quiz-art--apricot{background:#f6e1d4}.quiz-art--blue{background:#dce9ed}.quiz-art--plum{background:#ebe2ee}.quiz-art-top{z-index:2;justify-content:space-between;align-items:center;display:flex;position:relative}.subject-chip{color:#526b61;background:#ffffff8f;border:1px solid #ffffff8c;border-radius:20px;padding:5px 8px;font-size:8px;font-weight:700}.quiz-art--apricot .subject-chip{color:#8c5f4c}.quiz-art--blue .subject-chip{color:#506975}.quiz-art--plum .subject-chip{color:#735c77}.card-menu-button{color:#60736d;width:28px;height:28px}.quiz-art-symbol{color:#4f7c6aa3;font:800 78px/.95 var(--font-display);position:absolute;bottom:4px;right:26px}.quiz-art--apricot .quiz-art-symbol{color:#d57e5d8c}.quiz-art--blue .quiz-art-symbol{color:#517f8d99}.quiz-art--plum .quiz-art-symbol{color:#8f6d978c}.quiz-art-decoration{border:1px solid #ffffff94;border-radius:50%;position:absolute}.quiz-art-decoration--one{width:79px;height:79px;top:35px;right:16px}.quiz-art-decoration--two{width:50px;height:50px;top:48px;right:44px}.card-menu{z-index:5;background:#fff;border:1px solid #e5e9e6;border-radius:10px;min-width:138px;padding:5px;display:grid;position:absolute;top:36px;right:7px;box-shadow:0 8px 20px #21353121}.card-menu button{color:#586663;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;height:34px;padding:0 8px;font-size:10px;display:flex}.card-menu button:hover{background:#f2f5f1}.card-menu .menu-danger{color:#b35d4f}.quiz-card-body{padding:13px 13px 10px}.quiz-title-row{align-items:center;gap:9px;display:flex}.quiz-title-row h3{color:#354445;font:700 13px/1.35 var(--font-display);letter-spacing:-.1px;text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.status-dot{background:#d4a857;border-radius:50%;flex:none;width:7px;height:7px}.status-dot--published{background:#71a889}.quiz-description{color:#94a09c;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 12px;font-size:9px;overflow:hidden}.quiz-card-meta{color:#7f8c88;align-items:center;gap:13px;padding-bottom:11px;font-size:9px;display:flex}.quiz-card-meta span{align-items:center;gap:5px;display:inline-flex}.quiz-card-meta svg{color:#9da9a4}.quiz-card-footer{border-top:1px solid #edf0ed;justify-content:space-between;align-items:center;padding-top:8px;display:flex}.quiz-updated{color:#a3ada9;font-size:8px}.quiz-actions{align-items:center;gap:4px;display:flex}.edit-icon-button{width:30px;height:30px}.button-play{color:#477564;background:#f0f6f1;border:1px solid #dfe9e2;border-radius:7px;gap:5px;min-height:29px;padding:0 10px;font-size:9px}.button-play:hover:not(:disabled){background:#e7f2e8;border-color:#c5ddce}.quiz-loading{gap:11px;padding:10px 0;display:grid}.skeleton-line{background:linear-gradient(90deg,#e9eeea,#f3f6f3,#e9eeea) 0 0/200% 100%;border-radius:12px;height:80px;animation:1.6s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.empty-state{text-align:center;justify-items:center;max-width:470px;margin:10px auto;padding:44px 20px 48px;display:grid}.empty-orbit{color:#5c8879;background:#eaf3ec;border:1px solid #d9e6de;border-radius:17px;place-items:center;width:48px;height:48px;margin-bottom:15px;display:grid;transform:rotate(-6deg)}.empty-state h3{color:#40504d;font:700 15px var(--font-display);margin:0 0 6px}.empty-state p{color:#87938e;max-width:355px;margin:0 0 17px;font-size:11px;line-height:1.6}.empty-state .button{min-height:37px;font-size:10px}.view-all{margin:14px auto 0;display:flex}.bottom-row{grid-template-columns:minmax(0,1.7fr) minmax(220px,.8fr);gap:14px;margin-top:35px;display:grid}.join-panel{background:#fff;border:1px solid #e4e9e5;border-radius:14px;grid-template-columns:38px minmax(150px,1fr) 116px auto;align-items:center;gap:12px;min-height:88px;padding:14px 16px;display:grid}.join-panel-icon{color:#b95f4d;background:#fff0e9;border-radius:12px;place-items:center;width:36px;height:36px;display:grid}.join-panel-copy h3{color:#3c4b49;font:700 11px var(--font-display);margin:0 0 3px}.join-panel-copy p{color:#8b9792;margin:0;font-size:9px;line-height:1.4}.pin-entry input{color:#4b5e59;text-align:center;width:100%;height:38px;font:700 14px var(--font-display);letter-spacing:1px;background:#fbfcfb;border:1px solid #e1e8e3;border-radius:8px;padding:0 9px}.pin-entry input::placeholder{color:#c0cac4}.join-button{min-height:38px;padding-inline:12px;font-size:10px}.tip-panel{background:#fffaf0;border:1px solid #eee8d7;border-radius:14px;align-items:center;gap:12px;padding:15px;display:flex}.tip-illustration{color:#8f7836;background:#f6df9b;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.tip-label{color:#a18e5e;letter-spacing:1px;font-size:7px;font-weight:700}.tip-panel p{color:#756b4d;margin:4px 0 0;font-size:9px;line-height:1.5}.main-shell--editor{padding-top:0}.editor-topbar{border-bottom:1px solid #e9edeb;justify-content:space-between;align-items:center;height:68px;display:flex}.back-link{color:#71807c;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:11px;display:inline-flex}.back-link:hover{color:#394b47}.draft-status{color:#788680;align-items:center;gap:7px;font-size:10px;display:inline-flex}.draft-status>span{background:#d4a857;width:6px;height:6px;box-shadow:0 0 0 3px #f7efdc}.editor-heading{justify-content:space-between;align-items:end;gap:20px;padding:30px 0 25px;display:flex}.editor-heading h1{margin:9px 0 5px}.editor-heading p{color:#84918d;margin:0;font-size:11px}.editor-heading-actions{gap:8px;display:flex}.editor-heading-actions .button{min-height:38px;font-size:10px}.editor-layout{grid-template-columns:minmax(0,1fr) 262px;align-items:start;gap:25px;display:grid}.editor-main-column{min-width:0}.editor-block{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e5ebe6;border-radius:14px;padding:20px 21px 22px}.editor-block-heading{align-items:start;gap:11px;margin-bottom:17px;display:flex}.step-index{color:#528477;width:25px;height:25px;font:700 9px var(--font-display);background:#eaf3ed;border-radius:8px;flex:none;place-items:center;display:grid}.editor-block-heading h2{color:#394945;font:700 14px var(--font-display);margin:1px 0 3px}.editor-block-heading p{color:#8c9993;margin:0;font-size:9px}.field-label{color:#55635f;gap:7px;margin-bottom:14px;font-size:10px;font-weight:600;display:grid}.field-label:last-child{margin-bottom:0}.field-label input,.field-label textarea,.field-label select{color:#384744;background:#fff;border:1px solid #e1e7e2;border-radius:8px;outline:0;width:100%;min-height:38px;padding:0 11px;font-size:11px;font-weight:400;transition:border .15s,box-shadow .15s}.field-label textarea{resize:vertical;min-height:64px;padding:10px 11px;line-height:1.5}.field-label input::placeholder,.field-label textarea::placeholder{color:#b1bbb6}.field-label input:focus,.field-label textarea:focus,.field-label select:focus{border-color:#8bb2a0;box-shadow:0 0 0 3px #679c821c}.field-label select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#80918a 50%),linear-gradient(135deg,#80918a 50%,#0000 50%);background-position:calc(100% - 15px) 16px,calc(100% - 11px) 16px;background-repeat:no-repeat;background-size:4px 4px,4px 4px}.optional-label{color:#a2ada7;letter-spacing:.8px;margin-left:4px;font-size:7px;font-weight:700}.form-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}.form-row>.field-label{align-self:start}.form-row>.field-label input{height:38px}.quiz-details-block .field-label--select{max-width:200px;margin-bottom:0}.question-list-heading{justify-content:space-between;align-items:end;margin:25px 0 12px;display:flex}.question-list-heading .editor-block-heading{margin:0}.question-count{color:#8b9893;padding-bottom:3px;font-size:9px}.question-editor-list{gap:13px;display:grid}.question-editor-card{box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e5ebe6;border-radius:13px;padding:14px 16px 15px}.question-editor-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.question-number{color:#95a39e;letter-spacing:1.1px;font-size:8px;font-weight:700}.question-top-actions{align-items:center;gap:5px;display:flex}.time-select{color:#7b8983;border:1px solid #e8ede9;border-radius:7px;align-items:center;gap:4px;padding:4px 7px;display:inline-flex}.time-select select{color:#697973;cursor:pointer;background:0 0;border:0;outline:0;font-size:9px}.remove-question{width:27px;height:27px}.remove-question:disabled{opacity:.35}.question-prompt-input{color:#334440;width:100%;min-height:51px;font:650 14px/1.45 var(--font-display);resize:vertical;background:0 0;border:0;border-bottom:1px solid #edf0ed;outline:0;padding:0 0 10px}.question-prompt-input::placeholder{color:#b3bdb7;font-weight:500}.question-prompt-input:focus{border-color:#9cbcac}.answer-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:11px;display:grid}.answer-field{background:#fff;border:1px solid #e4eae5;border-radius:8px;align-items:center;gap:7px;min-width:0;height:39px;padding:0 7px;transition:border .15s,background .15s;display:flex}.answer-field:focus-within{border-color:#a1bcae}.answer-field--correct{background:#f5faf5;border-color:#b8d6c4}.answer-letter{color:#fff;width:22px;height:22px;font:700 9px var(--font-display);background:#74a494;border-radius:7px;flex:none;place-items:center;display:grid}.answer-letter--1{background:#e7a06d}.answer-letter--2{background:#829db6}.answer-letter--3{background:#b58ba9}.answer-field input{color:#586763;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:0;font-size:9px}.answer-field input::placeholder{color:#b3bdb8}.correct-toggle{color:#fff;cursor:pointer;background:0 0;border:1px solid #d9e3dc;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;padding:0;display:grid}.answer-field--correct .correct-toggle{background:#68a585;border-color:#68a585}.explanation-field{color:#7c8b86;gap:5px;margin-top:11px;font-size:8px;display:grid}.explanation-field input{color:#576761;background:0 0;border:0;outline:0;width:100%;padding:0;font-size:9px}.explanation-field input::placeholder{color:#b4bdb9}.add-question-button{color:#5c8878;text-align:left;cursor:pointer;background:#f7faf7;border:1px dashed #cfded4;border-radius:10px;align-items:center;gap:9px;width:100%;min-height:52px;margin-top:12px;padding:0 15px;font-size:10px;font-weight:600;display:flex}.add-question-button:hover{background:#f1f7f2;border-color:#91b5a1}.add-question-button>span{background:#e7f1e9;border-radius:7px;place-items:center;width:25px;height:25px;display:grid}.editor-side-column{gap:13px;display:grid;position:sticky;top:18px}.preview-card{background:#f9fbf9;border:1px solid #e2e9e4;border-radius:13px;padding:13px}.preview-card-top{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.preview-indicator{color:#91a09a;letter-spacing:.85px;align-items:center;gap:6px;font-size:7px;font-weight:700;display:inline-flex}.preview-indicator>span{width:5px;height:5px;box-shadow:none;background:#d5ab61}.preview-device{color:#91a09a;align-items:center;gap:4px;font-size:8px;display:inline-flex}.preview-question-number{color:#8da198;letter-spacing:.7px;font-size:7px;font-weight:700}.preview-question-number span{color:#b1bbb4}.preview-question-text{color:#3a4c47;min-height:48px;font:700 12px/1.35 var(--font-display);margin:7px 0 9px}.preview-answers{gap:5px;display:grid}.preview-answer{color:#73817a;text-overflow:ellipsis;white-space:nowrap;background:#fff;border:1px solid #e6ebe6;border-radius:7px;min-height:27px;padding:7px 8px;font-size:8px;overflow:hidden}.preview-answer--0{color:#fff;background:#e99372;border-color:#e9a085}.preview-answer--1{color:#fff;background:#7fa793;border-color:#80a78f}.preview-answer--2{color:#fff;background:#879fb6;border-color:#85a1ba}.preview-answer--3{color:#fff;background:#b08aa2;border-color:#b38ca8}.preview-footer{color:#8d9b94;font:800 10px var(--font-display);justify-content:space-between;align-items:center;margin-top:12px;display:flex}.preview-dots{gap:4px;display:flex}.preview-dots i{background:#dce6df;border-radius:50%;width:5px;height:5px}.preview-dots i:first-child{background:#80a990}.editor-tip{background:#fffbf4;border:1px solid #f1e5d5;border-radius:12px;align-items:start;gap:10px;padding:13px;display:flex}.editor-tip-icon{color:#aa813b;background:#f8eac9;border-radius:8px;flex:none;place-items:center;width:25px;height:25px;display:grid}.editor-tip strong{color:#76633f;font:700 9px var(--font-display);margin:1px 0 4px;display:block}.editor-tip p{color:#958765;margin:0;font-size:8px;line-height:1.5}.editor-checklist{background:#fff;border:1px solid #e5ebe6;border-radius:12px;padding:14px}.editor-checklist h3{color:#53625d;font:700 10px var(--font-display);margin:0 0 11px}.editor-checklist p{color:#8a9791;align-items:center;gap:7px;margin:8px 0 0;font-size:8px;display:flex}.editor-checklist p svg{color:#79a38a}.editor-mobile-save{display:none}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#18282666;place-items:center;padding:20px;animation:.16s ease-out fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.ai-modal{width:min(100%,470px);max-height:min(700px,90dvh);box-shadow:var(--shadow-md);animation:modal-in .24s var(--ease-out);background:#fffefa;border:1px solid #e8ede8;border-radius:19px;padding:27px 29px 24px;position:relative;overflow-y:auto}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-close{position:absolute;top:14px;right:14px}.ai-modal-icon{color:#a77c39;background:#f9e9c2;border-radius:14px;place-items:center;width:43px;height:43px;margin-bottom:17px;display:grid}.ai-modal h2{color:#344441;font:750 23px var(--font-display);letter-spacing:-.6px;margin:8px 0 5px}.ai-modal-intro{color:#84908b;margin:0 0 19px;font-size:10px;line-height:1.5}.ai-modal .field-label{margin-bottom:13px}.ai-modal .field-label input,.ai-modal .field-label select{min-height:41px}.ai-modal-actions{justify-content:end;gap:7px;margin-top:20px;display:flex}.ai-modal small{color:#9aa49e;text-align:center;margin-top:14px;font-size:8px;display:block}.inline-error{color:#a75545;background:#fff5f1;border:1px solid #f0d5ce;border-radius:7px;margin:4px 0 0;padding:9px 10px;font-size:10px;line-height:1.4}.simple-page{padding-bottom:60px}.simple-heading{padding:39px 0 27px}.simple-heading h1{margin-top:10px}.history-table{background:#fff;border:1px solid #e2e9e4;border-radius:13px;overflow:hidden}.history-table-head,.history-table-row{grid-template-columns:minmax(170px,1.3fr) 90px 1fr 100px 100px;align-items:center;gap:15px;padding:12px 17px;display:grid}.history-table-head{color:#9ba7a1;letter-spacing:.8px;background:#fafcf9;font-size:8px;font-weight:700}.history-table-row{color:#788580;border-top:1px solid #eef1ed;min-height:56px;font-size:10px}.history-table-row strong{color:#465551;font:700 11px var(--font-display)}.history-pin{color:#758780;font:650 10px var(--font-display);letter-spacing:.7px}.history-status{color:#70887a;background:#edf4ed;border-radius:20px;width:fit-content;padding:4px 7px;font-size:8px}.history-status--lobby{color:#9a7d42;background:#faf2de}.settings-card{background:#fff;border:1px solid #e3e9e4;border-radius:14px;max-width:700px;padding:0 21px}.settings-section-head{align-items:center;gap:13px;padding:20px 0;display:flex}.settings-section-head h2{color:#3f504b;font:700 13px var(--font-display);margin:0 0 4px}.settings-section-head p{color:#88958f;margin:0;font-size:9px}.role-pill{color:#567d6e;background:#edf5ee;border-radius:20px;margin-left:auto;padding:6px 9px;font-size:8px;font-weight:700}.settings-detail-row{border-top:1px solid #edf1ed;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;display:flex}.settings-detail-row>div{gap:4px;display:grid}.settings-detail-row strong{color:#52615c;font-size:10px}.settings-detail-row span{color:#929e98;font-size:9px}.settings-ok{flex:none;align-items:center;gap:4px;display:inline-flex;color:#698e79!important}.settings-notice{color:#8a784b;background:#fbf5e7;border-radius:9px;align-items:center;gap:9px;max-width:700px;margin-top:13px;padding:11px 13px;font-size:9px;display:flex}.usage-heading-row{justify-content:space-between;align-items:end;gap:22px;display:flex}.usage-heading-row .simple-heading{min-width:0}.usage-range{background:#f7f9f6;border:1px solid #e2e9e4;border-radius:10px;flex:none;gap:3px;margin-bottom:31px;padding:3px;display:inline-flex}.usage-range button{color:#788680;cursor:pointer;background:0 0;border:0;border-radius:7px;min-height:34px;padding:0 11px;font-size:10px;font-weight:650}.usage-range button:hover{color:#3f5c50}.usage-range button:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.usage-range button.is-selected{color:#36594e;background:#fff;box-shadow:0 1px 4px #2138311a}.usage-section-heading{margin:0 0 13px}.usage-stats-grid .stat-card{min-width:0}.usage-admin-section{margin-top:34px}.usage-admin-section .section-heading{margin-bottom:13px}.usage-table-wrap{background:#fff;border:1px solid #e2e9e4;border-radius:13px;overflow-x:auto}.usage-table{border-collapse:collapse;text-align:left;width:100%;min-width:710px}.usage-table thead{color:#9ba7a1;letter-spacing:.7px;background:#fafcf9;font-size:8px}.usage-table th,.usage-table td{white-space:nowrap;border-bottom:1px solid #eef1ed;padding:13px 16px}.usage-table thead th{font-size:8px;font-weight:700}.usage-table thead th:first-child{z-index:2;background:#fafcf9;position:sticky;left:0}.usage-table tbody th{color:#465551;align-items:center;gap:9px;font-size:10px;font-weight:650;display:flex}.usage-table tbody th[scope=row]{z-index:1;background:#fff;position:sticky;left:0}.usage-table tbody td{color:#788580;font-size:10px}.usage-table tbody tr:last-child th,.usage-table tbody tr:last-child td{border-bottom:0}.usage-admin-avatar{color:#783b2f;width:30px;height:30px;font:700 9px var(--font-display);background:#f8c6b8;border-radius:50%;flex:none;place-items:center;display:grid}.usage-admin-email{text-overflow:ellipsis;overflow:hidden}.usage-no-activity{color:#9aa5a1}.usage-footnote{color:#929e98;max-width:760px;margin:12px 0 0;font-size:9px;line-height:1.55}.usage-error{margin-bottom:15px}.usage-loading .skeleton-line{height:48px}.live-shell{background:#f4f6f3;min-height:100vh}.live-topbar{background:#fff;border-bottom:1px solid #e4e9e5;justify-content:space-between;align-items:center;height:64px;padding:0 clamp(18px,4vw,60px);display:flex}.brand-lockup--compact{gap:8px}.brand-lockup--compact .brand-mark{border-radius:9px;width:27px;height:27px;padding:5px}.brand-lockup--compact .brand-name{font-size:20px}.live-session-label{color:#85918c;align-items:center;gap:13px;font-size:10px;display:flex}.live-session-label .live-chip{color:#56816d}.live-session-divider{background:#e2e9e3;width:1px;height:15px}.live-topbar>.button{min-height:34px;padding-inline:10px;font-size:10px}.live-wait-state{color:#87938e;text-align:center;align-content:center;justify-items:center;min-height:calc(100vh - 64px);display:grid}.live-wait-state h2{color:#3b4b47;font:700 17px var(--font-display);margin:16px 0 5px}.live-wait-state p{margin:0;font-size:10px}.loading-spinner{border:2px solid #e3e9e4;border-top-color:#75a18b;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.host-content{max-width:1240px;margin:0 auto;padding:35px clamp(18px,4vw,42px) 48px}.host-game-heading{justify-content:space-between;align-items:end;gap:25px;margin-bottom:24px;display:flex}.host-game-heading h1{color:#334341;max-width:690px;font:750 clamp(23px, 3vw, 31px)/1.22 var(--font-display);letter-spacing:-.8px;margin:9px 0 6px}.host-game-heading p{color:#84918b;margin:0;font-size:10px}.host-progress{grid-template-columns:45px 115px;align-items:center;gap:4px 9px;padding-bottom:2px;display:grid}.host-progress>span{color:#3f5f55;font:750 20px var(--font-display);grid-row:span 2}.host-progress i{color:#a0ada5;font-size:10px;font-style:normal}.progress-track,.player-progress-track{background:#e4ebe5;border-radius:9px;height:5px;overflow:hidden}.progress-track>div,.player-progress-track>div{border-radius:inherit;background:#78a58e;height:100%;transition:width .25s}.host-progress small{color:#9aa59f;font-size:8px}.host-layout{grid-template-columns:minmax(0,1.6fr) minmax(240px,.7fr);gap:15px;display:grid}.host-primary-panel,.host-sidebar-panel{min-height:400px;box-shadow:var(--shadow-sm);background:#fff;border:1px solid #e3eae4;border-radius:16px}.lobby-content,.host-question-view,.host-results-view{flex-direction:column;min-height:400px;padding:24px 24px 20px;display:flex}.pin-display{justify-items:center;padding:19px 0 11px;display:grid}.pin-display>span{color:#98a49f;letter-spacing:1.2px;font-size:8px;font-weight:700}.pin-display strong{color:#344844;font:800 clamp(34px, 5vw, 48px)/1 var(--font-display);letter-spacing:5px;margin:6px 0 4px}.pin-display button{color:#67907e;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:5px;font-size:9px;display:inline-flex}.lobby-url{color:#94a09a;text-align:center;font-size:9px}.lobby-url strong{color:#64766f;font-weight:700}.lobby-separator{background:#edf1ed;height:1px;margin:20px 0 17px}.player-list-heading{align-items:center;gap:8px;display:flex}.player-list-heading h2,.host-sidebar-title h2{color:#43524e;font:700 12px var(--font-display);margin:0}.player-list-heading span{color:#628271;background:#edf4ed;border-radius:12px;place-items:center;min-width:20px;height:18px;padding:0 5px;font-size:9px;font-weight:700;display:grid}.host-player-grid{flex-wrap:wrap;align-content:start;gap:8px;margin-top:13px;display:flex}.host-player-chip{color:#66746e;border:1px solid #e8ede9;border-radius:20px;align-items:center;gap:6px;min-height:34px;padding:4px 8px 4px 5px;font-size:9px;display:flex}.player-avatar{color:#fff;width:25px;height:25px;font:700 8px var(--font-display);border-radius:50%;flex:none;place-items:center;display:grid}.player-avatar--0{background:#7da58e}.player-avatar--1{background:#df9b79}.player-avatar--2{background:#849fb8}.player-avatar--3{background:#b28da8}.player-avatar--4{background:#bea058}.connected-indicator{background:#7eb18f;border-radius:50%;width:6px;height:6px;margin-left:2px}.empty-players{color:#99a59f;text-align:center;flex:1;align-content:center;justify-items:center;gap:7px;padding:23px 10px;display:grid}.empty-players-icon{color:#6d9a83;background:#eff6ef;border-radius:13px;place-items:center;width:39px;height:39px;margin-bottom:3px;display:grid}.empty-players strong{color:#65756f;font:700 10px var(--font-display)}.empty-players span{font-size:9px}.host-primary-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:19px;display:flex}.host-hint{color:#91a099;font-size:9px}.button-large{min-height:41px;padding-inline:15px;font-size:10px}.host-sidebar-panel{flex-direction:column;padding:20px 16px 14px;display:flex}.host-sidebar-title{border-bottom:1px solid #edf1ed;justify-content:space-between;align-items:center;padding-bottom:15px;display:flex}.host-live-dot{background:#78ad8c;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #eaf4ec}.leaderboard-list{flex:1;align-content:start;gap:2px;padding-top:8px;display:grid}.leaderboard-row{border-radius:8px;grid-template-columns:18px 28px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:47px;padding:0 10px;display:grid}.leaderboard-row--first{background:#fbf7e9}.leaderboard-rank{color:#97a39d;text-align:left;font:700 9px var(--font-display)}.leaderboard-row--first .leaderboard-rank{color:#a98e42}.leaderboard-name{color:#67756f;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.leaderboard-row>strong{color:#485954;font:700 10px var(--font-display)}.leaderboard-empty{color:#9aa69f;text-align:center;flex:1;align-content:center;justify-items:center;padding:10px;display:grid}.leaderboard-empty svg{color:#b6a16c}.leaderboard-empty p{max-width:165px;margin:9px 0 0;font-size:9px;line-height:1.5}.host-sidebar-footer{color:#a0aaa5;border-top:1px solid #edf1ed;justify-content:space-between;align-items:center;padding-top:12px;font-size:8px;display:flex}.host-sidebar-footer span:first-child{color:#7c8b85;align-items:center;gap:5px;display:flex}.host-question-view{padding-top:19px}.question-time-bar{color:#96a29d;letter-spacing:.8px;justify-content:space-between;align-items:center;font-size:8px;font-weight:700;display:flex}.question-time-bar strong{color:#567d6e;font:700 12px var(--font-display);letter-spacing:0}.question-time-bar i{color:#abb5b0;font-style:normal}.host-answer-grid{grid-template-columns:1fr 1fr;gap:10px;margin:19px 0;display:grid}.host-answer{color:#fff;border:1px solid #0000;border-radius:10px;grid-template-columns:27px 1fr;align-items:center;gap:2px 8px;min-height:68px;padding:10px;display:grid}.host-answer--0{background:#e88e72}.host-answer--1{background:#78a38b}.host-answer--2{background:#809eb8}.host-answer--3{background:#ad88a7}.host-answer-key{width:24px;height:24px;color:inherit;font:700 10px var(--font-display);background:#ffffff30;border-radius:8px;grid-row:span 2;place-items:center;display:grid}.host-answer strong{font:650 9px/1.3 var(--font-display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.host-answer>span:last-child{color:#ffffffbd;font-size:7px}.host-results-view .host-answer{opacity:.68}.host-results-view .host-answer.is-correct{opacity:1;border-color:#83ac91;box-shadow:0 0 0 2px #d5e8d9}.results-callout{background:#f2f8f1;border:1px solid #d5e8d8;border-radius:10px;align-items:start;gap:10px;padding:12px;display:flex}.results-correct-mark{color:#fff;background:#75a789;border-radius:9px;flex:none;place-items:center;width:29px;height:29px;display:grid}.results-callout>div{gap:4px;display:grid}.results-callout span:not(.results-correct-mark){color:#83a08b;letter-spacing:.8px;font-size:7px;font-weight:700}.results-callout strong{color:#45694f;font:700 11px var(--font-display)}.results-callout p{color:#829889;margin:1px 0 0;font-size:8px;line-height:1.4}.podium-view{text-align:center;align-content:center;justify-items:center;min-height:400px;padding:25px;display:grid;position:relative;overflow:hidden}.podium-star{color:#d3ad56;margin-bottom:9px;font-size:30px;display:block}.podium-view h2{color:#40524c;font:750 23px var(--font-display);letter-spacing:-.6px;margin:8px 0 5px}.podium-view>p{color:#91a099;margin:0;font-size:10px}.podium-list{text-align:left;gap:8px;width:min(100%,390px);margin-top:24px;display:grid}.podium-row{background:#fff;border:1px solid #e8ece8;border-radius:11px;align-items:center;gap:10px;padding:10px 12px;display:flex}.podium-row--0{background:#fffaf0;border-color:#eee3c1}.podium-position{color:#8f7939;width:24px;height:24px;font:750 10px var(--font-display);background:#f2df9a;border-radius:8px;place-items:center;display:grid}.podium-row--1 .podium-position{color:#68777a;background:#e6ebec}.podium-row--2 .podium-position{color:#9b6c50;background:#f3e0d1}.podium-name{gap:2px;display:grid}.podium-name strong{color:#52625d;font-size:10px}.podium-name small{color:#9aa49f;font-size:8px}.podium-score{color:#68766f;font:700 10px var(--font-display);margin-left:auto}.player-entry-page,.player-game-page{background:#eff4ef radial-gradient(#bed2c3 .7px,#0000 .7px) 0 0/20px 20px;flex-direction:column;align-items:center;min-height:100vh;padding:25px 18px 20px;display:flex}.player-entry-brand{align-self:flex-start;align-items:center;gap:8px;display:flex}.player-entry-brand .brand-name{font-size:21px}.player-entry-brand .brand-mark{border-radius:9px;width:27px;height:27px;padding:5px}.player-entry-card{background:#fffefa;border:1px solid #e1e9e2;border-radius:21px;width:min(100%,390px);margin:auto;padding:30px 30px 25px;position:relative;overflow:hidden;box-shadow:0 18px 50px #2d46371a}.player-entry-decoration{color:#c5d9ca;position:absolute}.player-entry-decoration--one{font-size:24px;top:24px;right:26px}.player-entry-decoration--two{color:#ebbd75;font-size:16px;top:62px;right:58px}.player-entry-icon{color:#fff;background:#70a286;border-radius:15px;place-items:center;width:43px;height:43px;margin-bottom:18px;display:grid}.player-entry-card h1{color:#31433d;font:750 25px var(--font-display);letter-spacing:-.7px;margin:8px 0 6px}.player-entry-card>p{color:#87938d;max-width:270px;margin:0 0 22px;font-size:10px;line-height:1.55}.player-entry-card .field-label{margin-bottom:14px}.player-entry-card .field-label input{min-height:43px}.player-entry-card .field-label:first-child input{text-align:center;font:750 15px var(--font-display);letter-spacing:2.5px}.button-full{width:100%;min-height:43px;margin-top:4px}.button-join-play{letter-spacing:.1px;border-radius:13px;min-height:58px;margin-top:8px;font-size:16px;box-shadow:0 8px 18px #da5f4540}.button-join-play:hover:not(:disabled){box-shadow:0 10px 22px #da5f454d}.button-join-play:focus-visible{outline-offset:3px;outline:3px solid #2b393a}.entry-footer{color:#8a9790;cursor:pointer;background:0 0;border:0;margin-top:17px;padding:5px;font-size:9px}.entry-footer strong{color:#5c8372;margin-left:4px}.player-game-page{background-color:#eff4ef;padding:0 16px 20px;position:relative}.player-game-topbar{border-bottom:1px solid #c4d5c8b3;justify-content:space-between;align-items:center;width:min(100%,700px);height:61px;display:flex}.player-game-info{align-items:center;gap:13px;display:flex}.player-game-pin{color:#70877a;font:700 9px var(--font-display);letter-spacing:.8px}.player-live-state{color:#a0aba3;align-items:center;gap:5px;font-size:8px;display:flex}.player-live-state i{background:#d1a26c;border-radius:50%;width:6px;height:6px}.player-live-state i.is-online{background:#79ac89}.player-game-card,.player-question-card{background:#fffefa;border:1px solid #e1e9e2;border-radius:18px;width:min(100%,525px);margin:auto;box-shadow:0 14px 40px #2d463714}.player-wait-card{text-align:center;justify-items:center;padding:32px clamp(18px,6vw,40px);display:grid}.player-wait-card h1,.player-result-card h1,.player-finish-card h1{color:#344640;font:750 23px/1.2 var(--font-display);letter-spacing:-.6px;margin:7px 0}.player-wait-card>p,.player-result-card>p,.player-finish-card>p{color:#8d9992;max-width:320px;margin:0;font-size:10px;line-height:1.55}.waiting-illustration{color:#6a9b80;background:#edf6ed;border:1px solid #e1eddf;border-radius:22px;place-items:center;width:63px;height:63px;margin-bottom:16px;display:grid;position:relative;transform:rotate(-5deg)}.waiting-dot{background:#e5ad6e;border:2px solid #fffefa;border-radius:50%;width:11px;height:11px;position:absolute}.waiting-dot--one{top:-2px;right:5px}.waiting-dot--two{background:#d47f69;width:7px;height:7px;bottom:3px;left:-2px}.waiting-roster{color:#8d9992;background:#f3f6f1;border-radius:22px;align-items:center;gap:7px;margin-top:21px;padding:8px 13px;font-size:9px;display:flex}.roster-avatars{padding-left:2px;display:flex}.roster-avatars .player-avatar{border:2px solid #f3f6f1;width:22px;height:22px;margin-left:-4px;font-size:7px}.waiting-roster strong{color:#597268;font:700 11px var(--font-display)}.player-wait-tip{color:#d0aa58;align-items:center;gap:5px;margin-top:24px;font-size:11px;display:flex}.player-wait-tip span{color:#9a987e;font-size:8px}.player-question-card{padding:19px}.player-question-meta{color:#718c7d;letter-spacing:.9px;justify-content:space-between;align-items:center;font-size:8px;font-weight:700;display:flex}.player-question-meta i{color:#a4b0a8;font-style:normal}.player-timer{color:#8b7646;letter-spacing:0;background:#fbf2dd;border-radius:16px;align-items:center;gap:4px;padding:5px 8px;display:inline-flex}.player-progress-track{height:4px;margin:10px 0 18px}.player-question-card h1{color:#344640;font:750 clamp(19px, 4vw, 25px)/1.3 var(--font-display);letter-spacing:-.4px;text-wrap:balance;margin:0 0 20px}.player-answer-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.player-answer-option{color:#fff;text-align:left;cursor:pointer;min-height:57px;transition:transform .15s var(--ease-out), box-shadow .15s ease;border:1px solid #0000;border-radius:10px;align-items:center;gap:9px;padding:8px 10px;display:flex}.player-answer-option:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #293a331f}.player-answer-option:disabled{cursor:default}.player-answer-option--0{background:#e88e72}.player-answer-option--1{background:#77a38a}.player-answer-option--2{background:#819fb8}.player-answer-option--3{background:#ad88a7}.player-answer-option.is-selected{outline-offset:2px;outline:3px solid #f6dc89}.player-option-letter{width:24px;height:24px;font:750 9px var(--font-display);background:#fff3;border-radius:8px;flex:none;place-items:center;display:grid}.player-answer-option strong{text-overflow:ellipsis;font-size:10px;overflow:hidden}.player-answer-option svg{flex:none;margin-left:auto}.player-answer-help{color:#98a39d;text-align:center;margin-top:15px;font-size:8px}.player-result-card{text-align:center;justify-items:center;padding:29px 25px 23px;display:grid}.answer-result-symbol{color:#fff;border-radius:18px;place-items:center;width:54px;height:54px;margin-bottom:15px;display:grid;transform:rotate(-4deg)}.answer-result-symbol.is-correct{background:#70a284}.answer-result-symbol.is-wrong{background:#e08d76}.correct-answer-reveal{color:#52755d;background:#f2f8f1;border:1px solid #d6e8d9;border-radius:8px;margin:13px 0 9px;padding:9px 13px;font-size:11px;font-weight:700}.player-result-card>p{margin-bottom:16px}.player-score-strip{background:#fafcf9;border:1px solid #ebefeb;border-radius:10px;grid-template-columns:1fr 1fr;width:100%;display:grid}.player-score-strip>div{gap:4px;padding:12px;display:grid}.player-score-strip>div+div{border-left:1px solid #e8ede8}.player-score-strip small{color:#9ca8a1;letter-spacing:.8px;font-size:7px;font-weight:700}.player-score-strip strong{color:#52675e;font:750 17px var(--font-display)}.results-wait-copy{color:#a0aaa4;margin-top:15px;font-size:8px}.player-finish-card{text-align:center;justify-items:center;padding:31px 24px;display:grid}.player-finish-card .podium-star{margin-bottom:12px}.finish-score{color:#4f7864;font:800 38px var(--font-display);letter-spacing:-1.2px;margin:9px 0 16px}.finish-score span{color:#91a197;letter-spacing:0;font-size:14px}.finish-podium{gap:7px;width:100%;margin-bottom:16px;display:grid}.finish-podium span{color:#65746d;text-align:left;background:#f7f9f6;border-radius:8px;align-items:center;gap:7px;padding:7px 10px;font-size:9px;display:flex}.finish-podium i{color:#957b34;background:#f0df9f;border-radius:6px;place-items:center;width:18px;height:18px;font-style:normal;font-weight:700;display:grid}.player-game-footer{color:#9aa69e;margin-top:auto;padding:12px 0 0;font-size:8px}.player-game-footer strong{color:#72877b;font:800 10px var(--font-display);margin-left:3px}.player-error-icon{color:#a75b4d;background:#fff0eb;border-radius:14px;place-items:center;width:44px;height:44px;margin-bottom:13px;display:grid}.toast{z-index:50;color:#536960;max-width:min(440px,100vw - 32px);min-height:47px;animation:toast-in .22s var(--ease-out);background:#fffefa;border:1px solid #dbe8de;border-radius:11px;align-items:center;gap:10px;padding:8px 12px;font-size:10px;display:flex;position:fixed;bottom:20px;right:22px;box-shadow:0 12px 30px #21383126}@keyframes toast-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.toast--error{color:#995c4f;border-color:#efd9d2}.toast-icon{color:#5b8b70;background:#e9f3ea;border-radius:8px;flex:none;place-items:center;width:25px;height:25px;display:grid}.toast--error .toast-icon{color:#af6555;background:#fff0ea}.toast>button{color:#94a09a;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:26px;height:26px;margin-left:auto;padding:0;display:grid}.toast>button:hover{background:#f2f5f1}@media (width>=1500px){.main-shell{padding-inline:82px}.page-content{max-width:1240px}}@media (width<=1150px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.main-shell{padding-inline:30px}.quiz-grid,.usage-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-card:nth-child(3){display:none}.quiz-section--full .quiz-card:nth-child(3){display:block}.editor-layout{grid-template-columns:minmax(0,1fr) 230px;gap:16px}.bottom-row{grid-template-columns:1fr}.tip-panel{min-height:62px}}@media (width<=820px){.app-shell{padding-bottom:68px;display:block}.sidebar{z-index:20;width:100%;height:auto;padding:7px max(12px, env(safe-area-inset-right)) max(7px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbfcfaf7;border-right:0;position:fixed;inset:auto 0 0}.sidebar .brand-lockup,.sidebar-label,.sidebar-bottom,.sidebar .nav-count{display:none}.primary-nav{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.primary-nav--superadmin{grid-template-columns:repeat(4,minmax(0,1fr))}.nav-item{border-radius:9px;flex-direction:column;justify-content:center;gap:3px;min-height:48px;padding:4px 5px;font-size:8px}.nav-item.is-active:before{border-radius:0 0 3px 3px;width:auto;height:2px;inset:0 23% auto}.main-shell{padding:0 22px 46px}.topbar{height:57px}.welcome-row{align-items:start;padding:28px 0 20px}.welcome-row h1{max-width:510px;font-size:clamp(25px,4.4vw,34px)}.welcome-subtitle{max-width:480px;font-size:11px}.button-create{flex:none}.hero-panel{grid-template-columns:minmax(0,1fr) 290px;min-height:250px}.hero-art{min-height:250px}.hero-copy{padding:28px 12px 28px 25px}.hero-copy h2{font-size:25px}.hero-copy p{font-size:10px}.hero-note{display:none}.section-heading--stats{margin-top:24px}.stats-grid{gap:9px}.stat-card{grid-template-columns:34px 1fr;column-gap:8px;min-height:82px;padding:12px 10px}.stat-icon{border-radius:10px;width:32px;height:32px}.stat-label{font-size:9px}.stat-value{font-size:19px}.stat-detail{font-size:8px}.quiz-section{margin-top:27px}.editor-layout{grid-template-columns:minmax(0,1fr)}.editor-side-column{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;position:static}.preview-card{grid-row:span 2}.editor-heading{align-items:start}.host-layout{grid-template-columns:minmax(0,1fr) 230px}}@media (width<=620px){.main-shell{padding:0 16px 35px}.breadcrumbs{gap:5px;font-size:9px}.topbar-actions{gap:9px}.topbar-actions .live-chip{font-size:8px}.avatar--small{width:29px;height:29px}.welcome-row{grid-template-columns:1fr auto;align-items:end;gap:13px;padding-top:25px;display:grid}.welcome-row>div{grid-column:1/-1}.welcome-row h1{letter-spacing:-.85px;margin-top:9px;font-size:27px}.welcome-subtitle{max-width:340px}.button-create{grid-column:1/-1;width:fit-content;min-height:39px}.hero-panel{grid-template-columns:1fr;min-height:0;margin-top:2px}.hero-copy{padding:22px 20px 16px}.hero-kicker{letter-spacing:1px;font-size:7px}.hero-copy h2{margin-top:13px;font-size:26px}.hero-copy p{max-width:310px;font-size:10px}.hero-actions{margin-top:16px}.hero-art{min-height:181px;margin-top:-1px}.orbit{width:233px;height:138px;top:49%;left:50%}.orbit--two{width:190px;height:202px}.question-ticket{width:190px;padding:11px;top:9px;left:47%}.ticket-question{margin:9px 0;font-size:10px}.ticket-option{min-height:22px}.floating-score{padding:7px 8px;top:91px;left:calc(50% + 63px)}.sticker--sun{top:13px;right:12%}.sticker--star{bottom:17px;left:11%}.confetti--a{bottom:21px;right:10%}.section-heading{align-items:start}.section-heading--stats{margin-top:25px}.section-heading h2{font-size:15px}.section-heading p{max-width:260px;font-size:9px}.update-note{display:none}.stats-grid{grid-template-columns:1fr;gap:7px}.usage-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.stat-card{grid-template-rows:1fr 1fr;grid-template-columns:34px 1fr auto;min-height:62px;padding:9px 11px}.stat-icon{grid-row:1/span 2}.stat-label{align-self:end}.stat-value{grid-area:1/3/span 2}.stat-detail{align-self:start}.quiz-section{margin-top:25px}.quiz-section>.section-heading{flex-direction:column;gap:12px}.list-tools{width:100%}.search-field{flex:1}.quiz-grid{grid-template-columns:1fr}.quiz-card:nth-child(3){display:block}.quiz-art{height:98px}.quiz-art-symbol{font-size:70px}.quiz-card-body{padding:12px}.bottom-row{gap:9px;margin-top:25px}.join-panel{grid-template-columns:34px 1fr;gap:10px;padding:13px}.join-panel-copy{min-width:0}.join-panel-copy p{font-size:8px}.pin-entry{grid-column:1/2}.join-panel .button{grid-column:2/3;justify-self:start}.pin-entry input{height:38px}.tip-panel{min-height:72px}.tip-panel p{font-size:8px}.editor-topbar{height:56px}.editor-heading{gap:15px;padding:23px 0 18px;display:grid}.editor-heading h1{max-width:340px;font-size:27px}.editor-heading p{max-width:360px;font-size:9px;line-height:1.5}.editor-heading-actions{width:100%}.editor-heading-actions .button{flex:1;min-width:0;padding-inline:8px;font-size:9px}.editor-block{padding:16px 14px}.form-row{gap:8px}.form-row .field-label{min-width:0}.field-label input,.field-label textarea,.field-label select{font-size:10px}.answer-grid{grid-template-columns:1fr}.question-editor-card{padding:12px 11px}.question-prompt-input{font-size:12px}.editor-side-column{grid-template-columns:1fr}.preview-card{grid-row:auto}.editor-mobile-save{z-index:5;padding-bottom:env(safe-area-inset-bottom);margin-top:16px;display:block;position:sticky;bottom:9px}.editor-mobile-save .button{width:100%;box-shadow:0 6px 18px #b3533d38}.ai-modal{padding:24px 18px 20px}.ai-modal h2{font-size:20px}.ai-modal-actions{flex-direction:column-reverse}.ai-modal-actions .button{width:100%}.history-table{overflow-x:auto}.history-table-head,.history-table-row{min-width:630px}.usage-heading-row{flex-direction:column;align-items:start;gap:0}.usage-heading-row .simple-heading{padding-bottom:14px}.usage-range{margin:0 0 20px}.usage-range button{min-height:38px}.usage-admin-section{margin-top:28px}.usage-table{min-width:650px}.settings-card{padding-inline:14px}.settings-detail-row{align-items:start}.settings-detail-row>div{max-width:72%}.host-content{padding:24px 15px 30px}.host-game-heading{align-items:start}.host-game-heading h1{font-size:22px}.host-game-heading p{font-size:9px}.host-progress{grid-template-columns:34px 68px;gap:3px 6px}.host-progress>span{font-size:16px}.host-layout{grid-template-columns:1fr}.host-primary-panel,.host-sidebar-panel,.lobby-content,.host-question-view,.host-results-view{min-height:unset}.lobby-content,.host-question-view,.host-results-view{padding:20px 15px 15px}.lobby-content{min-height:390px}.host-sidebar-panel{min-height:190px}.leaderboard-list{grid-template-columns:1fr 1fr;gap:0 5px}.host-answer-grid{gap:7px}.host-answer{min-height:61px;padding:8px}.host-primary-actions{padding-top:14px}.host-hint{max-width:42%;line-height:1.4}.button-large{padding-inline:11px;font-size:9px}.live-session-label{font-size:0}.live-session-label .live-chip{font-size:8px}.live-session-divider{display:none}.player-entry-page{padding:18px 14px max(16px, env(safe-area-inset-bottom))}.player-entry-card{padding:25px 21px 20px}.player-game-page{padding-inline:12px}.player-game-card,.player-question-card{border-radius:15px}.player-question-card{padding:15px 13px}.player-answer-grid{gap:7px}.player-answer-option{gap:6px;min-height:55px;padding:7px}.player-option-letter{width:21px;height:21px}.player-answer-option strong{font-size:9px}.player-wait-card{padding-inline:18px}.player-game-footer{padding-bottom:max(5px, env(safe-area-inset-bottom))}}@media (width<=370px){.main-shell{padding-inline:12px}.welcome-row h1{font-size:25px}.hero-copy{padding-inline:15px}.hero-copy h2{font-size:24px}.tip-panel{padding:11px}.tip-illustration{width:32px;height:32px}.player-question-card h1{font-size:19px}.player-answer-option{min-height:52px}}