.lms-ribbon{padding:8px 16px;text-align:center;font:600 12px/1.4 system-ui;background: var(--qwt-surface-hover, #eeeeee);color: var(--qwt-text, #4c4c4c);border-bottom: 1px solid var(--qwt-border, #e2daca)}.lms-help{position:fixed;right:18px;bottom:18px;z-index:90;border: 1px solid var(--qwt-border, #c7c7c7);background: var(--qwt-bg, #fff);color: var(--qwt-text, #272727);padding:12px 18px;border-radius:999px;box-shadow:0 4px 20px #131b3a20;min-height:44px;cursor:pointer;font:600 14px system-ui}.lms-intro{position:fixed;left:18px;bottom:18px;max-width:350px;padding:20px;background: var(--qwt-bg, #fff);color: var(--qwt-text, #212121);border: 1px solid var(--qwt-border, #dfd6c5);border-radius:16px;z-index:85;box-shadow:0 8px 30px #131b3a20;font:15px/1.6 system-ui}.lms-intro h2{font-size:20px;margin:0 0 8px}.lms-intro a{color: var(--qwt-text, #4c4c4c)}.lms-intro button{float:right;background: var(--qwt-bg, #fff);color: var(--qwt-text, #212121);border:0;font-size:22px;cursor:pointer}.lms-workspace-link{border: 1px solid var(--qwt-border, #adbdc8);border-radius:10px;padding:9px 12px!important;color: var(--qwt-text, #4c4c4c)!important;background: var(--qwt-surface, #f2f2f2);white-space:nowrap}.nav-links a{min-height:44px;display:inline-flex;align-items:center}.button,button{touch-action:manipulation}button:focus-visible,a:focus-visible{outline: 3px solid var(--qwt-border, #4c4c4c);outline-offset:3px}.profile-identity{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.profile-identity h2{margin:6px 0;font-size:clamp(24px,4vw,36px)}.profile-photo{width:108px;height:108px;border-radius:50%;padding:0;border: 3px solid var(--qwt-border, #e7e0d3);overflow:hidden;display:grid;place-items:center;background: var(--qwt-surface, #f2f2f2);font-size:42px}.profile-photo img{width:100%;height:100%;object-fit:cover}.profile-preview{width:240px;max-width:100%;border-radius:16px;display:block;margin:16px auto}.profile-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}.profile-details dt{font-size:13px;color: var(--qwt-text-muted, #5e6c65)}.profile-details dd{margin:4px 0;overflow-wrap:anywhere}.profile-card .form-actions{justify-content:flex-start;gap:12px}.profile-card dialog{border: 1px solid var(--qwt-border, #c8c8c8);border-radius:20px;padding:24px}.profile-card input,.profile-card select{min-height:46px}.app-shell .primary{background: var(--qwt-surface-hover, #4e4e4e);color:white;border-color: var(--qwt-border, #4c4c4c)}.app-shell button,.app-shell .button{min-height:44px;border-radius:10px}.app-shell .form-actions{gap:12px}.app-shell .panel-head{gap:16px;flex-wrap:wrap}.app-shell .nav-button{text-align:left;line-height:1.4}.brand-logo-lms{width:44px;height:44px;object-fit:contain}.workspace-help{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 20px}.workspace-help a{color: var(--qwt-text, #4c4c4c)}@media(max-width:600px){.lms-intro{left:12px;right:12px;bottom:76px;max-width:none}.profile-details{grid-template-columns:1fr}.profile-identity{gap:16px}.profile-photo{width:84px;height:84px}.app-shell .list-actions{flex-wrap:wrap}.app-shell .form-actions>button{flex:1 1 auto}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.app-shell .sidebar-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:start}.app-shell .sidebar-footer a{display:block;min-height:36px;font-size:12px;line-height:1.4;text-decoration:none}.app-shell .sidebar-footer #logout{grid-column:1/-1;text-align:left}.app-shell button.profile-photo{border-radius:50%}.app-shell .topbar h1{font-size:clamp(28px,3vw,40px);line-height:1.15}.profile-identity small{display:block;overflow-wrap:anywhere}
body .lms-intro{position:relative;inset:auto;width:calc(100% - 36px);max-width:1140px;margin:24px auto;box-sizing:border-box;z-index:1}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.join-card,.teacher-welcome{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.4rem 1.5rem;border:1px solid var(--line);border-radius:20px;background: linear-gradient(120deg,var(--qwt-surface, #f5f5f5),var(--qwt-bg, #fff))}.join-card h2,.teacher-welcome h2{margin:0;font:500 clamp(1.6rem,3vw,2.2rem) Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.join-inline{display:flex;gap:.55rem;min-width:min(100%,420px)}.join-inline input{font-size:1.1rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.compact-action{min-height:40px;padding:.55rem .9rem}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:.55rem}.topbar .status{margin-left:0}.share-ready{max-width:720px;margin:4rem auto;padding:clamp(1.4rem,5vw,3rem);text-align:center;border:1px solid var(--line);border-radius:24px;background: var(--qwt-bg, #fff);box-shadow:var(--shadow)}.share-ready h2{margin:.4rem 0;font:600 clamp(3.3rem,10vw,6rem) Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.09em;color:var(--accent)}.share-ready .form-actions{justify-content:center}.share-link{margin:1.2rem 0;padding:.85rem;border-radius:12px;background: var(--qwt-surface, #f8f6f2);overflow-wrap:anywhere;color:var(--muted)}.join-page{width:min(720px,calc(100% - 1.5rem));min-height:calc(100vh - 190px);margin:auto;display:grid;place-content:center}.join-page-card{padding:clamp(1.5rem,7vw,3.5rem);border:1px solid var(--line);border-radius:28px;background: var(--qwt-bg, #fff);box-shadow:var(--shadow);text-align:center}.join-page-card h1{margin:.2rem 0;font:500 clamp(2.7rem,9vw,5rem) Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.04em}.join-page-card form{display:grid;gap:.8rem;margin-top:1.5rem}.join-code-input{min-height:64px;text-align:center;font-size:clamp(1.5rem,5vw,2rem);font-weight:900;letter-spacing:.16em;text-transform:uppercase}.join-page-card button{min-height:56px;font-size:1.05rem}.back-link{margin-bottom:1rem;color:var(--muted)}.join-alternatives{display:flex;justify-content:center;gap:1.2rem;margin-top:1rem;color:var(--muted);font-size:.9rem}@media(max-width:760px){.join-card,.teacher-welcome{align-items:stretch;flex-direction:column}.join-inline{min-width:0;width:100%;flex-direction:column}.topbar-actions .status{display:none}.join-alternatives{flex-direction:column;align-items:center}.share-ready{margin:1rem auto}}
@media print{body:has(.app-shell:not([hidden]) .player)>*{display:none!important}body:has(.app-shell:not([hidden]) .player)::after{content:"Printing is disabled for protected LMS quizzes.";display:block;padding:2rem;font:700 18px system-ui;color: var(--qwt-text, #111)}}
.lms-entry-hero,.shared-hero{width:min(1180px,calc(100% - 2rem));margin:clamp(1rem,5vw,4rem) auto;padding:clamp(1.5rem,5vw,4rem);box-sizing:border-box;border: 1px solid var(--qwt-border, #e9e2d5);border-radius:30px;background: linear-gradient(135deg,var(--qwt-surface, #f5f5f5) 0%,var(--qwt-bg, #fff) 58%,var(--qwt-surface, #f2f2f2) 100%);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.7fr);gap:clamp(1.5rem,5vw,4rem);align-items:center}.lms-entry-hero h1{font:500 clamp(2.7rem,7vw,5.8rem)/.98 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.045em;margin:.45rem 0 1rem;color: var(--qwt-text, #202020)}.lms-entry-hero .lead{max-width:720px;font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.65}.lms-entry-card{padding:2rem;border-radius:22px;background: var(--qwt-surface, #212121);color: var(--qwt-text, #fff);display:grid;gap:.8rem;box-shadow:0 18px 50px #131b3a24}.lms-entry-card span{font-size:.72rem;letter-spacing:.14em;color: var(--qwt-text-muted, #bbbbbb)}.lms-entry-card strong{font:500 1.5rem Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.lms-entry-card i{color: var(--qwt-text-muted, #bbbbbb)}.lms-entry-section{width:min(1180px,calc(100% - 2rem));margin:0 auto clamp(2rem,6vw,5rem)}.role-paths .card{display:flex;flex-direction:column;align-items:flex-start}.role-paths .card .button{margin-top:auto}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.4rem 0}.step-grid article{padding:1.4rem;border-left: 3px solid var(--qwt-border, #bbbbbb);background: var(--qwt-surface, #faf9f7)}.step-grid b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background: var(--qwt-surface-hover, #4e4e4e);color: var(--qwt-text, #fff)}.compact-hero{margin-bottom:1.2rem;padding-block:1.6rem}.narrow-panel{max-width:760px;margin-inline:auto}.danger{color: var(--qwt-danger, #a8101d);border-color: var(--qwt-danger, #c1121f);background: #fff8f9}.muted-row{opacity:.58}.announcement-list{margin-top:1.2rem}.notification-wrap{position:relative}.notification-button{position:relative;min-width:44px;padding:.55rem;background: var(--qwt-bg, #fff);color: var(--qwt-text, #2c2c2c)}.notification-button b{position:absolute;right:-4px;top:-6px;min-width:19px;height:19px;padding:0 4px;border-radius:999px;background: var(--qwt-danger, #a8101d);color: var(--qwt-text, #fff);font:700 11px/19px system-ui}.notification-panel{position:absolute;right:0;top:calc(100% + 10px);z-index:120;width:min(380px,calc(100vw - 28px));max-height:520px;overflow:auto;border: 1px solid var(--qwt-border, #e1d9c8);border-radius:16px;background: var(--qwt-bg, #fff);box-shadow:0 18px 55px #141d3d30;text-align:left}.notification-head{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom: 1px solid var(--qwt-border, #f0ece3);background: var(--qwt-bg, #fff);z-index:1}.notification-head button{min-height:34px;padding:.35rem .6rem}.notification-list{display:grid}.notification-item{display:grid;gap:.25rem;padding:.85rem 1rem;color: var(--qwt-text, #212121);text-decoration:none;border-bottom: 1px solid var(--qwt-border, #f4f1eb)}.notification-item:hover{background: var(--qwt-surface, #faf8f5)}.notification-item.unread{border-left: 4px solid var(--qwt-border, #4c4c4c);background: var(--qwt-surface, #f5f5f5)}.notification-item small{color: var(--qwt-text-muted, #64746d);line-height:1.4}.shared-hero{grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);margin:0 0 1.5rem;width:100%}.shared-hero h2{font:500 clamp(2rem,4vw,3.4rem)/1.05 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;margin:.35rem 0}.share-flow{display:flex;align-items:center;justify-content:center;gap:.6rem;flex-wrap:wrap;padding:1.5rem;border-radius:18px;background: var(--qwt-surface, #212121);color: var(--qwt-text, #fff)}.share-flow span{padding:.6rem .8rem;border-radius:10px;background: var(--qwt-surface-hover, #ffffff15)}.share-flow b{color: var(--qwt-text-muted, #bbbbbb)}.share-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.share-manage-card{padding:1.35rem;border: 1px solid var(--qwt-border, #e1d9c9);border-radius:18px;background: var(--qwt-bg, #fff);box-shadow:0 8px 24px #141d3d10}.share-manage-card.inactive{opacity:.7}.share-card-top{display:flex;justify-content:space-between;gap:1rem;align-items:center}.share-manage-card h3{font:500 1.45rem Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;margin:.9rem 0}.share-code{font:700 clamp(2rem,6vw,3rem) system-ui;letter-spacing:.12em;color: var(--qwt-text, #4c4c4c)}.share-link.compact{font-size:.75rem;margin:.8rem 0}.question-analytic{align-items:flex-start}
@media(max-width:780px){.lms-entry-hero,.shared-hero{grid-template-columns:1fr;border-radius:20px}.step-grid{grid-template-columns:1fr}.notification-panel{position:fixed;right:12px;top:115px}.share-card-grid{grid-template-columns:1fr}}

.lms-menu-badge{display:inline-flex;width:max-content;margin-top:.35rem;padding:.28rem .55rem;border-radius:999px;background: var(--qwt-surface-hover, #e7e7e7);color: var(--qwt-text, #4c4c4c);font:800 .62rem/1.2 Inter,system-ui,sans-serif;letter-spacing:.07em}
.app-shell .topbar-actions{flex-wrap:wrap}.app-shell .topbar-guide{white-space:nowrap}

/* The canonical QUIZ-WORLD catalogue is also the signed-in LMS catalogue. */
.lms-menu-dock{position:sticky;top:0;z-index:70;display:flex;align-items:center;justify-content:center;gap:10px;width:min(1120px,calc(100% - 24px));margin:0 auto 18px;padding:8px 10px;border: 1px solid var(--qwt-border, #cbcbcb);border-top:0;border-radius:0 0 18px 18px;background: var(--qwt-bg, #fdfdfd);box-shadow:0 9px 28px #131b3918;font:700 13px/1.2 Inter,system-ui,sans-serif}.lms-menu-dock a,.lms-menu-dock span{min-height:38px;display:inline-flex;align-items:center;padding:0 13px;border-radius:999px;color: var(--qwt-text, #272727);text-decoration:none}.lms-menu-dock span{background: var(--qwt-surface, #f3f3f3);text-transform:capitalize}.lms-menu-dock .dock-primary{background: var(--qwt-surface-hover, #4e4e4e);color: var(--qwt-text, #fff)}.admin-menu-tools{position:sticky;top:58px;z-index:65;display:grid;grid-template-columns:minmax(220px,1.3fr) auto minmax(150px,.55fr) auto auto auto;align-items:center;gap:10px;width:min(1120px,calc(100% - 24px));margin:16px auto 26px;padding:14px;border: 1px solid var(--qwt-border, #c8c8c8);border-radius:20px;background: var(--qwt-surface, #f5f5f5);box-shadow:0 14px 38px #131b3920;color: var(--qwt-text, #212121);font:600 13px/1.35 Inter,system-ui,sans-serif}.admin-menu-tools>div strong,.admin-menu-tools>div span{display:block}.admin-menu-tools>div span{margin-top:3px;color: var(--qwt-text-muted, #586c7b);font-weight:500}.admin-menu-tools label{display:grid;gap:4px;color: var(--qwt-text-muted, #586c7b);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.admin-menu-tools select{min-height:42px;border: 1px solid var(--qwt-border, #c9c9c9);border-radius:10px;padding:0 9px;background: var(--qwt-bg, #fff);color: var(--qwt-text, #212121);font:700 13px Inter,system-ui,sans-serif}.admin-menu-tools button,.admin-menu-tools a{min-height:42px;display:inline-flex;align-items:center;justify-content:center;border: 1px solid var(--qwt-border, #c5c5c5);border-radius:11px;padding:0 12px;background: var(--qwt-bg, #fff);color: var(--qwt-text, #272727);text-decoration:none;font:750 13px Inter,system-ui,sans-serif;cursor:pointer}.admin-menu-tools button:disabled{opacity:.45;cursor:not-allowed}.admin-menu-tools #adminApplyVisibility{background: var(--qwt-surface-hover, #4e4e4e);color: var(--qwt-text, #fff);border-color: var(--qwt-border, #4c4c4c)}.admin-menu-tools>p{grid-column:1/-1;margin:0;padding-top:8px;border-top: 1px solid var(--qwt-border, #ece6db);color: var(--qwt-text-muted, #4f6270)}.admin-manageable{position:relative}.admin-visibility{position:absolute;right:10px;top:10px;z-index:3;display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border: 1px solid var(--qwt-border, #dcd3c1);border-radius:999px;background: var(--qwt-bg, #fff);color: var(--qwt-text-muted, #465967);font:800 10px/1 Inter,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.04em;pointer-events:none}.admin-login{background: var(--qwt-surface-hover, #eaeaea);color: var(--qwt-text, #313131);border-color: var(--qwt-border, #c3c3c3)}.admin-private,.admin-draft,.admin-archived{background: var(--qwt-surface-hover, #f4f1eb);color: var(--qwt-text-muted, #724b5b);border-color: var(--qwt-border, #dacbd1)}.admin-unlisted{background: var(--qwt-surface, #f6f4ef);color: var(--qwt-text-muted, #4f4f4f);border-color: var(--qwt-border, #e4dccc)}.admin-menu-editing .admin-manageable{cursor:crosshair}.admin-menu-editing .admin-manageable::before{content:"Select";position:absolute;left:10px;top:10px;z-index:4;padding:4px 8px;border: 1px solid var(--qwt-border, #adbcc8);border-radius:999px;background: var(--qwt-bg, #fff);color: var(--qwt-text, #4c4c4c);font:800 10px/1 Inter,system-ui,sans-serif;letter-spacing:.05em;text-transform:uppercase;pointer-events:none}.admin-menu-editing .admin-manageable.admin-selected{outline: 4px solid var(--qwt-border, #4c4c4c);outline-offset:3px;background: var(--qwt-surface, #f3f3f3)!important}.admin-menu-editing .admin-manageable.admin-selected::before{content:"Selected ✓";background: var(--qwt-surface-hover, #4e4e4e);color: var(--qwt-text, #fff);border-color: var(--qwt-border, #4c4c4c)}

/* Role guide */
.guide-page{margin:0;background: var(--qwt-surface, #faf9f7);color: var(--qwt-text, #1e1e1e);font-family:Inter,system-ui,sans-serif}.guide-page .skip-link{position:fixed;left:16px;top:-80px;z-index:200;background: var(--qwt-surface, #212121);color: var(--qwt-text, #fff);padding:12px 18px;border-radius:12px}.guide-page .skip-link:focus{top:12px}.guide-header{position:sticky;top:0;z-index:80;background: var(--qwt-bg, #fffffff2);backdrop-filter:blur(14px);border-bottom: 1px solid var(--qwt-border, #e9e3d7)}.guide-header .nav{gap:18px}.guide-shell{width:min(1180px,calc(100% - 32px));margin:auto;padding:42px 0 80px}.guide-hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(30px,7vw,90px);min-height:540px;padding:clamp(32px,6vw,76px);border: 1px solid var(--qwt-border, #e6dfd0);border-radius:34px;background: linear-gradient(135deg,var(--qwt-bg, #fff) 45%,var(--qwt-surface-hover, #efefef));overflow:hidden}.guide-hero h1{max-width:760px;margin:0;font:500 clamp(3rem,7vw,6.5rem)/.92 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.06em}.guide-lead{max-width:700px;color: var(--qwt-text-muted, #546877);font-size:clamp(1rem,2vw,1.2rem);line-height:1.7}.guide-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.guide-demo{position:relative;min-height:340px;display:grid;place-items:center;border-radius:48% 52% 42% 58%;background: var(--qwt-surface, #202020);color: var(--qwt-text, #fff);box-shadow:0 30px 70px #131b3a30}.guide-demo>div{display:grid;justify-items:center;gap:10px;position:relative;z-index:2}.guide-demo small{color: var(--qwt-text-muted, #bbbbbb);font-weight:900;letter-spacing:.12em}.guide-demo strong{font:500 clamp(2rem,5vw,3.7rem) Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.guide-demo i{color: var(--qwt-text-muted, #bbbbbb);font-style:normal}.guide-orbit{position:absolute;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background: var(--qwt-surface-hover, #bbbbbb);color: var(--qwt-text, #202020);font-weight:900;animation:guideFloat 4s ease-in-out infinite}.guide-orbit.one{left:6%;top:15%}.guide-orbit.two{right:4%;top:40%;animation-delay:-1.3s}.guide-orbit.three{left:18%;bottom:7%;animation-delay:-2.5s}.guide-role-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0 72px}.guide-role-picker a{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center;padding:22px;border: 1px solid var(--qwt-border, #e6dfd2);border-radius:20px;background: var(--qwt-bg, #fff);color: var(--qwt-text, #212121);text-decoration:none;box-shadow:0 10px 25px #131b3909;transition:transform .2s ease,box-shadow .2s ease}.guide-role-picker a:hover{transform:translateY(-4px);box-shadow:0 18px 38px #131b3918}.guide-role-picker span{grid-row:1/3;font:500 2.2rem Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color: var(--qwt-text, #4c4c4c)}.guide-role-picker b,.guide-role-picker small{display:block}.guide-role-picker small{color: var(--qwt-text-muted, #5c707f);margin-top:4px}.guide-section-heading{max-width:720px;margin-bottom:28px}.guide-section-heading h2,.guide-role-section h2,.guide-mobile h2,.guide-help h2,.guide-cta h2{margin:0;font:500 clamp(2rem,5vw,4rem)/1.05 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.04em}.guide-flow{padding:clamp(28px,5vw,58px);border-radius:28px;background: var(--qwt-surface, #212121);color: var(--qwt-text, #fff)}.guide-flow .eyebrow{color: var(--qwt-text-muted, #bbbbbb)}.guide-flow ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.guide-flow li{display:flex;gap:12px;padding:18px;border: 1px solid var(--qwt-border, #ffffff24);border-radius:16px;background: var(--qwt-surface-hover, #ffffff0a)}.guide-flow li>span{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background: var(--qwt-surface-hover, #bbbbbb);color: var(--qwt-text, #212121);font-weight:900}.guide-flow li b{font-size:18px}.guide-flow li p{color: var(--qwt-text-muted, #bfcbd4);line-height:1.5;margin:6px 0 0}.guide-role-section,.guide-access,.guide-mobile,.guide-help{scroll-margin-top:90px;margin-top:72px}.guide-role-section>header{max-width:820px}.guide-role-section>header>span{display:inline-flex;margin-bottom:10px;color: var(--qwt-text, #4c4c4c);font-size:12px;font-weight:900;letter-spacing:.12em}.guide-role-section>header>p{color: var(--qwt-text-muted, #566a79);line-height:1.7;font-size:1.05rem}.guide-step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}.guide-step-grid article,.guide-access-grid article{padding:22px;border: 1px solid var(--qwt-border, #e7e0d2);border-radius:20px;background: var(--qwt-bg, #fff);box-shadow:0 8px 24px #131b3908}.guide-step-grid article>b{display:grid;place-items:center;width:38px;height:38px;margin-bottom:18px;border-radius:12px;background: var(--qwt-surface-hover, #e9e9e9);color: var(--qwt-text, #4c4c4c)}.guide-step-grid h3{margin:0;font-size:1.05rem}.guide-step-grid p,.guide-access-grid p{color: var(--qwt-text-muted, #596e7d);line-height:1.55}.guide-step-grid a{color: var(--qwt-text, #4c4c4c);font-weight:800}.guide-decision-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px;margin-top:28px}.guide-decision-flow article{min-height:190px;display:flex;gap:16px;padding:22px;border-radius:20px;background: var(--qwt-bg, #fff);border: 1px solid var(--qwt-border, #e7e0d2)}.guide-decision-flow article>span{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background: var(--qwt-surface, #212121);color: var(--qwt-text-muted, #bbbbbb);font-weight:900}.guide-decision-flow h3{margin:6px 0}.guide-decision-flow p{color: var(--qwt-text-muted, #596e7d);line-height:1.6}.guide-decision-flow>i{color: var(--qwt-text, #4c4c4c);font-style:normal;font-size:24px}.guide-access-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.guide-access-grid article{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:12px}.guide-access-grid article p{grid-column:1/-1}.access-dot{width:13px;height:13px;border-radius:50%;background: var(--qwt-surface-hover, #bbbbbb)}.access-dot.login{background: var(--qwt-surface-hover, #c3c3c3)}.access-dot.unlisted{background: var(--qwt-surface-hover, #738ea1)}.access-dot.private{background: var(--qwt-surface-hover, #6b8293)}.access-dot.draft{background: var(--qwt-surface-hover, #88938f)}.access-dot.archived{background: var(--qwt-surface-hover, #5d6663)}.guide-mobile{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;padding:clamp(26px,5vw,54px);border-radius:28px;background: linear-gradient(135deg,var(--qwt-surface-hover, #efefef),var(--qwt-bg, #fff))}.guide-mobile p,.guide-mobile li,.guide-help p{color: var(--qwt-text-muted, #566a79);line-height:1.65}.guide-mobile ul{margin:0;padding:22px 22px 22px 44px;border-radius:20px;background: var(--qwt-surface, #212121);color: var(--qwt-text, #fff)}.guide-mobile li{color: var(--qwt-text, #ece7dc);margin:10px 0}.guide-help{display:grid;grid-template-columns:1fr 1fr;gap:16px}.guide-help>div{padding:clamp(24px,4vw,42px);border: 1px solid var(--qwt-border, #e7e0d2);border-radius:24px;background: var(--qwt-bg, #fff)}.guide-cta{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:20px;margin-top:72px;padding:26px;border-radius:24px;background: var(--qwt-surface, #212121);color: var(--qwt-text, #fff)}.guide-cta img{width:76px;height:76px;border-radius:20px;object-fit:cover}.guide-cta small{color: var(--qwt-text-muted, #bbbbbb);font-weight:900;letter-spacing:.1em}.guide-cta h2{font-size:2rem;margin-top:3px}.guide-cta p{margin:4px 0;color: var(--qwt-text-muted, #bfcbd4)}.guide-reveal{animation:guideReveal .65s cubic-bezier(.2,.7,.2,1) both}.guide-role-picker{animation-delay:.08s}.guide-flow{animation-delay:.13s}

@keyframes guideReveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes guideFloat{50%{transform:translateY(-12px) rotate(4deg)}}

/* Mobile LMS refinements */
@media(max-width:980px){.admin-menu-tools{position:relative;top:auto;grid-template-columns:1fr 1fr}.admin-menu-tools>div,.admin-menu-tools>p{grid-column:1/-1}.guide-hero{grid-template-columns:1fr;min-height:auto}.guide-demo{min-height:290px}.guide-flow ol,.guide-step-grid{grid-template-columns:repeat(2,1fr)}.guide-decision-flow{grid-template-columns:1fr}.guide-decision-flow>i{transform:rotate(90deg);justify-self:center}.guide-role-picker{grid-template-columns:1fr}.guide-mobile{grid-template-columns:1fr}.app-shell .app-main{overflow-x:hidden}.app-shell .nav-button{min-height:48px}.app-shell .sidebar{width:min(86vw,310px);padding-bottom:max(18px,env(safe-area-inset-bottom))}}
@media(max-width:640px){.lms-menu-dock{position:relative;top:auto;justify-content:flex-start;overflow-x:auto;width:calc(100% - 16px);border-top: 1px solid var(--qwt-border, #cbcbcb);border-radius:14px;margin-top:8px}.lms-menu-dock a,.lms-menu-dock span{white-space:nowrap}.admin-menu-tools{width:calc(100% - 16px);grid-template-columns:1fr;gap:8px;padding:12px}.admin-menu-tools>div,.admin-menu-tools>p{grid-column:auto}.admin-menu-tools button,.admin-menu-tools a,.admin-menu-tools select{width:100%;min-height:48px}.admin-visibility{right:7px;top:7px;max-width:52%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guide-header .nav{min-height:auto;padding:10px 0;display:flex;overflow-x:auto}.guide-header .nav>a:not(.brand):not(.primary){display:none}.guide-header .nav .brand,.guide-header .nav .primary{white-space:nowrap}.guide-shell{width:min(100% - 18px,1180px);padding-top:14px}.guide-hero{padding:28px 20px;border-radius:22px}.guide-hero h1{font-size:clamp(2.75rem,14vw,4.3rem)}.guide-demo{min-height:250px}.guide-role-picker{margin:14px 0 42px}.guide-flow{padding:24px 16px}.guide-flow ol,.guide-step-grid,.guide-access-grid,.guide-help{grid-template-columns:1fr}.guide-role-section,.guide-access,.guide-mobile,.guide-help{margin-top:48px}.guide-decision-flow article{min-height:auto}.guide-cta{grid-template-columns:auto 1fr;padding:20px}.guide-cta .button{grid-column:1/-1;width:100%}.guide-cta img{width:60px;height:60px}.app-shell .app-main{padding:12px 10px calc(72px + env(safe-area-inset-bottom))}.app-shell .topbar{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center}.app-shell .topbar>div:not(.topbar-actions){min-width:0}.app-shell .topbar h1{font-size:clamp(1.75rem,9vw,2.25rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-shell .topbar-actions{grid-column:1/-1;width:100%;margin:0;justify-content:flex-end}.app-shell .topbar-actions .theme-switch{font-size:12px;padding-inline:10px}.app-shell .panel,.app-shell .card,.app-shell .metric{border-radius:16px}.app-shell .list-actions{width:100%}.app-shell .list-actions>button,.app-shell .list-actions>.button{flex:1 1 120px}.app-shell input,.app-shell select,.app-shell textarea{font-size:16px}.app-shell .question-navigator{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x proximity}.app-shell .question-navigator button{flex:0 0 42px;scroll-snap-align:start}.app-shell .player-actions{position:sticky;bottom:0;z-index:10;margin-inline:-10px;padding:10px;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(10px)}.app-shell .player-actions>button{min-height:48px}.app-shell .notification-panel{left:8px;right:8px;top:108px;width:auto;max-height:60vh}}
@media(prefers-reduced-motion:reduce){.guide-reveal,.guide-orbit{animation:none!important}.guide-role-picker a{transition:none}}

/* Phase 4B: concise role workspaces and a single visual action language. */
.account-mini[role="button"]{cursor:pointer;border-radius:14px;transition:background .18s ease}.account-mini[role="button"]:hover,.account-mini[role="button"]:focus-visible{background: var(--qwt-surface-hover, #ffffff12);outline: 2px solid var(--qwt-border, #bbbbbb);outline-offset:3px}.workspace-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:clamp(22px,4vw,38px);border: 1px solid var(--qwt-border, #e3dbcb);border-radius:24px;background: linear-gradient(125deg,var(--qwt-surface, #212121) 0%,var(--qwt-surface-hover, #4e4e4e) 68%,var(--qwt-surface-hover, #e8e8e8) 68%);color: var(--qwt-text, #fff);box-shadow:0 18px 48px #141d3d18}.workspace-hero h2{max-width:720px;margin:.3rem 0;font:500 clamp(2rem,5vw,3.8rem)/1.03 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.035em}.workspace-hero p{max-width:680px;margin:.55rem 0;color: var(--qwt-text-muted, #e6dfd0)}.workspace-hero .eyebrow{color: var(--qwt-text-muted, #bbbbbb)}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.workspace-hero .hero-actions button:not(.primary){background: var(--qwt-bg, #fff);color: var(--qwt-text, #272727);border-color: var(--qwt-border, #fff)}.quick-action-bar{display:flex;align-items:center;gap:10px;margin:16px 0;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--white);box-shadow:0 6px 22px #141d3d0a}.quick-action-bar .join-inline{flex:1}.quick-action-bar .join-inline label{align-self:center;white-space:nowrap;font-weight:800;color:var(--muted)}.dashboard-split{display:grid;grid-template-columns:1.35fr .65fr;gap:16px}.dashboard-split .panel{height:fit-content}.summary-stack{display:grid;gap:10px;margin-bottom:16px}.summary-stack span{display:flex;align-items:baseline;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line);color:var(--muted)}.summary-stack strong{font:500 1.8rem Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--legacy-ink)}.compact-metrics{grid-template-columns:repeat(4,1fr)}.workspace-tabs{position:sticky;top:10px;z-index:12;display:flex;gap:6px;width:max-content;max-width:100%;margin:0 0 14px;padding:6px;border: 1px solid var(--qwt-border, #e1d9c8);border-radius:14px;background:color-mix(in srgb,var(--white) 94%,transparent);box-shadow:0 8px 28px #141d3d12;overflow-x:auto;backdrop-filter:blur(12px)}.workspace-tabs button{white-space:nowrap;background:transparent;box-shadow:none;border-color:transparent}.workspace-tabs button.active{background: var(--qwt-surface-hover, #4e4e4e);color: var(--qwt-text, #fff);border-color: var(--qwt-border, #4c4c4c)}.editing-banner{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px;padding:12px 16px;border: 1px solid var(--qwt-border, #c9c9c9);border-radius:14px;background: var(--qwt-surface, #f3f3f3)}.quiz-policy-panel>.panel-head{margin-bottom:18px}.preset-summary,.policy-note{margin-top:12px;padding:13px 15px;border-left: 4px solid var(--qwt-border, #bbbbbb);border-radius:10px;background: var(--qwt-surface, #f3f3f3);color: var(--qwt-text-muted, #475a68);font-size:.88rem}.audience-rules{margin:14px 0;padding:16px;border:1px solid var(--line);border-radius:14px;background: var(--qwt-bg, #fbfaf8)}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:260px;overflow:auto}.choice-grid .check-row{align-items:flex-start;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--white)}.choice-grid small{display:block;color:var(--muted)}.share-setup{max-width:980px;margin-inline:auto}.share-setup details{margin-top:12px}.share-setup details summary{cursor:pointer;font-weight:800}.compact-panel .list-row{padding-block:.75rem}
@media(max-width:900px){.workspace-hero{align-items:flex-start;flex-direction:column;background: linear-gradient(145deg,var(--qwt-surface, #212121),var(--qwt-surface-hover, #4e4e4e))}.hero-actions{justify-content:flex-start}.dashboard-split{grid-template-columns:1fr}.compact-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.quick-action-bar{align-items:stretch;flex-direction:column}.quick-action-bar .join-inline{display:grid;grid-template-columns:1fr auto}.quick-action-bar .join-inline label{grid-column:1/-1}.workspace-tabs{position:relative;top:auto;width:100%}.workspace-tabs button{flex:1 0 auto}.choice-grid{grid-template-columns:1fr}.editing-banner{align-items:stretch;flex-direction:column}.compact-metrics{grid-template-columns:1fr 1fr}.topbar-actions .theme-switch{max-width:82px;overflow:hidden}.workspace-hero .hero-actions,.workspace-hero .hero-actions button{width:100%}}

/* Phase 4C: operational surfaces reuse the existing panel and form language. */
.support-admin-row{padding:1.2rem;display:grid;grid-template-columns:1.1fr .9fr;gap:1rem;border:1px solid var(--line);border-radius:18px}.support-admin-row h3{margin:.55rem 0}.support-admin-row p{color:var(--muted);line-height:1.55}.parser-manager fieldset{padding:1rem;display:grid;gap:.5rem;border:1px solid var(--line);border-radius:16px}.parser-manager legend{padding:0 .35rem;font-weight:850}.selected-row{outline:2px solid var(--accent);outline-offset:2px}.creator-profile-panel{margin-top:1rem}.creator-profile-panel .wide{grid-column:1/-1}@media(max-width:760px){.support-admin-row{grid-template-columns:1fr}}
.compact-select{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.72rem;font-weight:800}.compact-select select{width:auto;min-width:9rem;padding:.55rem .7rem}

/* Teacher-first flow and bounded live analytics. */
.teacher-flow{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0;padding:0}.teacher-flow li{display:flex;align-items:center;gap:10px;padding:13px 15px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--white);color:var(--muted);font-weight:800}.teacher-flow b{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--mint-pale);color:var(--forest)}
.teacher-flow li.active{border-color:var(--forest);color:var(--legacy-ink);box-shadow:inset 0 0 0 1px var(--forest)}.teacher-flow li.active b{background:var(--forest);color: var(--qwt-text, #fff)}.post-login-continue>div:first-child{display:grid;gap:3px;min-width:0}.post-login-continue small{color:var(--muted)}
.analytics-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px}.analytics-toolbar>div{max-width:720px}.analytics-toolbar p{color:var(--muted)}.analytics-toolbar .field{min-width:180px}.activity-chart{min-height:230px;display:flex;align-items:end;gap:clamp(5px,1vw,12px);padding:20px 4px 0;overflow-x:auto}.activity-day{min-width:30px;flex:1;display:grid;grid-template-rows:auto 160px auto;align-items:end;justify-items:center;gap:6px;color:var(--muted);font-size:.7rem}.activity-day i{width:min(28px,80%);height:var(--activity);min-height:4px;border-radius:8px 8px 3px 3px;background:var(--forest)}.activity-day strong{color:var(--legacy-ink)}.analytics-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.analytics-breakdown>div{padding:14px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-subtle)}.analytics-breakdown strong,.analytics-breakdown span,.analytics-breakdown b,.analytics-breakdown small{display:block}.analytics-breakdown span,.analytics-breakdown small{color:var(--muted)}.analytics-breakdown b{margin:.25rem 0;font-size:1.65rem}
.live-analytics{border-color:color-mix(in srgb,var(--forest) 38%,var(--line));box-shadow:0 12px 32px color-mix(in srgb,var(--forest) 8%,transparent)}.live-dot{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:var(--status-success);box-shadow:0 0 0 5px var(--status-success-soft)}.live-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.6fr);gap:16px;margin-top:16px}.live-participants table small{display:block;margin-top:3px;color:var(--muted)}.active-status{background:var(--status-success-soft);color:var(--status-success)}.question-occupancy{padding:16px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface-subtle)}.question-occupancy h3{margin:0 0 10px}.question-occupancy-list{max-height:430px;display:grid;gap:4px;overflow:auto}.occupancy-row{display:grid;grid-template-columns:38px 1fr;gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}.occupancy-row>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--mint-pale);color:var(--forest);font-weight:900}.occupancy-row strong,.occupancy-row small{display:block}.occupancy-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.occupancy-row small{margin-top:3px;color:var(--muted)}
@media(max-width:900px){.live-layout{grid-template-columns:1fr}.teacher-flow{grid-template-columns:1fr}.analytics-toolbar{align-items:stretch;flex-direction:column}.analytics-toolbar .field{width:100%}}

.skip-link:not(:focus){position:absolute!important;left:-9999px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}

/* ---- QUIZ-WORLD navigation polish for the public site header (same look as the shared qw-header) ---- */
[data-site-header="global-v2"]{--qw-primary: var(--qwt-accent, #4e4e4e);--qw-primary-hover: var(--qwt-accent, #262626);--qw-hover: var(--qwt-surface-hover, rgba(78, 78, 78, 0.08));background: var(--qwt-bg, rgba(255,255,255,.92));border-bottom: 1px solid var(--qwt-border, #e7e0d3)}
html[data-theme="dark"] [data-site-header="global-v2"]{--qw-primary: var(--qwt-accent, #bbbbbb);--qw-primary-hover: var(--qwt-accent, #bbbbbb);--qw-hover: var(--qwt-surface-hover, rgba(78, 78, 78, 0.1));background: var(--qwt-surface, rgba(20, 20, 20, 0.9));border-bottom-color: var(--qwt-border, #252525)}
[data-site-header="global-v2"] .nav{min-height:64px}
[data-site-header="global-v2"] .nav-links{font-size:15px;font-weight:600;gap:2px}
[data-site-header="global-v2"] .nav-links a{display:inline-flex;align-items:center;min-height:40px;padding:0 12px;border-radius:10px;position:relative;transition:background .15s,color .15s}
[data-site-header="global-v2"] .nav-links a:hover{background:var(--qw-hover)}
[data-site-header="global-v2"] .nav-links a[aria-current="page"]::after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:2px;border-radius:2px;background:var(--qw-primary)}
html[data-site-scope] [data-site-header="global-v2"] .nav-quiz,[data-site-header="global-v2"] .nav-quiz{background:none!important;border:0!important;padding:0 12px!important;color: var(--muted,var(--qwt-text-muted, #4a5e6b))!important;border-radius:10px}
[data-site-header="global-v2"] .nav-links a.lms-workspace-link{margin-left:8px;padding:0 18px!important;background:var(--qw-primary);color: var(--qwt-text, #fff)!important;border:0;border-radius:10px;font-weight:700}
html[data-theme="dark"] [data-site-header="global-v2"] .nav-links a.lms-workspace-link{color: var(--qwt-text, #101010)!important}
[data-site-header="global-v2"] .nav-links a.lms-workspace-link:hover{background:var(--qw-primary-hover)}
[data-site-header="global-v2"] .nav-links a.lms-workspace-link::after{display:none}
[data-site-header="global-v2"] .theme-menu{border:0;padding:0}
[data-site-header="global-v2"] .theme-menu button{border-radius:10px;padding:8px 10px;color: var(--muted,var(--qwt-text-muted, #4a5e6b));font-weight:600}
[data-site-header="global-v2"] .theme-menu button[aria-pressed="true"],[data-site-header="global-v2"] .theme-menu button.active{color:var(--text);background:var(--qw-hover)}
@media(max-width:1080px){[data-site-header="global-v2"] .nav-links a{min-height:48px;font-size:16px}[data-site-header="global-v2"] .nav-links a.lms-workspace-link{margin:6px 0 0;justify-content:center}}
/* the "new here" helper is a quiet round button, not a floating pill */
.lms-help{width:48px;height:48px;padding:0;min-height:0;border-radius:50%;font-size:0;display:grid;place-items:center;background: var(--qwt-surface-hover, #4e4e4e);color: var(--qwt-text, #fff);border:0;box-shadow:0 6px 20px rgba(20, 20, 20, 0.22)}
.lms-help::before{content:"?";font:700 21px/1 Inter,system-ui,sans-serif}
html[data-theme="dark"] .lms-help{background: var(--qwt-surface-hover, #bbbbbb);color: var(--qwt-text, #101010)}
.lms-intro{background: var(--surface,var(--qwt-bg, #fff));color: var(--text,var(--qwt-text, #141414));border-color: var(--qwt-border, #e7e0d3)}
.lms-intro a{color: var(--qwt-text, #4c4c4c);font-weight:700}
html[data-theme="dark"] .lms-intro{background: var(--qwt-surface, #121212);color: var(--qwt-text, #eaeaea);border-color: var(--qwt-border, #252525)}
html[data-theme="dark"] .lms-intro a{color: var(--qwt-text-muted, #bbbbbb)}
html[data-theme="dark"] .lms-intro button{background:transparent;color: var(--qwt-text, #eaeaea)}