:root{--ink:#261b38;--ink-2:#443352;--muted:#686072;--paper:#f5f4f8;--line:#e4e0eb;--mint:#eee5fc;--green:#6930c3;--orange:#f9c849;--danger:#c62942;--purple:#6f35d3;--purple-dark:#49218e;--shadow:0 6px 0 #e8e3ef}.hoothoot{background:var(--paper);font-size:15px}.hoothoot h1,.hoothoot h2,.hoothoot h3{letter-spacing:-.035em;font-weight:800}.hoothoot button:focus-visible,.hoothoot a:focus-visible,.hoothoot input:focus-visible,.hoothoot textarea:focus-visible,.hoothoot select:focus-visible{outline-offset:3px;outline:3px solid #a875f6}.hoothoot ::selection{color:#351563;background:#e3ceff}.hoothoot .brand{letter-spacing:-1.3px;color:var(--purple-dark);align-items:center;gap:7px;font:900 27px/1 Manrope Variable,sans-serif;display:inline-flex}.hoothoot .brand-light{color:#fff}.koala-mark{flex-shrink:0}.hoothoot-koala{object-fit:contain;max-width:100%;height:auto;display:block}.hoothoot .sidebar{width:236px;color:var(--ink);border-right:1px solid var(--line);background:#fff;padding:27px 16px 20px}.hoothoot .sidebar-top{padding:0 3px 28px}.hoothoot .workspace-label{border:1px solid var(--line);background:#faf9fc;border-radius:8px;margin-bottom:24px;padding:13px 11px}.hoothoot .workspace-label strong{color:var(--ink);font-size:13px;font-weight:750}.hoothoot .workspace-label small{color:var(--muted);font-size:11px}.hoothoot .workspace-label>svg{color:var(--muted)}.hoothoot .sidebar nav{gap:6px}.hoothoot .nav-link{color:#5a5067;border-radius:8px;gap:13px;padding:13px 14px;font-size:14px;font-weight:650}.hoothoot .nav-link svg{color:#756783;width:21px;height:21px}.hoothoot .nav-link.active{color:#5722a6;background:#eee5fc;font-weight:800}.hoothoot .nav-link.active svg{color:#7137ce}.hoothoot .nav-link:not(.active):hover{color:#542199;background:#f6f2fc}.hoothoot .sidebar-bottom{padding-top:22px}.hoothoot .sidebar-join{background:#f1e9fc;border:0;border-radius:9px;margin-bottom:20px;padding:18px}.hoothoot .sidebar-join h3{color:#49218e;margin:0;font-size:17px}.hoothoot .sidebar-join p{color:#66527e;max-width:none;margin:7px 0 12px;font-size:12px;line-height:1.6}.hoothoot .sidebar-join a{color:#57239f;border-color:#d9c8ed;font-size:13px}.hoothoot .sidebar-person{border-color:var(--line);gap:9px}.hoothoot .sidebar-person strong{color:var(--ink);font-size:12px;font-weight:700}.hoothoot .sidebar-person small{color:var(--muted);font-size:10px}.hoothoot .sidebar-person .avatar{color:#5f269f;background:#e9dcfb;width:34px;height:34px}.hoothoot .sidebar-person .icon-button{color:#665a75}.hoothoot .sidebar-person .icon-button:hover{color:#4d1e8c;background:#eee5fc}.hoothoot .workspace-main{margin-left:236px}.hoothoot .topbar{background:#fff;height:76px;padding:0 36px}.hoothoot .breadcrumb{color:#766a82;font-size:15px}.hoothoot .breadcrumb strong{color:var(--ink);font-weight:750}.mobile-workspace-brand{display:none}.language-failure{z-index:60;color:#a32446;background:#fff0f3;border:1px solid #e9b5c1;border-radius:7px;max-width:260px;padding:12px;font-size:12px;position:absolute;top:70px;right:20px}.hoothoot .topbar-actions{gap:16px}.hoothoot .topbar-actions>.button-ghost{color:#5b2b9c;font-size:13px}.hoothoot .language-switch{color:#766781;background:#faf8fd;border:1px solid #e4ddec;border-radius:6px;gap:0;padding:3px;font-size:11px}.language-option{align-items:center;display:inline-flex}.language-option>a{border-radius:4px;justify-content:center;align-items:center;min-width:32px;min-height:32px;padding:5px 6px;display:inline-flex}.hoothoot .language-option>a.active{background:var(--locale-active,#eee5fc)}.language-option .language-divider{margin:0 2px}.language-option>a[aria-disabled=true]{cursor:wait}.hoothoot .language-switch .active{color:#5a249f;font-weight:800}.hoothoot .page-content{max-width:1560px;padding:30px 36px 48px}.hoothoot .workspace-footer{color:#71657c;padding:18px 36px;font-size:11px}.hoothoot .workspace-footer>span:first-child{color:#6a3aa4;letter-spacing:-.7px;font-size:17px;font-weight:900}.hoothoot .button{border-radius:7px;gap:9px;min-height:46px;padding:11px 18px;font-size:14px;font-weight:750;transition:background .15s,transform .1s}.hoothoot .button-ink{background:var(--purple);color:#fff;border:1px solid var(--purple);box-shadow:none;border-bottom:4px solid #4c2294}.hoothoot .button-ink:not(:disabled):hover{box-shadow:none;background:#5c24bd}.hoothoot .button:not(:disabled):hover{transform:none}.hoothoot .button:not(:disabled):active{transform:translateY(2px)}.hoothoot .button-outline{color:#4f3a64;background:#fff;border:1px solid #d8d1e2;border-bottom-width:3px}.hoothoot .button-outline:not(:disabled):hover{background:#faf7ff;border-color:#bda5de}.hoothoot .button-soft{color:#6024ac;background:#eee5fc;border-bottom:3px solid #d6c1ef}.hoothoot .button-soft:not(:disabled):hover{background:#e6d7fa}.hoothoot .button-small{min-height:40px;padding:9px 13px;font-size:13px}.hoothoot .button-ghost{color:#603591}.hoothoot .button-ghost:not(:disabled):hover{background:#f3ecfc}.hoothoot .button-dashed{color:#603c8d;background:#faf7ff;border-color:#c8b4df}.hoothoot .text-link{color:#632cb0;font-size:13px;font-weight:700}.hoothoot .icon-button{color:#73627f}.hoothoot .icon-button:hover{color:#562396;background:#f0e9f9}.hoothoot .field>span,.hoothoot .field-label{color:#51435f;font-size:13px;font-weight:700}.hoothoot .field input,.hoothoot .field select,.hoothoot .field textarea{color:var(--ink);background:#fff;border-color:#d8d1e1;border-radius:7px;min-height:44px;font-size:14px}.hoothoot .field input:focus,.hoothoot .field select:focus,.hoothoot .field textarea:focus{border-color:#8e56d9}.hoothoot .field small,.hoothoot .field-hint,.hoothoot .image-upload-hint{color:#71627b;font-size:12px}.hoothoot .field input::placeholder,.hoothoot .field textarea::placeholder,.hoothoot .search-field input::placeholder{color:#81738e}.hoothoot .eyebrow{text-transform:none;letter-spacing:0;color:#6e5d7d;font-size:12px}.hoothoot .page-heading{align-items:center;margin:3px 0 28px}.hoothoot .page-heading h1{font-size:34px;font-weight:850}.hoothoot .page-heading p{color:#71627d;margin-top:8px;font-size:15px}.hoothoot .page-heading .eyebrow{display:none}.hoothoot .section-heading{margin-bottom:18px}.hoothoot .section-heading h2{font-size:23px;font-weight:800}.hoothoot .section-heading p{color:#73637f;margin-top:5px;font-size:13px}.hoothoot .badge{border-radius:5px;padding:6px 8px;font-size:11px;font-weight:750}.hoothoot .badge-white{color:#463456;background:#fffffff2}.hoothoot .badge-ink{color:#fff;background:#4b277d}.hoothoot .badge-soft{color:#613899;background:#eee6fa}.hoothoot .status-lobby{color:#775408;background:#fff0bb}.hoothoot .status-playing{color:#14633a;background:#d9f3e2}.hoothoot .status-finished{color:#665471;background:#ece7f2}.hoothoot .status-aborted{color:#9c2344;background:#fde5eb}.hoothoot .notice{border-radius:7px;font-size:14px}.hoothoot .notice.info{color:#5b3d7d;background:#f1eafa;border-color:#dcccee}.hoothoot .modal{background:#fff;border:0;border-radius:13px;padding:28px}.hoothoot .modal-heading h2{font-size:25px}.hoothoot .modal .modal-description{color:#6a5b77;font-size:14px}.hoothoot .setup-quiz{background:#f2ebfb;border-color:#e4d5f5;border-radius:8px}.hoothoot .setup-quiz-icon{color:#7946be;background:#e4d3fa}.hoothoot .setup-quiz h3{font-size:15px}.hoothoot .modal .setup-quiz span{color:#685477;font-size:12px}.hoothoot .scoring-choice{border-color:#ddd5e8;border-radius:7px;padding:15px}.hoothoot .scoring-choice.selected{background:#f1e9fc;border-color:#8b52d2;box-shadow:0 0 0 1px #8b52d2}.hoothoot .scoring-choice small{color:#665472}.hoothoot .toggle-row{border-color:#e9e2f1;padding:15px 0}.hoothoot .toggle-row strong{font-size:13px}.hoothoot .toggle-row small{color:#72617f;font-size:12px}.hoothoot .toggle-track{background:#d8d0e2}.hoothoot .toggle-input:checked+.toggle-track{background:#7137ce}.hoothoot .settings-preferences{gap:24px;max-width:760px;display:grid}.hoothoot .dashboard-greeting{gap:15px;margin-bottom:25px}.hoothoot .dashboard-greeting h1{letter-spacing:-.7px;font-size:25px}.hoothoot .dashboard-greeting h1>span{color:#e3a719;margin-left:4px}.dashboard-counts{color:#73617d;font-size:12px}.dashboard-counts>span{color:#b7a9c3;margin:0 8px}.hoot-hero{color:#fff;background:#6b30c8;border-radius:15px;grid-template-columns:1.4fr 1fr;align-items:center;min-height:314px;margin-bottom:22px;display:grid;position:relative;overflow:hidden}.hoot-hero-copy{z-index:2;max-width:600px;padding:34px 0 36px 36px;position:relative}.hoot-hero-copy h2{letter-spacing:-1.6px;max-width:440px;font-size:clamp(28px,3.1vw,43px);line-height:1.13}.hoot-hero-copy p{color:#f0e5ff;max-width:400px;margin-top:14px;font-size:15px;line-height:1.65}.hoot-hero-actions{flex-wrap:wrap;gap:12px;margin-top:25px;display:flex}.hoothoot .button-white{color:#54229d;background:#fff;border-bottom:4px solid #dfd1f0}.hoothoot .button-white:hover{background:#f6efff}.hoothoot .button-on-purple{color:#fff;background:#ffffff12;border:1px solid #c4a4f2;border-bottom:3px solid #b18add}.hoothoot .button-on-purple:hover{background:#ffffff20}.hoot-hero-mascot{justify-content:center;align-self:stretch;align-items:flex-end;min-width:0;display:flex;position:relative}.hoot-hero-mascot .hoothoot-koala{z-index:1;width:276px;max-height:319px;margin:8px 8px -25px 0;position:relative;transform:rotate(5deg)}.mascot-backdrop{background:#8351d9;border-radius:50%;width:266px;height:266px;position:absolute;top:33px;right:19%}.mascot-speech{z-index:2;color:#533011;background:#ffd860;border-radius:12px 12px 12px 0;padding:10px 15px;font-size:14px;font-weight:850;position:absolute;top:30px;right:10px;transform:rotate(7deg)}.hoot-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:35px;display:grid}.hoot-shortcut{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:12px;min-width:0;padding:17px 15px;display:flex}.hoot-shortcut:hover{background:#fcfaff;border-color:#ac85de}.shortcut-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:44px;display:flex}.shortcut-purple{color:#7334c9;background:#eee2fc}.shortcut-blue{color:#2265b6;background:#e1effe}.shortcut-orange{color:#ac5e09;background:#fff0d4}.hoot-shortcut>span:nth-child(2){flex:1;min-width:0}.hoot-shortcut strong{font-size:13px;font-weight:800;display:block}.hoot-shortcut small{color:#75657f;margin-top:5px;font-size:11px;line-height:1.5;display:block}.hoot-shortcut>svg{color:#a492b2;flex-shrink:0}.hoothoot .quiz-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.hoothoot .quiz-card{border:1px solid #e2dce9;border-radius:11px;overflow:visible;box-shadow:0 3px #e9e5ef}.hoothoot .quiz-card:hover{border-color:#b89bdc;transform:none;box-shadow:0 4px #e2d5f3}.hoothoot .quiz-card-cover{border-radius:10px 10px 0 0;height:183px}.hoothoot .hoot-cover{background:var(--cover,#d8eafb);border-bottom:0}.hoothoot .hoot-cover:before{display:none}.hoothoot .cover-science{background:var(--cover,#ffdfa5)}.hoothoot .cover-teamwork{background:var(--cover,#ecdffc)}.hoot-cover-art{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.cover-planet{color:#276ead;background:#b4d9fa;border-radius:50%;justify-content:center;align-items:center;width:142px;height:142px;display:flex;transform:rotate(-12deg)}.cover-planet svg{width:103px;height:103px}.cover-science .cover-planet{color:#8f4312;background:#f8c35a;transform:rotate(12deg)}.cover-teamwork .cover-planet{color:#6e36b2;background:#d2b5f6;transform:rotate(-8deg)}.cover-small-shape{position:absolute}.cover-small-shape.shape-triangle{background:#f3a838;width:22px;height:22px;top:34px;right:30px;transform:rotate(18deg)}.cover-small-shape.shape-diamond{background:#8f66ca;width:16px;height:16px;bottom:35px;left:29px;transform:rotate(20deg)}.cover-topic{color:#244b6b;text-overflow:ellipsis;white-space:nowrap;background:#ffffffd9;border-radius:4px;max-width:calc(100% - 28px);padding:6px 8px;font-size:11px;font-weight:800;position:absolute;bottom:12px;left:14px;overflow:hidden}.cover-science .cover-topic{color:#805111}.cover-teamwork .cover-topic{color:#61328c}.hoothoot .cover-count{color:#554166;background:#fff;border-radius:5px;padding:6px 7px;font-size:11px;bottom:12px;right:12px}.hoothoot .quiz-card-cover .card-status{top:12px;left:12px}.hoothoot .quiz-card-body{padding:18px}.hoothoot .quiz-card h3{letter-spacing:-.45px;font-size:18px;font-weight:800;line-height:1.3}.hoothoot .quiz-card-body>p{color:#74667f;margin-top:8px;font-size:13px;line-height:1.6}.hoothoot .quiz-card-meta{color:#74667f;gap:8px;margin-top:14px;font-size:11px}.hoothoot .card-category{color:#74667f;font-size:11px}.hoothoot .locale-tag{color:#6c567e;background:#faf7fe;border:1px solid #e3daeb;font-size:10px}.hoothoot .quiz-card-actions{border-color:#eee8f5;margin-top:15px;padding-top:14px}.hoothoot .quiz-card-actions .button{flex:1;font-size:12px}.hoothoot .quiz-card-actions .button-soft{color:#fff;background:#7035ce;border-color:#51229c}.hoothoot .quiz-card-actions .button-soft:hover{background:#5b24b5}.hoothoot .library-toolbar{border-color:var(--line);gap:20px;margin-bottom:19px;padding:0 0 16px}.hoothoot .tabs{gap:7px}.hoothoot .tabs button{color:#71607f;border-radius:7px;padding:11px 15px;font-size:14px}.hoothoot .tabs button.active{color:#6326b1;background:#eadefa;font-weight:800}.hoothoot .tabs button span{color:#6937a6;background:#d9c5f2;font-size:11px}.hoothoot .search-field{background:#fff;border:1px solid #ddd4e8;border-radius:7px;min-width:240px;min-height:42px}.hoothoot .search-field input{color:var(--ink);font-size:13px}.hoothoot .category-toolbar{gap:15px;margin-bottom:22px}.hoothoot .category-select{color:#6b557d;background:#fff;border-color:#ded4e9;border-radius:7px;padding:10px 12px}.hoothoot .category-select select{color:#604874;font-size:13px}.hoothoot .library-management-actions{gap:20px}.hoothoot .quick-join-banner{background:#fff;border:1px solid #e0d6eb;border-left:5px solid #793fd3;border-radius:9px;margin-top:32px;padding:25px}.hoothoot .quick-join-symbol{color:#7840c3;background:#eee2fc}.hoothoot .quick-join-banner h3{font-size:20px}.hoothoot .quick-join-banner p{color:#75647f;font-size:13px}.hoothoot .quick-join-banner input{color:#633199;border-color:#dcd1e7;font-size:15px}.hoothoot .recent-session-row{border-color:#ece5f3;padding:18px}.hoothoot .recent-session-row:hover{background:#faf6ff}.hoothoot .recent-session-row strong{font-size:14px}.hoothoot .recent-session-row>div>span{color:#75617e;font-size:12px}.hoothoot .recent-session-icon{color:#804bc4;background:#eee1fc}.hoothoot .editor-toolbar{border-color:var(--line)}.hoothoot .editor-title-input{color:var(--ink);font-size:23px;font-weight:800}.hoothoot .editor-actions .button{min-height:40px;font-size:13px}.hoothoot .save-status{color:#6c567c;font-size:11px}.hoothoot .save-status.unsaved{color:#866012}.hoothoot .question-sidebar-heading strong{color:#6d557e;font-size:12px}.hoothoot .question-sidebar-heading>span{color:#64497a;background:#ece2f7;font-size:10px}.hoothoot .question-thumb{background:#fff;border-color:#ddd2e9;border-radius:7px}.hoothoot .question-thumb.active{background:#f3ebfc;border-color:#9863d5;box-shadow:0 0 0 1px #9863d5}.hoothoot .question-thumb-main strong{font-size:12px}.hoothoot .question-thumb-main>div>span{color:#705481;font-size:10px}.hoothoot .question-thumb-number{color:#6d4d87}.hoothoot .quiz-details-button{color:#6c428c;border-color:#dfd4eb;font-size:13px}.hoothoot .question-canvas,.hoothoot .editor-panel,.hoothoot .question-settings{background:#fff;border-color:#e2d9ed;border-radius:9px}.hoothoot .question-prompt{color:var(--ink);background:#faf7fe;border-color:#ddd0ed;font-size:25px}.hoothoot .question-prompt::placeholder{color:#877493}.hoothoot .canvas-toolbar>.eyebrow{color:#725186;font-size:12px}.hoothoot .answer-options-heading strong{color:var(--ink);font-size:14px}.hoothoot .answer-options-heading>span{color:#75627f;font-size:12px}.hoothoot .editor-answer input{color:#3c284c;font-size:14px}.hoothoot .editor-answer input::placeholder{color:#776582}.hoothoot .editor-answer.answer-color-0{background:#fff0f0;border-color:#efb9c0}.hoothoot .editor-answer.answer-color-1{background:#edf4ff;border-color:#b3cef2}.hoothoot .editor-answer.answer-color-2{background:#fff6d8;border-color:#ead17d}.hoothoot .editor-answer.answer-color-3{background:#e8f5ee;border-color:#a5d6bd}.hoothoot .question-settings h3{font-size:16px}.hoothoot .question-settings .field>span{font-size:12px}.hoothoot .question-settings .field select{font-size:13px}.hoothoot .settings-note{color:#8661ad;border-color:#e8dcf2}.hoothoot .settings-note p,.hoothoot .settings-note>span{color:#725583;font-size:11px}.hoothoot .translation-toggle{color:#7942ac;background:#f0e7fa;border-color:#ddc9ef;font-size:13px}.hoothoot .translation-toggle>span:nth-child(2){color:#724199}.hoothoot .image-upload-button{color:#72479a;background:#faf6ff;border-color:#ddccef;font-size:12px}.hoothoot .settings-panel h2{font-size:21px}.hoothoot .settings-panel-description{color:#73617e;font-size:14px}.hoothoot .auth-page{background:#fff;grid-template-columns:48% 52%}.hoothoot .auth-story{background:#5b24b5;width:100%;padding:35px 46px 25px;position:relative;overflow:hidden}.hoothoot .auth-story .brand{color:#fff;font-size:31px}.hoothoot .auth-story-content{text-align:center;margin:auto 0;padding:45px 0 0;position:relative}.hoothoot .auth-story-content h1{color:#fff;letter-spacing:-2px;max-width:470px;margin:0 auto;font-size:clamp(35px,3.8vw,54px);font-weight:850;line-height:1.1}.hoothoot .auth-story-content>p{color:#f0e5ff;max-width:380px;margin:18px auto 0;font-size:16px;line-height:1.65}.hoothoot .auth-koala{width:min(390px,85%);max-height:405px;margin:22px auto -22px}.quiz-shape-strip{z-index:1;justify-content:center;gap:25px;padding:15px;display:flex;position:relative}.quiz-shape-strip i{width:24px;height:24px;display:block}.shape-triangle{clip-path:polygon(50% 0,100% 100%,0 100%);background:#f04c68}.shape-diamond{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:#55b6fa}.shape-circle{background:#ffce4c;border-radius:50%}.shape-square{background:#5ad69b;border-radius:3px}.hoothoot .auth-story-footer{color:#ebdfff;margin-top:35px;font-size:11px}.hoothoot .auth-form-side{background:#fff;width:100%;padding:32px 46px}.hoothoot .auth-form-wrap{width:100%;max-width:390px}.hoothoot .auth-form-wrap h2{color:var(--ink);font-size:33px}.hoothoot .auth-subtitle{color:#72617e;margin-top:12px;font-size:15px;line-height:1.65}.hoothoot .auth-form-wrap .field{margin-bottom:19px}.hoothoot .auth-form-wrap .field input,.hoothoot .auth-form-wrap .button-full{min-height:48px;font-size:15px}.hoothoot .form-divider{color:#73617f;border-color:var(--line);font-size:12px}.hoothoot .form-divider span{letter-spacing:0}.hoothoot .demo-hint{color:#72617e;font-size:12px}.hoothoot .auth-switch{color:#6f5b7f;font-size:14px}.hoothoot .auth-switch a{color:#682eb9;font-weight:800}.hoothoot .auth-join-link{color:#6c34b7;font-size:14px}@media (min-width:1600px){.hoot-hero{min-height:340px}.hoot-hero-mascot .hoothoot-koala{width:305px;max-height:350px}}@media (max-width:1180px){.hoothoot .page-content{padding:28px 25px 40px}.hoothoot .topbar{padding:0 25px}.hoot-hero-copy{padding-left:26px}.hoot-hero-copy h2{font-size:35px}.hoot-hero-copy p{font-size:14px}.hoot-hero-actions{gap:9px}.hoothoot .hoot-hero-actions .button{padding:10px 13px;font-size:13px}.hoot-hero-mascot .hoothoot-koala{width:240px}.mascot-speech{font-size:12px;top:22px;right:5px}.mascot-backdrop{width:235px;height:235px;top:60px;right:6%}.hoot-shortcuts{gap:9px}.hoot-shortcut{gap:8px;padding:14px 10px}.hoot-shortcut>svg{display:none}.hoot-shortcut strong{font-size:12px}.hoot-shortcut small{font-size:10px}.hoothoot .quiz-grid{gap:15px}.hoothoot .quiz-card-cover{height:160px}.hoothoot .quiz-card-body{padding:14px}.hoothoot .quiz-card h3{font-size:16px}.hoothoot .quiz-card-actions{gap:7px}.hoothoot .quiz-card-actions .button{padding:9px 10px}}@media (max-width:1000px) and (min-width:781px){.hoothoot .sidebar{width:207px;padding-left:12px;padding-right:12px}.hoothoot .sidebar .brand{gap:3px;font-size:24px}.hoothoot .sidebar .koala-mark{width:38px}.hoothoot .workspace-main{margin-left:207px}.hoothoot .quiz-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hoot-hero{grid-template-columns:1.5fr 1fr}.hoot-hero-copy h2{font-size:29px}.hoot-hero-mascot .hoothoot-koala{width:210px}.mascot-speech{display:none}.hoot-shortcuts{grid-template-columns:1fr}.hoot-shortcut{gap:14px;padding:13px 17px}.hoot-shortcut strong{font-size:14px}.hoot-shortcut small{font-size:12px}.hoot-shortcut>svg{display:block}}@media (max-width:780px){.hoothoot .sidebar{width:254px;padding:24px 18px}.hoothoot .sidebar-close{color:#6c3ba3}.hoothoot .sidebar-close:hover{color:#5b2695!important;background:#eee2fa!important}.hoothoot .sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#26143590}.hoothoot .workspace-main{margin-left:0}.hoothoot .topbar{height:68px;padding:0 20px}.hoothoot .topbar-actions{gap:11px}.hoothoot .page-content{padding:25px 20px 35px}.hoothoot .workspace-footer{padding:18px 20px}.hoothoot .auth-story{display:none}.hoothoot .auth-page{display:block}.hoothoot .auth-form-side{width:100%;min-height:100vh;padding:25px}.hoothoot .auth-mobile-brand{display:inline-flex}.hoothoot .auth-mobile-brand .brand{font-size:25px}.hoothoot .auth-form-wrap{margin:40px auto}.hoothoot .hoot-hero{grid-template-columns:1.3fr 1fr;min-height:285px}.hoot-hero-mascot .hoothoot-koala{width:240px}.hoot-shortcut strong{font-size:13px}.hoothoot .quick-join-banner{padding:20px}.hoothoot .quiz-card-cover{height:175px}}@media (max-width:620px){.hoothoot .topbar{height:65px;padding:0 16px}.hoothoot .topbar-actions{gap:9px}.hoothoot .topbar-actions>.button-ink{min-height:37px;padding:8px 10px;font-size:12px}.hoothoot .breadcrumb{font-size:13px}.hoothoot .topbar .breadcrumb{display:none}.hoothoot .topbar-left{gap:9px}.mobile-workspace-brand{display:inline-flex}.hoothoot .mobile-workspace-brand .brand{letter-spacing:-.8px;gap:3px;font-size:20px}.mobile-workspace-brand .koala-mark{width:31px;height:32px}.hoothoot .topbar-actions .create-label{display:none}.hoothoot .topbar-actions>.button-ink{width:38px;padding:8px}.hoothoot .language-switch{padding:3px;font-size:10px}.hoothoot .page-content{padding:24px 16px 32px}.hoothoot .dashboard-greeting{margin-bottom:20px}.hoothoot .dashboard-greeting h1{font-size:24px}.dashboard-counts{display:none}.hoothoot .hoot-hero{border-radius:12px;grid-template-columns:1fr;min-height:0}.hoot-hero-copy{max-width:100%;padding:27px 24px 0}.hoot-hero-copy h2{max-width:300px;font-size:34px}.hoot-hero-copy p{max-width:300px;font-size:14px}.hoot-hero-actions{gap:9px;margin-top:20px}.hoothoot .hoot-hero-actions .button{min-height:43px;padding:10px 12px;font-size:12px}.hoot-hero-mascot{height:215px;margin-top:12px}.hoot-hero-mascot .hoothoot-koala{width:216px;max-height:240px;margin-bottom:-28px}.mascot-backdrop{width:210px;height:210px;top:25px;right:calc(50% - 105px)}.mascot-speech{font-size:12px;top:33px;right:calc(50% - 156px)}.hoot-shortcuts{grid-template-columns:1fr;gap:9px;margin-bottom:30px}.hoot-shortcut{gap:14px;padding:14px 16px}.hoot-shortcut strong{font-size:14px}.hoot-shortcut small{font-size:12px}.hoot-shortcut>svg{display:block}.hoothoot .section-heading h2{font-size:22px}.hoothoot .section-heading p{display:none}.hoothoot .quiz-grid{grid-template-columns:1fr;gap:21px}.hoothoot .quiz-card-cover{height:192px}.hoothoot .quiz-card-body{padding:18px}.hoothoot .quiz-card h3{font-size:20px}.hoothoot .quiz-card-body>p{font-size:14px}.hoothoot .quiz-card-actions .button{min-height:42px;font-size:13px}.hoothoot .page-heading h1{font-size:31px}.hoothoot .page-heading p{font-size:14px}.hoothoot .library-toolbar{flex-direction:column;align-items:stretch;gap:16px}.hoothoot .tabs button{padding:10px 13px;font-size:13px}.hoothoot .search-field{width:100%;min-width:0}.hoothoot .category-toolbar{flex-wrap:wrap;gap:14px}.hoothoot .library-management-actions{justify-content:space-between;gap:14px;width:100%}.hoothoot .library-management-actions .text-link{font-size:12px}.hoothoot .quick-join-banner{padding:19px}.hoothoot .quick-join-banner h3{font-size:19px}.hoothoot .modal{padding:23px 20px}.hoothoot .modal-heading h2{font-size:23px}.hoothoot .editor-title-input{font-size:21px}.hoothoot .editor-actions .button{min-height:38px;padding:9px 10px;font-size:12px}.hoothoot .question-thumb-main strong{font-size:11px}.hoothoot .question-prompt{font-size:23px}.hoothoot .question-settings .field select{font-size:12px}.hoothoot .auth-form-wrap{margin-top:35px}.hoothoot .auth-form-wrap h2{font-size:31px}}@media (prefers-reduced-motion:reduce){.hoothoot *,.hoothoot :before,.hoothoot :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (max-width:360px){.hoothoot .mobile-workspace-brand .brand{gap:2px;font-size:17px}.mobile-workspace-brand .koala-mark{width:27px;height:29px}.hoothoot .topbar{gap:8px}.hoothoot .topbar-left{gap:7px}}