:root{color-scheme:light;font-family:Inter,Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:500;color:#0b193d;background:#fbfcfe;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background: #fbfcfe;--surface: #ffffff;--navy-900: #0b193d;--navy-700: #34445a;--text-muted: #6e7892;--blue: #5ea4f6;--blue-strong: #2f84ee;--blue-soft: #eaf4ff;--yellow: #f9ad20;--yellow-soft: #fff4d8;--lavender: #7769ee;--lavender-soft: #f0edff;--green: #35ae82;--green-soft: #e8f7f0;--coral: #f65a64;--coral-soft: #fdebed;--category-time: var(--yellow);--category-time-soft: var(--yellow-soft);--category-students: var(--lavender);--category-students-soft: var(--lavender-soft);--category-classroom: var(--green);--category-classroom-soft: var(--green-soft);--category-random: var(--coral);--category-random-soft: var(--coral-soft);--category-display: var(--blue);--category-display-soft: var(--blue-soft);--border: #e8ecf2;--shadow-soft: 0 14px 34px rgba(52, 68, 90, .08);--shadow-card: 0 10px 22px rgba(52, 68, 90, .07);--radius-card: 24px;--radius-control: 16px}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button,a{font:inherit}button{border:0;cursor:pointer}:focus-visible{outline:4px solid color-mix(in srgb,var(--blue-strong) 70%,#ffffff);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}svg{display:block}.app-frame{display:flex;min-height:100vh;flex-direction:column}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px;padding:12px clamp(20px,4vw,64px);background:#fffffff5;border-bottom:1px solid var(--border);border-radius:0 0 18px 18px;box-shadow:0 8px 24px #34445a0f}.offline-status{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border-radius:999px;color:var(--navy-700);background:#f1f4f8;font-size:.95rem;font-weight:850}.brand-link{display:inline-flex;align-items:center;flex:0 0 auto;min-width:220px}.logo{display:inline-flex;align-items:center;width:clamp(220px,19vw,300px);height:64px;color:var(--navy-900)}.logo-image{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}.logo-image--compact{width:64px;max-height:64px}.logo-mark{width:64px;height:64px;flex:0 0 auto}.logo__wordmark{font-size:clamp(1.32rem,1.8vw,1.78rem);font-weight:850;white-space:nowrap}.main-nav{display:flex;align-items:center;flex-wrap:nowrap;gap:12px}.nav-pill,.filter-pill,.preset-button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 28px;border-radius:999px;color:#52617d;background:transparent;font-weight:800;transition:background .18s ease,color .18s ease,transform .18s ease}.nav-pill.is-active,.header-settings.is-active{color:var(--blue-strong);background:var(--blue-soft)}.icon-button{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:18px;color:#52617d;background:transparent}.icon-button svg{width:30px;height:30px}.header-settings svg{width:24px;height:24px}@media(min-width:761px){.main-nav{gap:8px;min-width:0}.main-nav .nav-pill{padding-inline:12px;white-space:nowrap;flex-shrink:0}.main-nav .account-nav{min-width:0;flex-shrink:1}.header-settings{flex-shrink:0}}.page-shell{width:min(100%,1720px);flex:1;margin:0 auto;padding:clamp(34px,4vw,58px) clamp(20px,4vw,64px) 48px}.hero-copy h1,.tools-copy h1{margin:0;color:var(--navy-900);font-size:clamp(2.85rem,5.15vw,5rem);line-height:.95;font-weight:900;letter-spacing:0}.hero-copy p,.tools-copy p{margin:12px 0 0;color:#65728e;font-size:clamp(1.25rem,2vw,1.9rem);line-height:1.2}.section-block{margin-top:46px}.section-block h2{margin:0 0 18px;color:var(--navy-900);font-size:clamp(1.65rem,2.4vw,2.1rem);line-height:1.1}.quick-grid,.useful-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.tool-card{position:relative;display:grid;grid-template-columns:1fr auto;align-items:end;gap:14px;width:100%;min-width:0;color:var(--navy-900);text-align:left;border:1px solid rgba(232,236,242,.9);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.tool-card:hover,.tool-card:focus-within{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.tool-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 14%,transparent)}.tool-card--large{min-height:210px;padding:32px 28px 26px}.tool-card--compact{align-items:center;min-height:118px;padding:18px 20px;background:var(--surface)}.tool-card__main{display:grid;min-width:0;color:inherit;text-align:left;background:transparent}.tool-card--compact .tool-card__main{grid-template-columns:auto 1fr;align-items:center;gap:14px}.tool-card__main:focus-visible,.tool-card__arrow:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:4px}.tool-card__icon{display:inline-grid;place-items:center;width:86px;height:86px;border-radius:22px}.tool-card--large .tool-card__icon{position:absolute;top:30px;left:30px}.tool-card--compact .tool-card__icon{width:66px;height:66px;border-radius:18px}.tool-card__icon svg{width:58px;height:58px}.tool-card--compact .tool-card__icon svg{width:42px;height:42px}.tool-card__content{display:grid;min-width:0}.tool-card--large .tool-card__content{margin-top:96px}.tool-card__title{color:var(--navy-900);font-size:clamp(1.16rem,1.35vw,1.46rem);line-height:1.1;font-weight:900}.tool-card__description{margin-top:8px;color:#68748f;font-size:.98rem;line-height:1.25}.tool-card__arrow{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:50%;font-size:2rem;color:var(--accent);background:#ffffff94}.tool-card__arrow svg{width:28px;height:28px}.all-tools-card{grid-template-columns:auto minmax(0,1fr) auto}.all-tools-card .tool-card__title{font-size:clamp(1.08rem,1.15vw,1.34rem);white-space:nowrap}.accent-yellow{--accent: var(--category-time);--accent-soft: var(--category-time-soft);background:var(--category-time-soft)}.accent-blue{--accent: var(--category-display);--accent-soft: var(--category-display-soft);background:var(--category-display-soft)}.accent-lavender{--accent: var(--category-students);--accent-soft: var(--category-students-soft);background:var(--category-students-soft)}.accent-green{--accent: var(--category-classroom);--accent-soft: var(--category-classroom-soft);background:var(--category-classroom-soft)}.accent-coral{--accent: var(--category-random);--accent-soft: var(--category-random-soft);background:var(--category-random-soft)}.tool-card .tool-card__icon,.preview-heading__icon,.recent-chip svg{color:var(--accent);background:#ffffff94}.recent-section{padding-top:22px;border-top:1px solid var(--border)}.recent-list{display:flex;flex-wrap:wrap;gap:12px}.recent-chip{display:inline-flex;align-items:center;gap:10px;min-height:62px;padding:10px 18px;border:1px solid var(--border);border-radius:18px;color:var(--navy-900);background:var(--surface);font-weight:800}.recent-chip svg{width:36px;height:36px;padding:7px;border-radius:12px}@media(max-width:760px){.recent-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:8px}.recent-chip{min-width:0;flex-direction:column;justify-content:center;gap:8px;padding:12px 8px;text-align:center}.recent-chip svg{flex-shrink:0}}.tools-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,480px);gap:clamp(24px,3.2vw,42px);align-items:start}.category-filters{display:flex;flex-wrap:wrap;gap:18px;margin:34px 0 28px}.filter-pill{min-width:144px;background:#f1f4f8}.filter-pill.is-active{color:#fff;background:var(--blue-strong)}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tool-grid .tool-card--large{min-height:194px;padding:28px 24px 24px}.tool-grid .tool-card--large .tool-card__icon{top:26px;left:26px}.tool-grid .tool-card--large .tool-card__content{margin-top:92px}.tool-grid .tool-card__title{font-size:clamp(1.12rem,1.1vw,1.34rem)}.tool-grid .tool-card__description{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.95rem}.tools-side{position:sticky;top:116px;display:grid;gap:16px}.tool-preview{min-height:610px;padding:30px 36px;border:1px solid var(--border);border-radius:28px;background:var(--surface);box-shadow:var(--shadow-card)}.preview-heading{display:flex;align-items:center;gap:22px;padding-bottom:26px;border-bottom:1px solid var(--border)}.preview-heading__icon{display:grid;place-items:center;width:112px;height:112px;border-radius:22px;flex:0 0 auto}.preview-heading__icon svg{width:74px;height:74px}.preview-heading h2{margin:0;color:var(--navy-900);font-size:clamp(1.45rem,2vw,2rem);line-height:1.1}.preview-heading p{margin:8px 0 0;color:var(--text-muted);font-size:1.08rem}.timer-widget{display:grid;gap:26px;padding-top:24px}.timer-display{display:grid;place-items:center;min-height:166px;border-radius:22px;color:var(--navy-900);background:var(--category-time-soft);font-size:clamp(4.2rem,7vw,6.8rem);line-height:1;font-weight:900}.timer-actions{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}.round-control{display:grid;place-items:center;width:82px;height:82px;border-radius:50%;color:var(--blue-strong);background:var(--blue-soft);transition:transform .15s ease}.round-control:active{transform:scale(.97)}.round-control svg{width:38px;height:38px}.round-control--play{width:102px;height:102px;color:#fff;background:#39bf7b}.quick-presets{display:grid;gap:12px;padding-top:24px;border-top:1px solid var(--border);color:#52617d;font-weight:850}.quick-presets__buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stopwatch-tool,.traffic-light-tool{width:min(1120px,100%)}.stopwatch-stage{display:grid;place-items:center;gap:8px;min-height:clamp(300px,44vh,540px);background:var(--category-time-soft)}.stopwatch-stage p{margin:0;color:var(--text-muted);font-size:clamp(1.1rem,1.7vw,1.5rem);font-weight:850}.stopwatch-stage strong{color:var(--navy-900);font-size:clamp(5.2rem,12vw,12rem);line-height:.95;font-variant-numeric:tabular-nums}.stopwatch-actions,.traffic-light-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px}.lap-list{display:grid;gap:10px;width:min(620px,100%);max-height:260px;margin:0;padding:0;overflow:auto;list-style:none}.lap-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:12px 18px;border:1px solid var(--border);border-radius:18px;color:var(--navy-700);background:var(--surface);font-weight:850}.lap-list strong{color:var(--navy-900);font-variant-numeric:tabular-nums}.traffic-light-stage{display:grid;justify-items:center;gap:clamp(20px,3vw,36px);background:var(--category-classroom-soft)}.traffic-light-body{display:grid;gap:clamp(14px,2vw,22px);padding:clamp(18px,3vw,34px);border:8px solid #2e3f52;border-radius:44px;background:#34445a;box-shadow:var(--shadow-soft)}.traffic-light-lamp{width:clamp(116px,15vw,190px);aspect-ratio:1;border:8px solid rgba(255,255,255,.18);border-radius:50%;filter:saturate(.45);opacity:.32;transition:transform .14s ease,opacity .14s ease,filter .14s ease}.traffic-light-lamp--red{background:#f65a64}.traffic-light-lamp--yellow{background:#f9ad20}.traffic-light-lamp--green{background:#35ae82}.traffic-light-lamp.is-active{filter:saturate(1.05);opacity:1;transform:scale(1.03);box-shadow:0 0 0 8px #ffffff29,0 18px 34px #0b193d29}.traffic-light-state{color:var(--navy-900);font-size:clamp(3rem,7vw,7rem);line-height:1;font-weight:900}.preset-button{min-height:58px;padding:0 12px;border:1px solid var(--border);background:var(--surface)}.preset-button.is-active{color:var(--blue-strong);border-color:var(--blue-strong);background:var(--blue-soft)}.simple-page{display:grid;gap:22px;width:min(980px,100%);margin:0 auto}.simple-page h1{margin:0;color:var(--navy-900);font-size:clamp(2.4rem,5vw,4.6rem);line-height:1.05}.simple-copy,.settings-section{display:grid;gap:14px;padding:clamp(20px,3vw,34px);border:1px solid var(--border);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-card)}.simple-copy p,.settings-section p{margin:0;color:var(--navy-700);font-size:clamp(1.05rem,1.5vw,1.24rem)}.settings-section h2{margin:0;color:var(--navy-900);font-size:clamp(1.4rem,2vw,1.9rem)}.simple-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.text-link{color:var(--blue-strong);font-weight:900}.danger-action{color:#b4232c;background:#fff0f1}.account-nav{gap:8px;max-width:min(280px,26vw)}.account-nav svg{width:22px;height:22px;flex:0 0 auto}.account-nav__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-nav__mobile{display:none}.plan-badge,.soon-badge{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:6px 12px;border-radius:999px;font-size:.92rem;font-weight:900}.plan-badge{color:var(--blue-strong);background:var(--blue-soft)}.soon-badge{color:var(--navy-700);background:#f1f4f8}.account-page{width:min(1040px,100%)}.account-profile{--accent: #235e9b;--accent-soft: var(--blue-soft);margin-bottom:24px}.account-profile h3{margin:0;font-size:1.3rem}.profile-form{display:grid;gap:20px;margin:16px 0;max-width:640px}.profile-form label{display:block;margin-bottom:8px;font-weight:800}.profile-form p{margin:8px 0 0}.profile-form h4{margin:0;font-size:1.2rem}.profile-form .simple-actions{flex-wrap:wrap}.account-profile button{min-height:44px}.account-profile .profile-error{color:#a32323;font-weight:700}.profile-error:empty{display:none}.profile-verification{padding:20px;border:1px solid var(--border);border-radius:18px;background:var(--blue-soft)}.profile-verification strong,.account-summary-email{overflow-wrap:anywhere}.plan-badge{color:#235e9b}.plan-badge--attention{color:#704900;background:var(--yellow-soft)}.plan-badge--error,.plan-badge--unknown,.plan-badge--loading{color:var(--navy-700);background:#f1f4f8}.account-billing{--accent: #235e9b;--accent-soft: var(--blue-soft);min-height:190px}.account-billing h3{margin:24px 0 8px;font-size:1.35rem}.account-billing .billing-plan-title{color:var(--navy-900);font-size:1.25rem;font-weight:850}.billing-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.billing-choice{display:grid;align-content:start;gap:16px;padding:24px;border:1px solid var(--border);border-radius:20px}.billing-choice--yearly{border-color:#b6cde6;background:#f5f9fe}.billing-choice h4,.billing-choice .billing-price{margin:0}.billing-choice h4{font-size:1.2rem}.account-billing .billing-price{color:var(--navy-900);font-size:1.8rem;font-weight:850}.billing-price span{font-size:1rem;font-weight:600}.billing-choice button{width:100%;padding-block:12px}.billing-notice{padding:16px 20px;background:var(--blue-soft);border-left:4px solid #235e9b;border-radius:12px;margin:16px 0}.account-billing .billing-notice p{color:var(--navy-700)}.account-billing .billing-footnote{font-size:1rem;color:var(--navy-700)}.account-identity-card .account-details dd{flex-wrap:wrap}@media(max-width:640px){.billing-choices{grid-template-columns:1fr}.billing-choice{padding:20px}}.account-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}.account-details div{display:grid;gap:6px;min-width:0;padding:16px;border:1px solid var(--border);border-radius:18px;background:#fbfcfe}.account-details dt{color:var(--text-muted);font-size:.92rem;font-weight:850}.account-details dd{display:flex;align-items:center;gap:10px;min-width:0;margin:0;color:var(--navy-900);font-size:clamp(1.02rem,1.4vw,1.18rem);font-weight:900;overflow-wrap:anywhere}.account-summary-action,.account-actions-card .danger-action{justify-self:start}.form-status:empty{display:none}.pwa-update{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:20;display:flex;align-items:center;gap:10px;max-width:min(620px,calc(100vw - 36px));padding:12px;border:1px solid var(--border);border-radius:18px;color:var(--navy-700);background:#fffffff5;box-shadow:var(--shadow-card);font-weight:850}.pwa-update button{min-height:44px;padding:0 14px;border-radius:14px;color:var(--blue-strong);background:var(--blue-soft);font-weight:900}.preview-placeholder{display:grid;place-items:center;gap:14px;min-height:330px;margin-top:26px;border-radius:22px;color:var(--accent)}.preview-placeholder svg{width:120px;height:120px}.preview-placeholder p{margin:0;color:var(--navy-700);font-size:1.25rem;font-weight:800}.open-tool-button{min-height:64px;border-radius:20px;color:#fff;background:var(--blue-strong);font-weight:900;font-size:1.1rem}.tool-shell{min-height:100vh;padding:18px clamp(18px,3vw,42px) 28px;background:var(--background)}.tool-shell+.app-footer{display:none}.tool-shell__header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:78px}.tool-shell__header h1{margin:0;text-align:center;font-size:clamp(1.6rem,3vw,2.8rem);line-height:1.1}.shell-back{display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 18px;border-radius:18px;color:var(--navy-900);background:var(--surface);border:1px solid var(--border);font-weight:850}.shell-back svg{width:24px;height:24px}.tool-shell__stage{display:grid;place-items:center;min-height:calc(100vh - 170px);padding:22px;border-radius:28px;background:var(--surface);border:1px solid var(--border)}.full-timer{width:min(780px,100%)}.full-timer .timer-display{min-height:240px;font-size:clamp(5.2rem,12vw,10rem)}.tool-coming-soon{display:grid;place-items:center;gap:14px;width:min(760px,100%);min-height:440px;border-radius:28px;text-align:center}.tool-coming-soon svg{width:140px;height:140px;color:var(--accent)}.tool-coming-soon h2{margin:0;font-size:clamp(2rem,4vw,3.8rem)}.tool-coming-soon p{margin:0;color:var(--text-muted);font-size:clamp(1.2rem,2vw,1.6rem)}.tool-workspace{display:grid;justify-items:center;gap:22px;width:min(1120px,100%);color:var(--navy-900)}.classroom-focus{align-content:center}.student-list-tools{display:flex;align-items:end;justify-content:center;flex-wrap:wrap;gap:12px;width:100%}.configuration-tools{opacity:.92}.student-manager,.schedule-editor{width:100%;padding:22px;border:1px solid var(--border);border-radius:22px;background:var(--surface)}.manager-row,.manager-grid,.schedule-row{display:grid;gap:14px}.manager-row{grid-template-columns:minmax(220px,1fr) auto auto;align-items:end;margin-bottom:18px}.manager-grid{grid-template-columns:minmax(260px,.8fr) minmax(300px,1.2fr)}.student-name-list{display:grid;align-content:start;gap:10px;max-height:330px;overflow:auto}.student-row{display:grid;grid-template-columns:1fr auto;gap:8px}.field-label{display:grid;gap:7px;color:var(--text-muted);font-size:.9rem;font-weight:800}.soft-input,.soft-select,.soft-textarea{min-height:52px;width:100%;border:1px solid var(--border);border-radius:16px;padding:0 16px;color:var(--navy-900);background:var(--surface);font:inherit}.soft-textarea{min-height:150px;padding-block:14px;resize:vertical}.primary-tool-button,.secondary-button,.quiet-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:58px;border-radius:18px;font-weight:900}.primary-tool-button{min-width:min(360px,100%);padding:0 28px;color:#fff;background:var(--accent)}.primary-tool-button.small{min-width:0;padding-inline:20px}.secondary-button{padding:0 18px;color:var(--navy-900);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border))}.secondary-button svg,.quiet-action svg{width:22px;height:22px}.quiet-action{min-height:48px;padding:0 12px;color:var(--text-muted);background:transparent}.centered-action{justify-self:center}.muted-text,.tool-kicker{color:var(--text-muted)}.empty-tool-state{display:grid;place-items:center;gap:8px;min-height:250px;text-align:center}.empty-tool-state p{margin:0;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:900}.empty-tool-state span{color:var(--text-muted);font-size:1.1rem}.segmented-control{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:8px;border-radius:999px;background:#f1f4f8}.segmented-control.compact{padding:6px}.segmented-control.compact button{min-height:44px;padding-inline:16px;font-size:.94rem}.segmented-control button{min-height:48px;padding:0 20px;border-radius:999px;color:#52617d;background:transparent;font-weight:850}.segmented-control button.is-active{color:#fff;background:var(--accent)}.random-stage{display:grid;place-items:center;gap:10px;min-height:clamp(330px,44vh,560px);text-align:center}.random-stage p,.bell-stage p,.bell-stage span{margin:0;color:var(--text-muted);font-size:clamp(1rem,1.6vw,1.35rem);font-weight:800}.random-stage h2,.bell-stage h2{margin:0;color:var(--navy-900);font-size:clamp(4rem,10.5vw,10rem);line-height:.95;text-align:center;overflow-wrap:anywhere}.random-stage__placeholder{color:#7a849b;font-size:clamp(2.6rem,6vw,5.6rem);font-weight:850}.primary-result{width:100%}.hero-action{min-height:72px;min-width:min(440px,100%);font-size:clamp(1.15rem,2vw,1.55rem)}.secondary-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}.control-label{color:var(--text-muted);font-weight:850}.group-setup{display:grid;justify-items:center;gap:18px}.groups-actions{display:flex;justify-content:center}.stepper-row{display:flex;align-items:center;justify-content:center;gap:22px}.stepper-row strong{min-width:90px;text-align:center;font-size:clamp(2.4rem,5vw,4rem)}.groups-output{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;width:100%}.group-card{padding:clamp(22px,2.3vw,34px);border-radius:22px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 20%,var(--border))}.group-card h2{margin:0 0 18px;font-size:clamp(1.55rem,2vw,2.2rem)}.group-card ul{display:grid;gap:8px;margin:0;padding:0;list-style:none;color:var(--navy-700);font-size:clamp(1.2rem,1.7vw,1.7rem);line-height:1.25}.privacy-note{max-width:780px;color:var(--text-muted);text-align:center;font-size:1rem}.noise-meter{display:grid;place-items:center;gap:18px;width:min(760px,100%);min-height:clamp(420px,55vh,660px);text-align:center}.noise-meter p{margin:0;color:var(--text-muted);font-size:1.35rem;font-weight:850}.noise-meter strong{font-size:clamp(4.2rem,9.5vw,9rem);line-height:1}.meter-track{width:min(620px,100%);height:36px;overflow:hidden;border-radius:999px;background:#edf1f6}.meter-track span{display:block;height:100%;border-radius:inherit;background:var(--accent);transition:width .12s ease}.zone-calm strong{color:var(--green)}.zone-calm .meter-track span{background:var(--green)}.zone-medium strong{color:var(--yellow)}.zone-medium .meter-track span{background:var(--yellow)}.zone-loud strong{color:var(--coral)}.zone-loud .meter-track span{background:var(--coral)}.zone-paused strong{color:var(--text-muted)}.tool-error{color:var(--coral);font-weight:850}.bell-stage{display:grid;place-items:center;gap:12px;min-height:clamp(430px,58vh,700px);text-align:center}.schedule-editor{display:grid;gap:12px}.standalone-editor{max-width:1180px}.schedule-header-row{display:grid;grid-template-columns:minmax(140px,1.2fr) minmax(120px,.7fr) minmax(120px,.7fr) minmax(130px,.7fr) 56px;gap:14px;color:var(--text-muted);font-size:.85rem;font-weight:900}.schedule-row{grid-template-columns:minmax(140px,1.2fr) minmax(120px,.7fr) minmax(120px,.7fr) minmax(130px,.7fr) auto;align-items:center}.editor-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:8px}.app-footer{padding:22px clamp(20px,4vw,64px);color:var(--text-muted);background:var(--background);border-top:1px solid var(--border);text-align:center;font-size:.875rem}.app-footer p{margin:0}.app-footer a{color:var(--blue-strong);font-weight:750;text-decoration:none;text-underline-offset:3px}.app-footer a:hover{color:var(--navy-700);text-decoration:underline}.app-footer a:focus-visible{outline:3px solid var(--blue-soft);outline-offset:3px;border-radius:6px}:fullscreen .app-footer,:fullscreen .tool-shell__header .shell-back,:fullscreen .tool-shell__header h1{display:none}:fullscreen .tool-shell{display:grid;grid-template-rows:auto 1fr;padding:clamp(18px,2.2vw,32px)}:fullscreen .tool-shell__header{min-height:56px;grid-template-columns:1fr auto}:fullscreen .fullscreen-button{grid-column:2;justify-self:end;align-self:start}:fullscreen .tool-shell__stage{align-self:center;width:min(84vw,1640px);min-height:min(75vh,820px);max-height:78vh;margin:0 auto;border:0}:fullscreen .random-stage h2,:fullscreen .bell-stage h2{font-size:clamp(6.5rem,18vw,17rem)}:fullscreen .random-stage__placeholder{font-size:clamp(3.4rem,8vw,7rem)}:fullscreen .noise-meter{width:100%;min-height:70vh}:fullscreen .configuration-tools,:fullscreen .secondary-controls,:fullscreen .group-setup,:fullscreen .groups-actions,:fullscreen .privacy-note,:fullscreen .bell-stage+.centered-action{display:none}:fullscreen .groups-output{align-content:center;justify-content:center;gap:clamp(16px,1.7vw,26px);width:min(100%,1580px);margin:0 auto}:fullscreen .groups-count-2{grid-template-columns:repeat(2,minmax(340px,1fr))}:fullscreen .groups-count-3{grid-template-columns:repeat(3,minmax(300px,1fr))}:fullscreen .groups-count-4,:fullscreen .groups-count-7,:fullscreen .groups-count-8{grid-template-columns:repeat(4,minmax(250px,1fr))}:fullscreen .groups-count-5,:fullscreen .groups-count-6{grid-template-columns:repeat(3,minmax(300px,1fr))}:fullscreen .group-card{display:grid;align-content:start;min-height:clamp(220px,27vh,340px);padding-inline:clamp(18px,1.9vw,28px)}:fullscreen .group-card h2{font-size:clamp(1.9rem,2.65vw,3rem);white-space:nowrap}:fullscreen .group-card ul{font-size:clamp(1.55rem,2.1vw,2.45rem)}.result-secondary{margin:0;color:var(--text-muted);font-size:clamp(1.05rem,1.5vw,1.35rem);font-weight:850}.dice-tool,.wheel-tool,.qr-tool,.text-tool{width:min(1180px,100%)}.dice-config,.wheel-config,.qr-config,.text-config{display:grid;justify-items:center;gap:14px;width:min(780px,100%)}.dice-stage{display:grid;justify-items:center;gap:18px}.dice-grid{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(16px,2vw,28px)}.die-face{position:relative;width:clamp(112px,12vw,180px);aspect-ratio:1;border-radius:24px;background:#fff;border:2px solid color-mix(in srgb,var(--accent) 22%,var(--border));box-shadow:var(--shadow-card)}.die-pip{position:absolute;width:18%;aspect-ratio:1;border-radius:50%;background:var(--navy-900)}.die-pip--top-left{top:20%;left:20%}.die-pip--top-right{top:20%;right:20%}.die-pip--middle-left{top:50%;left:20%;transform:translateY(-50%)}.die-pip--middle-right{top:50%;right:20%;transform:translateY(-50%)}.die-pip--center{top:50%;left:50%;transform:translate(-50%,-50%)}.die-pip--bottom-left{bottom:20%;left:20%}.die-pip--bottom-right{right:20%;bottom:20%}.dice-stage.is-rolling .die-face{animation:dice-pop .32s ease}@keyframes dice-pop{50%{transform:translateY(-8px) rotate(3deg)}}.wheel-stage{display:grid;justify-items:center;gap:18px}.wheel-wrap{position:relative;display:grid;place-items:center;width:min(520px,82vw);aspect-ratio:1}.wheel-visual{position:relative;width:100%;height:100%;border-radius:50%;border:10px solid #ffffff;box-shadow:var(--shadow-soft);transition:transform 1.1s cubic-bezier(.15,.7,.1,1)}.wheel-visual:after{position:absolute;inset:44%;content:"";border-radius:50%;background:#fff;box-shadow:0 0 0 2px #0b193d14}.wheel-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;padding-right:34px;color:var(--navy-900);font-size:clamp(.78rem,1.2vw,1.1rem);font-weight:900;text-align:right}.wheel-label span{max-width:34%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wheel-pointer{position:absolute;top:-10px;width:0;height:0;border-right:18px solid transparent;border-left:18px solid transparent;border-top:32px solid var(--navy-900);z-index:2}.wheel-result{display:grid;justify-items:center;gap:4px;margin:0;color:var(--text-muted);font-size:1.15rem;font-weight:850}.wheel-result strong{color:var(--navy-900);font-size:clamp(2rem,4vw,4rem)}.check-row{display:inline-flex;align-items:center;gap:10px;min-height:48px;color:var(--navy-700);font-weight:850}.check-row input{width:48px;height:48px;accent-color:var(--accent)}.qr-stage{display:grid;justify-items:center;gap:14px}.qr-frame{display:grid;place-items:center;width:min(520px,82vw);aspect-ratio:1;padding:clamp(18px,3vw,34px);border-radius:18px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-card)}.qr-frame canvas{width:100%!important;height:100%!important;image-rendering:pixelated}.qr-value{max-width:min(700px,100%);overflow-wrap:anywhere}.text-display-stage{display:grid;place-items:center;width:min(980px,100%);min-height:clamp(360px,58vh,680px);padding:clamp(24px,4vw,58px);border-radius:24px;background:var(--accent-soft);text-align:center}.text-display-stage p{max-width:16ch;margin:0;color:var(--navy-900);line-height:1.08;white-space:pre-wrap;overflow-wrap:anywhere}.text-size-small .text-display-stage p{font-size:clamp(2.2rem,5vw,5rem)}.text-size-medium .text-display-stage p{font-size:clamp(3rem,7vw,7.5rem)}.text-size-large .text-display-stage p{font-size:clamp(3.8rem,9vw,10rem)}.text-density-medium .text-display-stage p{max-width:19ch}.text-density-medium.text-size-large .text-display-stage p{font-size:clamp(3.1rem,7vw,7.2rem)}.text-density-long .text-display-stage p{max-width:24ch;line-height:1.12}.text-density-long.text-size-medium .text-display-stage p{font-size:clamp(2.1rem,4.6vw,4.8rem)}.text-density-long.text-size-large .text-display-stage p{font-size:clamp(2.2rem,4.8vw,5.1rem)}.text-placeholder{color:var(--text-muted)!important;font-size:clamp(1.8rem,4vw,3.4rem)!important;font-weight:850}.text-config .soft-textarea,.qr-config .soft-textarea,.wheel-config .soft-textarea{min-height:130px}.whiteboard-tool{position:relative;display:grid;gap:14px;width:min(1400px,100%)}.whiteboard-toolbar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.whiteboard-toolbar .is-active{color:#fff;background:var(--accent)}.whiteboard-toolbar--floating{display:none}.swatch-row{display:inline-flex;gap:8px;padding:8px;border-radius:999px;background:#f1f4f8}.swatch{width:48px;height:48px;border:3px solid #ffffff;border-radius:50%;box-shadow:0 0 0 1px #0b193d1f}.swatch.is-active{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 28%,transparent)}.whiteboard-canvas-wrap{width:100%;min-height:clamp(420px,58vh,720px);overflow:hidden;border:1px solid var(--border);border-radius:22px;background:linear-gradient(rgba(47,132,238,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(47,132,238,.05) 1px,transparent 1px),#fff;background-size:34px 34px;box-shadow:var(--shadow-card);touch-action:none}.whiteboard-canvas-wrap canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}:fullscreen .dice-config,:fullscreen .wheel-config,:fullscreen .qr-config,:fullscreen .text-config{display:none}:fullscreen .dice-grid{max-width:100%}:fullscreen .dice-count-4{display:grid;grid-template-columns:repeat(4,minmax(150px,230px))}:fullscreen .dice-count-5,:fullscreen .dice-count-6{display:grid;grid-template-columns:repeat(3,minmax(150px,230px))}:fullscreen .die-face{width:clamp(150px,11vw,230px)}:fullscreen .wheel-wrap{width:min(56vh,720px)}:fullscreen .wheel-result strong{font-size:clamp(3rem,6vw,6.5rem)}:fullscreen .qr-frame{width:min(68vh,760px);padding:clamp(28px,4vh,48px)}:fullscreen .text-display-stage{width:min(76vw,1360px);min-height:70vh;background:transparent}:fullscreen .text-display-stage p{max-width:18ch}:fullscreen .stopwatch-stage{min-height:58vh;background:transparent}:fullscreen .stopwatch-stage strong{font-size:clamp(8rem,19vw,20rem)}:fullscreen .lap-list{display:none}:fullscreen .traffic-light-body{grid-template-columns:repeat(3,minmax(0,1fr));width:min(78vw,1120px);gap:clamp(18px,3vw,36px)}:fullscreen .traffic-light-lamp{width:100%}:fullscreen .traffic-light-state{font-size:clamp(5rem,11vw,12rem)}:fullscreen .whiteboard-tool{width:100%;height:100%;gap:10px}:fullscreen .whiteboard-tool .configuration-tools{display:none}:fullscreen .whiteboard-toolbar--floating{position:absolute;top:14px;left:14px;z-index:2;display:flex;padding:8px;border:1px solid var(--border);border-radius:18px;background:#ffffffeb;box-shadow:var(--shadow-card)}:fullscreen .whiteboard-canvas-wrap{min-height:100%;height:100%}@media(max-width:1500px){.tools-page{grid-template-columns:1fr}.tools-side{position:static}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1280px){.quick-grid,.useful-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.site-header{align-items:flex-start;flex-direction:column;min-height:auto}.main-nav{width:100%;justify-content:space-between;gap:8px}.nav-pill{min-height:50px;padding:0 14px}.header-settings{width:50px;height:50px}.account-nav{max-width:none;min-width:50px;padding:0 12px}.account-nav__name{display:none}.account-nav__mobile{display:inline}.logo-mark{width:54px;height:54px}.brand-link{justify-content:center;width:100%;min-width:0}.logo{width:min(250px,72vw);height:58px;max-width:100%}.logo-image{width:100%;max-height:none;object-position:center}.quick-grid,.useful-grid,.tool-grid,.quick-presets__buttons{grid-template-columns:1fr}.tool-card--large{min-height:180px}.account-details{grid-template-columns:1fr}.filter-pill{min-width:auto;flex:1 1 140px}.tool-preview{padding:22px;min-height:auto}.preview-heading{align-items:flex-start;flex-direction:column}.timer-display{min-height:130px}.round-control{width:70px;height:70px}.round-control--play{width:88px;height:88px}.tool-shell__header{grid-template-columns:auto 1fr auto;gap:10px;min-height:64px}.tool-shell__header h1{grid-column:1 / -1;grid-row:2;text-align:center;font-size:clamp(1.55rem,7vw,2.15rem)}.shell-back{justify-self:start;min-height:48px;padding:0 14px;border-radius:16px}.shell-back span{display:inline}.shell-back svg{width:22px;height:22px}.fullscreen-button{justify-self:end;width:50px;height:50px}.tool-shell{padding-block:12px 20px}.tool-shell__stage{padding:14px}.tool-workspace{gap:14px}.random-stage{gap:8px;min-height:clamp(280px,42vh,360px);padding-block:8px}.random-stage h2{font-size:clamp(3.4rem,18vw,5.2rem)}.hero-action{min-height:64px}.secondary-controls{gap:8px}.segmented-control.compact button{min-height:48px;padding-inline:12px}.die-face{width:clamp(92px,28vw,118px);border-radius:18px}.dice-grid{gap:12px}.wheel-wrap{width:min(330px,88vw)}.wheel-label{padding-right:22px;font-size:.72rem}.wheel-label span{max-width:30%}.qr-frame{width:min(330px,88vw);padding:18px}.text-display-stage{min-height:360px;padding:22px}.text-size-small .text-display-stage p{font-size:clamp(1.8rem,11vw,3.3rem)}.text-size-medium .text-display-stage p,.text-size-large .text-display-stage p{font-size:clamp(2.2rem,14vw,4.2rem)}.whiteboard-tool{gap:10px}.whiteboard-toolbar{justify-content:center;overflow-x:visible;flex-wrap:wrap;padding-bottom:2px}.whiteboard-toolbar--secondary{align-items:center}.whiteboard-toolbar--secondary .segmented-control{flex:0 0 auto;flex-wrap:wrap}.whiteboard-toolbar--secondary .segmented-control button,.whiteboard-toolbar .secondary-button{flex:0 0 auto}.swatch-row{flex:0 0 auto;flex-wrap:wrap;justify-content:center;border-radius:22px}.whiteboard-canvas-wrap{min-height:430px}.pwa-update{left:12px;right:12px;align-items:stretch;flex-direction:column}.stopwatch-stage{min-height:300px}.stopwatch-stage strong{font-size:clamp(4rem,20vw,6.2rem)}.lap-list{max-height:220px}.traffic-light-body{gap:12px;padding:16px;border-radius:32px}.traffic-light-lamp{width:clamp(92px,30vw,122px);border-width:6px}.manager-row,.manager-grid,.schedule-row,.schedule-header-row{grid-template-columns:1fr}.schedule-header-row{display:none}.student-list-tools{align-items:stretch}.student-list-tools>*{width:100%}.segmented-control{border-radius:24px}.segmented-control button{flex:1 1 160px}.app-footer{padding-block:20px;font-size:.8125rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.wheel-visual{transition-duration:.12s}}@media(max-width:360px){.shell-back span{display:none}}.tool-preview-art{margin-top:26px}.preview-stage{display:grid;place-items:center;gap:18px;min-height:330px;padding:24px;border-radius:22px;overflow:hidden;color:var(--navy-900)}.preview-stage--time,.tool-preview-art--timer .timer-display{background:var(--category-time-soft)}.preview-stage--students{background:var(--category-students-soft)}.preview-stage--classroom{background:var(--category-classroom-soft)}.preview-stage--random{background:var(--category-random-soft)}.preview-stage--display{background:var(--category-display-soft)}.preview-round-control{display:grid;place-items:center;width:82px;height:82px;border-radius:50%;color:var(--blue-strong);background:var(--blue-soft)}.preview-round-control--featured{width:102px;height:102px;color:#fff;background:#39bf7b}.preview-round-control svg{width:38px;height:38px}.preview-mini-actions{display:flex;align-items:center;justify-content:center;gap:18px}.preview-time-value{color:var(--navy-900);font-size:clamp(4.3rem,6.5vw,6.5rem);line-height:.95;font-weight:900;font-variant-numeric:tabular-nums}.preview-context-label,.preview-state-label{color:var(--navy-700);font-size:clamp(1rem,1.35vw,1.25rem);font-weight:900}.preview-progress{width:min(320px,84%);height:16px;border-radius:999px;background:#ffffffb8;overflow:hidden}.preview-progress span{display:block;height:100%;border-radius:inherit;background:#f3aa22}.preview-laps{display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(360px,100%);min-height:58px;padding:12px 18px;border:1px solid rgba(11,25,61,.08);border-radius:18px;background:#ffffffb8;color:var(--navy-700);font-weight:850}.preview-laps strong{color:var(--navy-900);font-variant-numeric:tabular-nums}.preview-student-selected{display:grid;place-items:center;width:min(360px,86%);min-height:138px;border-radius:28px;color:var(--navy-900);background:#ffffffb8;box-shadow:var(--shadow-soft);font-size:clamp(3.5rem,6vw,6rem);line-height:1;font-weight:900}.preview-chip-row{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.preview-chip-row span{padding:10px 14px;border-radius:999px;color:var(--navy-700);background:#ffffffb3;font-weight:850}.preview-groups{grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:14px}.preview-group-card{display:grid;gap:8px;min-height:96px;padding:16px;border-radius:18px;background:#ffffffbd;box-shadow:var(--shadow-soft)}.preview-group-card:first-child{grid-column:1 / -1}.preview-group-card strong{color:var(--navy-900);font-size:1.08rem}.preview-group-card span{color:var(--navy-700);font-weight:800}.preview-noise-bars{display:flex;align-items:end;justify-content:center;gap:13px;width:min(360px,86%);height:170px}.preview-noise-bars span{width:34px;min-height:34px;border-radius:999px;background:#35ae82;box-shadow:0 12px 24px #35ae8233}.preview-traffic-light{display:grid;gap:12px;padding:16px;border:6px solid #2e3f52;border-radius:32px;background:#34445a;box-shadow:var(--shadow-soft)}.preview-light{width:74px;aspect-ratio:1;border:5px solid rgba(255,255,255,.18);border-radius:50%;opacity:.32;filter:saturate(.5)}.preview-light--red{background:#f65a64}.preview-light--yellow{background:#f9ad20}.preview-light--green{background:#35ae82}.preview-light.is-active{opacity:1;filter:saturate(1.05);box-shadow:0 0 0 7px #ffffff26}.preview-dice-row{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap}.preview-die{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:clamp(96px,9vw,128px);aspect-ratio:1;padding:18px;border-radius:24px;background:#ffffffd1;box-shadow:var(--shadow-soft)}.preview-die i{width:16px;height:16px;place-self:center;border-radius:50%;background:#fb5f66}.preview-die--five i:nth-child(1),.preview-die--three i:nth-child(1){grid-area:1 / 1}.preview-die--five i:nth-child(2){grid-area:1 / 3}.preview-die--five i:nth-child(3),.preview-die--three i:nth-child(2){grid-area:2 / 2}.preview-die--five i:nth-child(4){grid-area:3 / 1}.preview-die--five i:nth-child(5),.preview-die--three i:nth-child(3){grid-area:3 / 3}.preview-wheel-wrap{position:relative;display:grid;place-items:center}.preview-wheel-pointer{position:absolute;top:-8px;z-index:1;width:0;height:0;border-right:12px solid transparent;border-left:12px solid transparent;border-top:26px solid var(--navy-900)}.preview-wheel{width:clamp(170px,18vw,230px);height:auto;filter:drop-shadow(0 18px 26px rgba(11,25,61,.14))}.preview-wheel path{stroke:#ffffffdb;stroke-width:2}.preview-wheel path:nth-child(1){fill:#4c95f7}.preview-wheel path:nth-child(2){fill:#f7c768}.preview-wheel path:nth-child(3){fill:#39bf7b}.preview-wheel path:nth-child(4){fill:#fb5f66}.preview-wheel path:nth-child(5){fill:#8f7cf6}.preview-wheel path:nth-child(6){fill:#78d4e4}.preview-wheel circle{fill:#fff;stroke:#0b193d1f;stroke-width:2}.preview-qr{width:clamp(156px,15vw,210px);height:auto;padding:12px;border-radius:22px;background:#fff;box-shadow:var(--shadow-soft)}.preview-qr>rect:first-child{fill:#fff}.preview-qr rect:not(:first-child){fill:#0b193d}.preview-text-display{align-content:center;gap:8px;text-align:center}.preview-text-display strong{color:var(--navy-900);font-size:clamp(2rem,4vw,3.5rem);line-height:1.08}.preview-text-display span{color:var(--navy-700);font-size:clamp(1.45rem,2.7vw,2.2rem);font-weight:850}.preview-whiteboard{display:grid;gap:14px;width:min(380px,92%);min-height:220px;padding:26px;border:1px solid rgba(11,25,61,.08);border-radius:20px;background:#ffffffd6;box-shadow:var(--shadow-soft)}.preview-whiteboard strong{color:var(--navy-900);font-size:clamp(2.2rem,4vw,3.6rem)}.preview-whiteboard svg{width:100%;height:auto}.preview-whiteboard path,.preview-whiteboard circle{fill:none;stroke:#4c95f7;stroke-width:7;stroke-linecap:round;stroke-linejoin:round}.preview-whiteboard circle{stroke:#35ae82}@media(max-width:720px){.preview-stage{min-height:280px;padding:20px}.preview-round-control{width:68px;height:68px}.preview-round-control--featured{width:82px;height:82px}.preview-round-control svg{width:31px;height:31px}.preview-time-value{font-size:clamp(3.2rem,16vw,4.7rem)}.preview-groups{grid-template-columns:1fr}.preview-group-card:first-child{grid-column:auto}.preview-noise-bars{height:140px}.preview-noise-bars span{width:26px}.preview-die{width:88px;padding:15px}.preview-die i{width:13px;height:13px}}@media(max-width:420px){.tool-preview-art{margin-top:20px}.preview-stage{min-height:250px}.preview-student-selected{min-height:108px;font-size:clamp(2.8rem,16vw,4rem)}.preview-dice-row{gap:14px}.preview-wheel{width:162px}.preview-qr{width:150px}.preview-whiteboard{min-height:180px;padding:20px}}.class-setup-intro h2{margin:0;color:var(--navy-900);font-size:clamp(1.55rem,2.4vw,2.25rem);line-height:1.1}.class-setup-section{gap:18px}.settings-section__header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.settings-section__header>div{display:grid;gap:10px}.settings-section__header h2,.settings-section__header p{margin:0}.settings-section__header strong{flex:0 0 auto;padding:10px 14px;border-radius:999px;color:var(--navy-700);background:var(--blue-soft);font-size:.98rem;font-weight:900}.setup-context{margin:0;color:var(--text-muted);font-size:.98rem;font-weight:850}.student-empty-state{display:grid;gap:6px;padding:18px;border:1px dashed var(--border);border-radius:18px;color:var(--navy-700);background:#ffffffad}.student-empty-state p,.student-empty-state span{margin:0}.student-empty-state p{color:var(--navy-900);font-weight:900}.settings-page .student-list-tools{padding-top:4px}.settings-page .schedule-editor{width:100%;box-shadow:none}@media(max-width:760px){.settings-section__header{display:grid}.settings-section__header strong{justify-self:start}}.workspace-page{--accent: #235e9b;--accent-soft: var(--blue-soft);width:min(1160px,100%);gap:28px}.workspace-page-header{display:grid;gap:10px;margin-bottom:4px}.workspace-page .workspace-page-header h1{font-size:clamp(2rem,3.4vw,3rem);line-height:1.15;letter-spacing:-.035em}.workspace-page-header>p:last-child{margin:0;max-width:64ch;color:var(--navy-700);font-size:1rem;line-height:1.65}.workspace-page .settings-section{min-width:0;align-content:start;gap:20px;padding:clamp(20px,2.8vw,32px);border-radius:var(--radius-card);box-shadow:0 4px 18px #34445a09}.workspace-page .settings-section p{font-size:1rem;line-height:1.65}.workspace-page .settings-section h2{font-size:1.2rem;line-height:1.35;letter-spacing:-.015em}.workspace-page :is(section,div,form,dl,input,select,textarea){min-width:0}.workspace-page :is(p,h2,h3,h4,dd){overflow-wrap:anywhere}.workspace-section-heading{display:flex;align-items:flex-start;gap:14px}.workspace-section-icon{display:inline-grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:14px;background:var(--blue-soft);color:var(--accent)}.workspace-section-icon svg{width:21px;height:21px}.workspace-section-copy{display:grid;gap:5px;flex:1}.workspace-section-copy h2{margin:0}.workspace-page .workspace-section-copy p{color:var(--navy-700);font-size:.9rem;line-height:1.55}.workspace-section-aside{flex:0 1 auto;margin-left:auto}.workspace-count{display:inline-block;padding:6px 10px;border-radius:10px;background:var(--background);color:var(--navy-700);font-size:.8rem;font-weight:750}.workspace-page :is(.secondary-button,.primary-tool-button.small,.primary-button,.quiet-action){min-height:44px;max-width:100%;padding:10px 16px;border-radius:12px;font-size:.9rem;font-weight:750;line-height:1.4;white-space:normal;overflow-wrap:anywhere}.workspace-page :is(.secondary-button,.primary-tool-button.small) svg{width:18px;height:18px;flex:0 0 auto}.workspace-page .secondary-button{border:1px solid var(--border);background:var(--surface);color:var(--navy-700)}.workspace-page .secondary-button:hover{border-color:#b6cde6;background:var(--blue-soft)}.workspace-page .soft-input,.workspace-page .soft-select{min-height:48px;border-radius:12px;font-size:1rem}.workspace-page .field-label{color:var(--navy-700);font-weight:700}.workspace-page .plan-badge{min-height:30px;padding:5px 11px;font-size:.8rem}.account-identity-card{background:var(--blue-soft);border-color:#d4e5f7}.account-summary-top{display:flex;align-items:center;gap:20px}.account-avatar,.account-welcome-icon{display:inline-grid;place-items:center;width:72px;height:72px;flex:0 0 72px;border-radius:24px;color:var(--accent);background:var(--surface);border:1px solid #d4e5f7}.account-avatar svg,.account-welcome-icon svg{width:32px;height:32px}.account-summary-identity{display:grid;gap:5px;flex:1}.workspace-page .account-summary-identity h2{font-size:clamp(1.45rem,2.6vw,2.1rem)}.workspace-page .account-summary-identity .section-kicker{font-size:.75rem;color:var(--accent)}.account-summary-plan{align-self:flex-start}.account-identity-card .plan-badge{background:var(--surface)}.account-summary-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:22px;border-top:1px solid #d4e5f7}.account-active-state{display:inline-flex;align-items:center;gap:7px;color:var(--navy-900);font-size:.9rem;font-weight:750}.account-active-state svg{width:17px;height:17px;color:#237153}.workspace-page .account-summary-bottom p{font-size:.85rem;margin-top:5px}.account-signout-action{flex:0 0 auto;transition:color .18s ease,background-color .18s ease,border-color .18s ease}.account-workspace{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}.account-personal-column{display:grid;gap:24px}.workspace-page .account-profile{margin-bottom:0}.workspace-page .account-details{grid-template-columns:minmax(0,1fr);gap:0}.workspace-page .account-details>div{padding:18px 0;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent}.workspace-page .account-details>div:last-child{border-bottom:0;padding-bottom:0}.workspace-page .account-details dt{color:var(--navy-700);font-size:.8rem;font-weight:650}.workspace-page .account-details dd{font-size:1rem;font-weight:700}.workspace-page .profile-form{max-width:none;margin:0;gap:22px}.workspace-page .profile-form label{font-size:.9rem;font-weight:700}.workspace-page .profile-form p{font-size:.85rem;line-height:1.6}.workspace-page .profile-verification{padding:20px}.workspace-page .account-local-notice{box-shadow:none;background:var(--surface)}.workspace-page .account-local-notice p{font-size:.9rem}.account-signout-status{margin:0;font-size:.85rem;color:#a32323;line-height:1.65}.account-billing .workspace-section-heading{padding-bottom:22px;border-bottom:1px solid var(--border)}.workspace-page .account-billing .billing-plan-title{font-size:1.05rem}.billing-upgrade-intro{display:grid;gap:10px;padding-top:20px;border-top:1px solid var(--border)}.workspace-page .account-billing h3{margin:0;font-size:1.25rem}.workspace-page .billing-trial-label{justify-self:start;padding:4px 10px;border-radius:8px;background:var(--green-soft);color:#237153;font-size:.8rem;font-weight:750}.workspace-page .billing-choices{margin:0;gap:12px}.workspace-page .billing-choice{padding:18px;gap:14px;border-radius:16px}.workspace-page .billing-choice h4{font-size:.9rem;color:var(--navy-700)}.workspace-page .account-billing .billing-price{font-size:1.65rem;line-height:1.4}.workspace-page .billing-price span{display:block;font-size:.85rem;font-weight:500}.workspace-page .account-billing .billing-footnote{font-size:.8rem}.workspace-page .billing-notice{margin:0;font-size:.9rem;padding:16px}.workspace-page .account-billing[data-billing-kind=attention]{border-color:#e6d6ad}.workspace-page .account-welcome{justify-items:center;text-align:center;padding:clamp(32px,6vw,64px) clamp(20px,4vw,48px);background:var(--surface)}.workspace-page .account-welcome h2{font-size:clamp(1.5rem,3vw,2rem)}.workspace-page .account-welcome>p:not(.section-kicker){max-width:54ch}.account-welcome .simple-actions{justify-content:center;margin-top:8px}.account-welcome .account-welcome-icon{background:var(--blue-soft)}.workspace-page .account-summary-card{display:flex;align-items:center;gap:20px;box-shadow:none;background:var(--blue-soft);border-color:#d4e5f7}.settings-account-copy{flex:1;display:grid;gap:4px}.settings-account-copy .settings-section__header{align-items:center}.settings-account-copy .settings-section__header>div{gap:4px}.workspace-page .settings-account-copy p{font-size:.9rem}.workspace-page .account-summary-action{flex:0 0 auto}.settings-classroom .class-setup-intro{display:grid;gap:10px;max-width:62ch}.workspace-page .class-setup-intro .section-kicker{color:var(--accent);font-size:.8rem}.workspace-page .class-setup-intro h2{font-size:clamp(1.35rem,2.4vw,1.8rem)}.settings-subsection{display:grid;gap:20px;padding-top:28px;border-top:1px solid var(--border)}.workspace-page .settings-section .setup-context{font-size:.8rem;font-weight:600;color:var(--navy-700)}.settings-classroom .student-list-tools{display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;gap:20px;opacity:1}.settings-classroom .student-list-tools>.field-label{max-width:380px}.settings-classroom .student-manager,.settings-classroom .schedule-editor{padding:0;border:0;background:transparent}.settings-classroom .manager-row{display:flex;flex-wrap:wrap;gap:12px}.settings-classroom .manager-row>label{flex:1 1 260px}.settings-classroom .manager-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.settings-classroom .manager-grid>div:first-child{display:grid;align-content:start;gap:12px}.settings-classroom .soft-textarea{border-radius:12px}.settings-classroom .student-empty-state{align-content:center;min-height:150px;border-style:solid;background:var(--background)}.settings-classroom .student-empty-state span{color:var(--navy-700);font-size:.9rem;line-height:1.6}.settings-classroom .schedule-row{padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--background)}.settings-classroom .schedule-header-row{padding-inline:12px}.settings-classroom input[type=time]{padding-inline:8px}.settings-classroom .editor-actions{justify-content:flex-start}.workspace-page .class-sync-section{background:var(--surface);border-top:3px solid #b6cde6}.workspace-page .class-sync-section[data-availability=entitlement_error]{border-top-color:#e6d6ad}.workspace-page .class-sync-section .primary-button{background:var(--accent);color:var(--surface);justify-self:start}.workspace-count[data-sync-status=synced]{color:#237153;background:var(--green-soft)}.workspace-count[data-sync-status=error],.workspace-count[data-sync-status=conflict]{color:#704900;background:var(--yellow-soft)}.settings-utilities{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.settings-danger-zone{display:grid;gap:14px;padding-top:20px;border-top:1px solid var(--border)}.workspace-page .settings-danger-zone p{font-size:.85rem}.workspace-page .danger-action{justify-self:start;color:#a32323;background:#fff0f1;border-color:#f2d6d8}.workspace-page .danger-action:hover,.workspace-page .account-signout-action:is(:hover,:focus-visible){color:#a32323;background:var(--coral-soft);border-color:#e5b7bc}.workspace-page .settings-app-info{background:var(--surface);box-shadow:none}.settings-device>.workspace-section-heading,.settings-app-info>.workspace-section-heading{align-items:center}.settings-about{display:grid;gap:10px;padding-top:18px;border-top:1px solid var(--border)}.settings-about h3{margin:0;font-size:.9rem}.workspace-page .settings-app-info p{font-size:.85rem}.workspace-page .text-link{color:var(--accent);font-weight:750}@media(max-width:1100px){.account-workspace{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){.workspace-page{gap:22px}.workspace-section-heading{flex-wrap:wrap;gap:12px}.workspace-section-copy{flex-basis:calc(100% - 60px)}.workspace-section-aside{margin-left:0}.account-summary-top{flex-wrap:wrap;gap:14px}.account-avatar{width:54px;height:54px;flex-basis:54px;border-radius:18px}.account-summary-identity{flex-basis:calc(100% - 70px)}.account-summary-plan{margin-left:68px}.account-summary-bottom{flex-direction:column;align-items:flex-start}.workspace-page .account-summary-card{flex-wrap:wrap;gap:14px}.settings-account-copy{flex-basis:calc(100% - 60px)}.settings-account-copy .settings-section__header{display:flex;flex-wrap:wrap}.settings-classroom .manager-grid,.settings-utilities{grid-template-columns:minmax(0,1fr)}.settings-classroom .manager-row>label{flex-basis:100%}.settings-classroom .schedule-row{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-classroom .schedule-row>:first-child,.settings-classroom .schedule-row>select{grid-column:1 / -1}.settings-classroom .schedule-row>.icon-button{justify-self:end;grid-column:2;width:44px;height:44px}}@media(max-width:420px){.workspace-page .billing-choices{grid-template-columns:minmax(0,1fr)}.workspace-page .settings-section{padding:18px;border-radius:20px}.workspace-page .workspace-page-header h1{font-size:1.85rem}.workspace-page .simple-actions{align-items:stretch}.workspace-page .simple-actions>:is(button,a){flex:1 1 180px}.account-welcome .simple-actions{width:100%}}@media(max-width:360px){.site-header{padding-inline:12px}.main-nav{gap:6px}.settings-classroom .schedule-row{grid-template-columns:minmax(0,1fr)}.settings-classroom .schedule-row>.icon-button{grid-column:1}}@media(max-width:760px){.main-nav>.nav-pill{font-size:.875rem;padding-inline:6px;white-space:nowrap}.main-nav>.header-settings{width:44px;height:44px;flex:0 0 44px}.main-nav>.account-nav:has(svg){min-width:44px;width:44px;flex:0 0 44px;padding:0}.account-nav__mobile{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.auth-config-boundary{min-height:100svh;display:grid;place-items:center;padding:32px;background:var(--background);color:var(--navy-900)}.auth-config-boundary section{width:min(100%,560px);padding:32px;border:1px solid var(--border);border-radius:24px;background:#ffffffeb;box-shadow:var(--shadow-soft);text-align:center}.auth-config-boundary h1{margin:0 0 12px;font-size:clamp(1.8rem,4vw,2.4rem)}.auth-config-boundary p{margin:0;color:var(--text-muted);line-height:1.6}.class-sync-section{border-color:#4a8ff542}.sync-conflict-panel{display:grid;gap:16px;padding:18px;border:1px solid rgba(244,108,104,.26);border-radius:18px;background:#fff4f2b8}.sync-conflict-panel h3,.sync-conflict-panel p{margin:0}.sync-conflict-panel h3{color:var(--navy-900);font-size:clamp(1.18rem,1.7vw,1.45rem)}.sync-comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sync-comparison-grid>div{display:grid;gap:6px;padding:14px;border:1px solid var(--border);border-radius:16px;background:#ffffffc2}.sync-comparison-grid strong{color:var(--navy-900)}.sync-comparison-grid span{color:var(--navy-700);font-weight:800}@media(max-width:640px){.sync-comparison-grid{grid-template-columns:1fr}}.tool-surface,.tool-session,.tool-session>[data-tool-id]{width:100%;min-width:0}.tool-session>[data-tool-id]{display:grid;justify-items:center}.tool-session[data-mode=compact]{container-type:inline-size;margin-top:20px}.tools-main,.tools-side{min-width:0}.tools-side .tool-preview{padding:22px;min-height:0}.tools-side .preview-heading{gap:14px;padding-bottom:18px;flex-direction:row;align-items:center}.tools-side .preview-heading__icon{width:64px;height:64px;border-radius:18px}.tools-side .preview-heading__icon svg{width:42px;height:42px}.tools-side .preview-heading h2{font-size:1.5rem}.tools-side .preview-heading p{font-size:1rem}.whiteboard-canvas-wrap{position:relative}.whiteboard-canvas-wrap canvas{position:absolute;inset:0}.tool-session[data-mode=compact] :is(.tool-workspace,.whiteboard-tool){width:100%;gap:16px}.tool-session[data-mode=compact] :is(.wheel-wrap,.qr-frame){width:min(320px,100cqi)}.tool-session[data-mode=compact] :is(.random-stage,.bell-stage,.noise-meter,.text-display-stage,.empty-tool-state){min-height:190px;gap:14px}.tool-session[data-mode=compact] :is(.random-stage h2,.bell-stage h2,.noise-meter strong,.stopwatch-stage strong,.timer-display){font-size:clamp(2rem,12cqi,4rem);overflow-wrap:anywhere}.tool-session[data-mode=compact] .timer-display{min-height:130px}.tool-session[data-mode=compact] .timer-widget{padding-top:0;gap:18px}.tool-session[data-mode=compact] .timer-actions{gap:8px;flex-wrap:wrap}.tool-session[data-mode=compact] .round-control{width:52px;height:52px}.tool-session[data-mode=compact] .round-control--play{width:64px;height:64px}.tool-session[data-mode=compact] .quick-presets__buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-session[data-mode=compact] :is(.primary-tool-button,.hero-action){min-width:0;width:100%;min-height:52px;padding:12px;font-size:1.1rem}.tool-session[data-mode=compact] .groups-output{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}.tool-session[data-mode=compact] .group-card{padding:16px}.tool-session[data-mode=compact] .die-face{width:clamp(78px,26cqi,120px)}.tool-session[data-mode=compact] .wheel-label{padding-right:20px;font-size:.85rem}.tool-session[data-mode=compact] .wheel-result strong{font-size:1.8rem;overflow-wrap:anywhere}.tool-session[data-mode=compact] .qr-frame{padding:8px}.tool-session[data-mode=compact] .text-display-stage{padding:16px}.tool-session[data-mode=compact] .text-display-stage p{font-size:clamp(1.5rem,8cqi,3rem)!important}.tool-session[data-mode=compact] .text-size-small .text-display-stage p{font-size:clamp(1.2rem,6cqi,2rem)!important}.tool-session[data-mode=compact] .text-size-large .text-display-stage p{font-size:clamp(1.8rem,10cqi,4rem)!important}.tool-session[data-mode=compact] :is(.manager-row,.manager-grid,.schedule-row){grid-template-columns:minmax(0,1fr)}.tool-session[data-mode=compact] .schedule-header-row{display:none}.tool-session[data-mode=compact] :is(.student-manager,.schedule-editor){padding:12px}.tool-session[data-mode=compact] .field-label{width:100%;min-width:0}.tool-session[data-mode=compact] :is(.soft-input,.soft-select,.soft-textarea){min-width:0}.tool-session[data-mode=compact] :is(button,input,select){min-height:44px}@container (max-width: 420px){.tool-session[data-mode=compact] .stopwatch-actions{flex-wrap:wrap;gap:8px}.tool-session[data-mode=compact] .whiteboard-toolbar{gap:6px}}@media(min-width:1200px)and (max-width:1500px){.tools-page{grid-template-columns:minmax(0,1fr) 400px}.tools-side{position:sticky;top:116px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.tool-session[data-mode=compact] .traffic-light-state{font-size:clamp(1.5rem,8cqi,2.5rem);overflow-wrap:anywhere;text-align:center}.tool-session[data-mode=compact] .traffic-light-body{gap:10px;padding:14px;border-radius:28px}.tool-session[data-mode=compact] .traffic-light-lamp{width:clamp(72px,24cqi,110px)}.tool-session[data-mode=compact] .stopwatch-stage{min-height:190px}.tool-session[data-mode=full]>.full-timer{width:min(780px,100%);margin-inline:auto}@media(min-width:1200px){.tools-side .tool-preview{display:grid;grid-template-rows:auto minmax(0,1fr);max-height:calc(100dvh - 220px)}.tools-side .tool-surface{overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}}@media(min-width:1200px){.tools-main{padding-bottom:160px}}.tool-shell__stage{border:0;background:transparent;padding:24px 0}.tool-shell__header{max-width:1440px;margin-inline:auto;grid-template-columns:auto minmax(0,1fr) auto}html:not(:fullscreen) .tool-shell__header>.fullscreen-button{grid-column:3;grid-row:1;justify-self:end}@media(max-width:760px){.tool-shell__header{grid-template-columns:auto minmax(0,1fr) auto}html:not(:fullscreen) .tool-shell__header>.fullscreen-button{grid-column:3}}.tool-session{container-type:inline-size}.tool-session :is(.tool-workspace,.whiteboard-tool,.timer-widget){width:min(1200px,100%);min-width:0;gap:24px;padding:0;background:transparent;--instrument-ink: #34445a}.tool-session :is(.tool-workspace,.timer-widget){align-content:start}.tool-session :is(button,input,select,textarea){max-width:100%;font:inherit}.tool-session button{cursor:pointer}.tool-session button:disabled{cursor:default;opacity:.45}.tool-session :is(.primary-tool-button,.secondary-button,.quiet-action,.round-control,.preset-button,.icon-button){min-height:48px;border-radius:14px;font-size:1rem;font-weight:750;transition:background-color .15s ease,box-shadow .15s ease,transform .15s ease}.tool-session :is(.primary-tool-button,.round-control--play){min-width:0;color:#fff;background:#206bc4;border:1px solid transparent}.tool-session .primary-tool-button{padding:14px 24px}.tool-session .hero-action{min-width:min(280px,100%);min-height:56px;font-size:1.15rem}.tool-session :is(.primary-tool-button,.round-control--play):hover:not(:disabled){background:#185aa8}.tool-session :is(.secondary-button,.round-control,.icon-button,.preset-button){color:var(--navy-900);background:#fff;border:1px solid #dce3ed}.tool-session :is(.secondary-button,.round-control,.icon-button,.preset-button):hover:not(:disabled){background:var(--blue-soft)}.tool-session .round-control--play{color:#fff;background:#206bc4;border-color:transparent}.tool-session button:active:not(:disabled){transform:translateY(1px)}.tool-session button:focus-visible{outline:3px solid #206bc4;outline-offset:3px}.tool-session :is(.primary-tool-button,.secondary-button,.quiet-action,.round-control) svg{width:21px;height:21px;flex-shrink:0}.tool-session .round-control{width:48px;height:48px}.tool-session .round-control--play{width:auto;height:auto;min-height:56px;padding:14px 24px;display:inline-flex;gap:10px}.tool-session .quiet-action{color:#52617d}.tool-session .danger-action{color:#a32323}.tool-session .configuration-tools{opacity:1}.tool-session .instrument-readout{display:grid;justify-items:center;align-content:center;gap:16px;padding:clamp(24px,4cqi,56px);min-height:320px;text-align:center;background:transparent;border-radius:0}.tool-session .instrument-readout>:is(p,h2,strong){margin:0}.tool-session .instrument-eyebrow{font-size:.9rem;font-weight:750;color:#52617d;letter-spacing:.025em}.tool-session .instrument-status{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;font-weight:700;color:#52617d}.tool-session .instrument-status:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent, var(--yellow))}.tool-session .instrument-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;width:100%}.tool-session .instrument-options{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;width:100%;padding:20px 0;border-top:1px solid var(--border)}.tool-session :is(.soft-input,.soft-select,.soft-textarea){min-width:0;border-color:#dce3ed;border-radius:12px;background:#fff;color:var(--navy-900)}.tool-session .field-label{min-width:0;color:#52617d;font-weight:650}.tool-session .segmented-control{gap:4px;padding:4px;border-radius:14px;background:#edf1f6;max-width:100%}.tool-session .segmented-control button{flex:0 1 auto;min-height:44px;padding:8px 14px;border-radius:10px;color:#46546c}.tool-session .segmented-control button.is-active{background:#fff;color:var(--navy-900);box-shadow:0 1px 4px #0b193d18}.tool-session .segmented-control button[aria-pressed=true]{box-shadow:inset 0 -3px 0 var(--accent, var(--blue-strong))}.tool-session .control-label{color:#52617d;font-size:.9rem;font-weight:700}.tool-session .tool-error{color:#a32323}.tool-session .empty-tool-state{width:100%;min-height:240px;align-content:center;padding:20px;color:var(--navy-900)}.tool-session .empty-tool-state p{font-size:1.4rem}.tool-session .timer-widget{display:grid;justify-items:center;--accent: var(--yellow);--accent-soft: var(--yellow-soft)}.tool-session .time-face{display:grid;place-content:center;gap:18px;width:min(520px,100%);aspect-ratio:1;border:12px solid var(--yellow-soft);border-radius:50%;background:#fff;text-align:center}.tool-session .timer-display{min-height:0;border-radius:0;background:transparent;font-size:clamp(3.6rem,14cqi,8rem);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.055em}.tool-session .timer-duration{display:flex;align-items:center;gap:14px}.tool-session .quick-presets{width:min(600px,100%);padding:20px 0 0;text-align:center}.tool-session .quick-presets__buttons{gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.tool-session .preset-button{min-height:48px}.tool-session .preset-button.is-active{background:var(--yellow-soft);border-color:var(--yellow)}.tool-session .stopwatch-stage{min-height:350px;gap:28px}.tool-session .stopwatch-stage strong{font-size:clamp(3rem,13cqi,11rem);line-height:1;letter-spacing:-.055em;font-weight:750}.tool-session .stopwatch-stage p{font-size:1rem}.tool-session .stopwatch-stage:after{content:"";width:64px;height:6px;border-radius:6px;background:var(--yellow)}.tool-session .lap-list{width:min(680px,100%)}.tool-session .lap-list li{border-radius:0;border:0;border-bottom:1px solid var(--border);background:transparent}.tool-session .bell-stage{display:grid;justify-items:center;align-content:center;gap:16px}.tool-session .bell-stage h2{font-size:clamp(3.5rem,13cqi,10rem);letter-spacing:-.045em;font-variant-numeric:tabular-nums}.tool-session .bell-symbol{width:48px;height:48px;color:#92600b;background:var(--yellow-soft);padding:10px;border-radius:50%}.tool-session .bell-stage :is(p,span){color:#52617d;font-size:1rem}.tool-session .bell-stage p{font-weight:650}.tool-session .bell-stage .bell-current{padding:6px 14px;border-radius:999px;color:#80560d;background:var(--yellow-soft);font-size:.9rem}.tool-session .bell-context{display:grid;gap:6px;padding-top:18px;border-top:1px solid var(--border);width:min(420px,100%)}.tool-session .random-stage{position:relative;min-height:360px;gap:22px}.tool-session .random-stage:before{content:"";width:52px;height:6px;background:var(--lavender);border-radius:6px}.tool-session .random-stage h2{font-size:clamp(2.6rem,10cqi,7rem);line-height:1.12;text-wrap:balance}.tool-session .random-stage p{color:#52617d;font-size:1rem}.tool-session .student-list-tools{justify-content:center;padding-top:20px;border-top:1px solid var(--border)}.tool-session .student-list-tools>.field-label{width:min(300px,100%)}.tool-session :is(.student-manager,.schedule-editor){background:#fff;border:0;border-top:1px solid var(--border);border-radius:0;padding:20px 0}.tool-session .group-setup{width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:24px;padding:20px 0 28px;border-bottom:1px solid var(--border)}.tool-session .stepper-row{gap:12px}.tool-session .stepper-row strong{min-width:44px;font-size:2rem}.tool-session .groups-output{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px}.tool-session .group-card{background:#f5f3ff;padding:24px;border:0;border-top:4px solid #c8c0fb;border-radius:4px 4px 18px 18px}.tool-session .group-card h2{font-size:1.1rem;color:#534789;margin-bottom:18px}.tool-session .group-card ul{gap:12px;font-size:clamp(1.1rem,2cqi,1.5rem)}.tool-session .groups-actions{order:2}.tool-session .noise-meter{width:100%;min-height:380px;gap:20px}.tool-session .noise-meter p{color:#52617d;font-size:1rem}.tool-session .noise-gauge{position:relative;width:min(480px,100%)}.tool-session .noise-gauge svg{display:block;width:100%;overflow:visible}.tool-session .gauge-track{stroke:#e5edea}.tool-session .gauge-level{stroke:#27835e;transition:stroke-dashoffset .12s ease}.tool-session .noise-gauge__value{position:absolute;inset:46% 0 8%;display:grid;place-content:center;gap:4px}.tool-session .noise-gauge__value b{font-size:clamp(2.6rem,8cqi,6rem);line-height:1;font-variant-numeric:tabular-nums}.tool-session .noise-gauge__value svg{width:48px;height:48px;margin-inline:auto;color:#27835e}.tool-session .noise-gauge__value small{color:#52617d;font-size:.85rem}.tool-session .noise-meter strong{font-size:clamp(1.5rem,4cqi,2.6rem);color:#236e50}.tool-session .zone-medium strong{color:#8b600e}.tool-session .zone-medium .gauge-level{stroke:#b58017}.tool-session .zone-loud strong{color:#a32323}.tool-session .zone-loud .gauge-level{stroke:#c33742}.tool-session .zone-paused strong{color:#52617d}.tool-session .privacy-note{color:#52617d;max-width:560px;margin:0;font-size:.9rem}.tool-session .traffic-light-stage{grid-template-columns:auto minmax(0,1fr);width:min(800px,100%);gap:clamp(24px,5cqi,80px)}.tool-session .traffic-light-body{padding:18px;gap:14px;border:5px solid #26374a;border-radius:70px;background:#34445a;box-shadow:0 8px #243346}.tool-session .traffic-light-lamp{width:clamp(76px,10cqi,120px);border:5px solid #ffffff20}.tool-session .traffic-light-lamp.is-active{box-shadow:0 0 0 4px #ffffff28}.tool-session .traffic-light-state{align-self:center;text-align:left;font-size:clamp(2rem,6cqi,5rem);line-height:1.12}.tool-session .traffic-light-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(460px,100%);gap:8px}.tool-session .traffic-light-actions button{padding:10px 6px}.tool-session .traffic-light-actions button[aria-pressed=true]{background:var(--green-soft);border-color:#27835e;box-shadow:inset 0 -3px #27835e}.tool-session .dice-stage{min-height:320px;align-content:center;padding:24px 0}.tool-session .dice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(540px,100%);gap:20px}.tool-session .dice-count-1{grid-template-columns:minmax(0,1fr);width:min(164px,100%)}.tool-session :is(.dice-count-2,.dice-count-4){grid-template-columns:repeat(2,minmax(0,1fr));width:min(350px,100%)}.tool-session .die-face{width:100%;border:1px solid #e8cdd0;border-radius:22%;box-shadow:0 5px #efdee0,0 9px 18px #34445a0a}.tool-session .die-pip{width:16%;background:#26374a}.tool-session .dice-config{display:flex;width:100%;gap:24px;flex-wrap:wrap}.tool-session .wheel-tool{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);align-items:center;column-gap:48px}.tool-session .wheel-stage{grid-column:1;grid-row:1}.tool-session .wheel-tool>.hero-action{grid-column:1;grid-row:2}.tool-session .wheel-config{grid-column:2;grid-row:1 / 3;display:grid;align-content:center;justify-items:stretch;border-top:0;border-left:1px solid var(--border);padding:24px}.tool-session .wheel-wrap{width:min(500px,100%)}.tool-session .wheel-visual{overflow:hidden;border:8px solid white;box-shadow:0 0 0 2px #eddfe0,0 6px #eddfe0}.tool-session .wheel-visual:after{inset:41%;box-shadow:0 2px 7px #34445a20}.tool-session .wheel-pointer{border-top-color:#34445a;border-left-width:12px;border-right-width:12px;border-top-width:26px;top:-4px}.tool-session .wheel-result{min-height:72px}.tool-session .wheel-result strong{font-size:clamp(1.8rem,4cqi,3.2rem);overflow-wrap:anywhere}.tool-session .qr-tool{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr);gap:48px;align-items:center}.tool-session .qr-stage{min-height:420px;align-content:center;padding:24px;background:var(--blue-soft);border-radius:24px}.tool-session .qr-config{align-content:center;justify-items:stretch;gap:20px;width:100%}.tool-session .qr-frame{width:min(380px,100%);padding:0;border:0;box-shadow:none;border-radius:8px;overflow:hidden}.tool-session .qr-placeholder-icon{width:88px;height:88px;color:#557ca6}.tool-session .qr-value{color:#46546c;font-size:.9rem}.tool-session .text-tool{gap:24px}.tool-session .text-display-stage{width:100%;min-height:clamp(320px,49vh,640px);border-radius:8px;border-left:6px solid #b4d4fa;background:#f1f7ff}.tool-session .text-config{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);width:100%;align-items:start;gap:18px 28px;border-top:1px solid var(--border);padding-top:24px}.tool-session .text-config .secondary-controls{justify-content:start;gap:8px}.tool-session .text-config .control-label{width:100%}.tool-session .text-config .soft-textarea{min-height:130px}.tool-session .check-row{font-size:.9rem;font-weight:650}.tool-session .check-row input{width:24px;height:24px;min-height:24px;flex-shrink:0}.tool-session .whiteboard-tool{gap:0}.tool-session .board-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding:16px 0}.tool-session .whiteboard-toolbar{justify-content:start;gap:8px}.tool-session .whiteboard-toolbar--secondary{flex-wrap:wrap}.tool-session .whiteboard-toolbar .is-active{background:var(--blue-soft);color:#185aa8;border-color:#8dbdf6}.tool-session .swatch-row{padding:4px;gap:8px;background:transparent;flex-wrap:wrap;max-width:100%}.tool-session .swatch{width:44px;height:44px;min-height:44px}.tool-session .swatch.is-active{outline:2px solid #206bc4;outline-offset:2px;box-shadow:none}.tool-session .whiteboard-canvas-wrap{height:clamp(360px,58vh,720px);min-height:360px;border-radius:12px;box-shadow:none;background-size:28px 28px}.tool-session .whiteboard-toolbar--floating{display:none}:fullscreen .tool-session :is(.configuration-tools,.secondary-controls,.group-setup,.groups-actions,.privacy-note){display:none}:fullscreen .tool-session .whiteboard-tool .configuration-tools{display:flex}:fullscreen .tool-session :is(.wheel-tool,.qr-tool){grid-template-columns:minmax(0,1fr)}:fullscreen .tool-session .groups-output{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}:fullscreen .tool-session .whiteboard-canvas-wrap{height:clamp(280px,58vh,720px);min-height:280px}.tool-session .groups-ready>svg{width:48px;height:48px;color:#7769aa}.tool-session[data-mode=compact] :is(.tool-workspace,.whiteboard-tool,.timer-widget){gap:18px}.tool-session[data-mode=compact] .instrument-readout{padding:18px 4px;min-height:200px}.tool-session[data-mode=compact] .time-face{width:min(260px,100%);border-width:8px;gap:12px}.tool-session[data-mode=compact] .timer-display{min-height:0;font-size:clamp(3rem,18cqi,4.8rem)}.tool-session[data-mode=compact] .timer-actions{gap:8px}.tool-session[data-mode=compact] .round-control--play{width:auto;height:auto}.tool-session[data-mode=compact] .instrument-actions>.hero-action{width:auto;flex:1}.tool-session[data-mode=compact] .quick-presets{padding-top:14px;gap:8px;font-size:.85rem}.tool-session[data-mode=compact] .quick-presets__buttons{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-session[data-mode=compact] .stopwatch-stage strong{font-size:clamp(2.5rem,14cqi,4.5rem)}.tool-session[data-mode=compact] .bell-stage h2{font-size:clamp(3rem,17cqi,5rem)}.tool-session[data-mode=compact] .random-stage h2{font-size:clamp(2rem,12cqi,4rem)}.tool-session[data-mode=compact] .noise-meter strong{font-size:clamp(1.4rem,7cqi,2rem)}.tool-session[data-mode=compact] .instrument-options{padding:16px 0;gap:12px}.tool-session[data-mode=compact] .group-setup{gap:16px;padding-top:0}.tool-session[data-mode=compact] .traffic-light-stage{grid-template-columns:auto minmax(0,1fr);gap:20px}.tool-session[data-mode=compact] .traffic-light-body{padding:12px;border-radius:54px;gap:10px}.tool-session[data-mode=compact] .traffic-light-lamp{width:clamp(56px,18cqi,78px)}.tool-session[data-mode=compact] .traffic-light-state{font-size:clamp(1.4rem,7cqi,2rem);text-align:left}.tool-session[data-mode=compact] .traffic-light-actions{gap:6px}.tool-session[data-mode=compact] .traffic-light-actions button{padding-inline:6px;font-size:.9rem}.tool-session[data-mode=compact] .dice-stage{min-height:180px}.tool-session[data-mode=compact] .die-face{width:100%}.tool-session[data-mode=compact] .dice-grid{gap:12px}.tool-session[data-mode=compact] .dice-config{justify-content:center}.tool-session[data-mode=compact] :is(.wheel-tool,.qr-tool,.text-config){grid-template-columns:minmax(0,1fr);gap:18px}.tool-session[data-mode=compact] :is(.wheel-stage,.wheel-tool>.hero-action,.wheel-config,.text-config>.field-label){grid-column:auto;grid-row:auto}.tool-session[data-mode=compact] .wheel-config{border-left:0;border-top:1px solid var(--border);padding:16px 0 0}.tool-session[data-mode=compact] .wheel-wrap{width:min(280px,95cqi)}.tool-session[data-mode=compact] .wheel-config .soft-textarea{min-height:100px}.tool-session[data-mode=compact] .qr-stage{min-height:220px;padding:16px}.tool-session[data-mode=compact] .qr-frame{width:min(260px,100%);padding:0}.tool-session[data-mode=compact] .qr-config .soft-textarea{min-height:96px}.tool-session[data-mode=compact] .text-config{padding-top:16px}.tool-session[data-mode=compact] .text-config .secondary-controls{justify-content:center;text-align:center}.tool-session[data-mode=compact] .text-config .soft-textarea{min-height:96px}.tool-session[data-mode=compact] .board-controls{padding-top:0;gap:12px}.tool-session[data-mode=compact] .whiteboard-toolbar{gap:6px}.tool-session[data-mode=compact] .whiteboard-toolbar--secondary{flex-direction:column;align-items:start;width:100%}.tool-session[data-mode=compact] .whiteboard-canvas-wrap{height:280px;min-height:280px}.tools-side .tool-preview{box-shadow:none}.tools-side .tool-surface{padding:6px}@container (max-width: 700px){.tool-session :is(.wheel-tool,.qr-tool,.text-config){grid-template-columns:minmax(0,1fr);gap:24px}.tool-session :is(.wheel-stage,.wheel-tool>.hero-action,.wheel-config,.text-config>.field-label){grid-column:auto;grid-row:auto}.tool-session .wheel-config{border-left:0;border-top:1px solid var(--border);padding:20px 0 0}.tool-session :is(.manager-row,.manager-grid){grid-template-columns:minmax(0,1fr)}.tool-session .schedule-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tool-session .schedule-row>:first-child{grid-column:1 / -1}.tool-session .schedule-header-row{display:none}.tool-session .time-face{width:min(380px,100%)}.tool-session .instrument-readout{min-height:240px;padding:20px 0}.tool-session .traffic-light-stage{grid-template-columns:auto minmax(0,1fr)}.tool-session .traffic-light-state{font-size:clamp(1.5rem,6cqi,3rem)}.tool-session .traffic-light-lamp{width:clamp(64px,14cqi,96px)}.tool-session .board-controls{justify-content:center}}@media(max-width:480px){.tool-shell{padding:10px 16px 24px}.tool-shell__header{gap:10px;grid-template-columns:44px minmax(0,1fr) 44px}.tool-shell__header h1{font-size:1.25rem}.tool-shell__header .shell-back{width:44px;min-height:44px;padding:10px}.tool-shell__header .shell-back span{display:none}.tool-shell__header .fullscreen-button{width:44px;height:44px}.tools-side .tool-preview{padding:16px}.tool-session .instrument-actions{gap:8px}.tool-session .hero-action{min-width:0}.tool-session .segmented-control button{padding-inline:10px;font-size:.9rem}}@media(prefers-reduced-motion:reduce){.tool-session *,.tool-session *:before,.tool-session *:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}body:has(.tool-shell--whiteboard){padding:0}.tool-shell--whiteboard{position:relative;display:flex;flex-direction:column;gap:8px;width:100%;height:100dvh;min-height:0;padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));overflow:hidden}.tool-shell--whiteboard .tool-shell__header{flex:0 0 auto;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;width:100%;max-width:none;min-height:48px;margin:0}.tool-shell--whiteboard .tool-shell__header h1{grid-column:2;grid-row:1;font-size:clamp(1.1rem,2vw,1.7rem)}.tool-shell--whiteboard .shell-back{min-height:44px;padding:8px 12px}.tool-shell--whiteboard .fullscreen-button{width:44px;height:44px;min-height:44px}html:not(:fullscreen) .tool-shell--whiteboard .tool-shell__header>.fullscreen-button{grid-column:3}@media(max-width:480px){html:not(:fullscreen) .tool-shell--whiteboard{padding-right:max(16px,env(safe-area-inset-right))}}.tool-shell--whiteboard :is(.tool-shell__stage,.tool-surface,.tool-session,[data-tool-id=whiteboard]){display:flex;flex:1 1 auto;flex-direction:column;width:100%;min-width:0;min-height:0}.tool-shell--whiteboard .tool-shell__stage{align-self:stretch;max-height:none;padding:0;margin:0}.tool-shell--whiteboard .whiteboard-tool{display:flex;flex:1 1 auto;flex-direction:column;width:100%;height:auto;min-height:0;gap:8px}.tool-shell--whiteboard .board-controls{flex:0 0 auto;gap:8px;padding:8px 0}.tool-shell--whiteboard .tool-session .whiteboard-canvas-wrap{flex:1 1 0;width:100%;height:auto;min-width:0;min-height:0}:fullscreen .tool-shell--whiteboard{display:flex;gap:0;width:100%;height:100dvh;min-height:0;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}:fullscreen .tool-shell--whiteboard .tool-shell__header{display:block;flex:0 0 0;height:0;min-height:0}:fullscreen .tool-shell--whiteboard .fullscreen-button{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:2}:fullscreen .tool-shell--whiteboard .board-controls{padding-right:60px}@media(max-width:600px){.tool-shell--whiteboard{padding-inline:max(8px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-right));padding-bottom:max(8px,env(safe-area-inset-bottom))}.tool-shell--whiteboard .board-controls{justify-content:start}.tool-shell--whiteboard .whiteboard-toolbar--secondary{width:100%}:fullscreen .tool-shell--whiteboard .board-controls{padding-right:0}:fullscreen .tool-shell--whiteboard .whiteboard-toolbar:first-child{width:100%;padding-right:56px}}.brand,.logo:has(.logo-image:not(.logo-image--compact)){position:relative;container-type:size}.brand img,.logo-image:not(.logo-image--compact){--logo-pixel: min(calc(100cqw / 1100), calc(100cqh / 355));position:absolute;width:calc(var(--logo-pixel) * 1050);height:calc(var(--logo-pixel) * 319);left:calc(var(--logo-pixel) * 21);top:calc((100cqh - var(--logo-pixel) * 355) / 2 + var(--logo-pixel) * 7);object-fit:contain}@media(max-width:760px){.brand img,.logo-image:not(.logo-image--compact){left:calc((100cqw - var(--logo-pixel) * 1100) / 2 + var(--logo-pixel) * 21)}}@media(max-width:1180px){.site-header .brand img{left:0}}:root{--floating-control-size: 48px;--accessibility-trigger-right: max(16px, env(safe-area-inset-right));--accessibility-trigger-bottom: max(24px, env(safe-area-inset-bottom));--fixed-control-bottom: var(--accessibility-trigger-bottom);--blue-readable: #075ed1}:root[data-text-size=large]{font-size:108%}:root[data-text-size=xlarge]{font-size:116%}:root[data-high-contrast=true]{--background: #ffffff;--surface: #ffffff;--navy-900: #0b193d;--navy-700: #18263f;--text-muted: #34445a;--blue-strong: #075ed1;--blue-soft: #dcecff;--border: #9fb1ca}:root[data-high-contrast=true] .tool-session{--instrument-ink: #0b193d}:root[data-underline-links=true] a:not(.primary-cta,.secondary-cta,.nav-cta,.plan-cta,.brand,.brand-link,.nav-pill,.icon-button,.primary-button,.secondary-button,.shell-back,.open-tool-button){text-decoration:underline;text-decoration-thickness:.1em;text-underline-offset:.18em}:root[data-reduced-motion=true]{scroll-behavior:auto!important}:root[data-reduced-motion=true] *,:root[data-reduced-motion=true] *:before,:root[data-reduced-motion=true] *:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.floating-utility-button{transition:none}}.floating-utility-button{position:fixed;z-index:30;bottom:var(--fixed-control-bottom);display:inline-grid;place-items:center;width:var(--floating-control-size);height:var(--floating-control-size);border:1px solid color-mix(in srgb,var(--blue-strong) 26%,var(--border));border-radius:15px;color:var(--blue-strong);background:#fffffff0;box-shadow:0 12px 26px #34445a29;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,opacity .16s ease}.floating-utility-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5}.floating-utility-button .accessibility-symbol{width:23px;height:23px;fill:currentColor;stroke:none}.floating-utility-button:hover,.floating-utility-button-active{border-color:color-mix(in srgb,var(--blue-strong) 52%,var(--border));background:var(--blue-soft);transform:translateY(-2px)}.accessibility-trigger{right:var(--accessibility-trigger-right)}.back-to-top{right:var(--accessibility-trigger-right);bottom:calc(var(--fixed-control-bottom) + var(--floating-control-size) + 12px);opacity:0;pointer-events:none;transform:translateY(10px)}.back-to-top-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top-visible:hover{transform:translateY(-2px)}.accessibility-panel{display:flex;flex-direction:column;position:fixed;z-index:31;right:var(--accessibility-trigger-right);bottom:calc(var(--fixed-control-bottom) + var(--floating-control-size) + 14px);width:min(360px,calc(100vw - 32px));padding:20px;border:1px solid color-mix(in srgb,var(--blue-strong) 20%,var(--border));border-radius:24px;color:var(--navy-900);background:#fff;box-shadow:0 22px 46px #34445a2e;max-height:calc(100dvh - var(--accessibility-trigger-bottom) - var(--floating-control-size) - 30px);overflow:hidden;overscroll-behavior:contain}.accessibility-trigger:hover,.accessibility-trigger.floating-utility-button-active{transform:none}.floating-utility-button:focus-visible,.accessibility-panel :focus-visible{outline:4px solid color-mix(in srgb,var(--blue-strong) 82%,#ffffff);outline-offset:4px}@media(forced-colors:active){.floating-utility-button,.accessibility-panel{border:1px solid CanvasText}.floating-utility-button:focus-visible,.accessibility-panel :focus-visible{outline-color:Highlight}}.accessibility-panel-heading{flex:0 0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start;margin-bottom:18px}.accessibility-panel-body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:8px;margin:-8px}.accessibility-panel h2{margin:0 0 6px;font-size:1.28rem;line-height:1.1}.accessibility-panel p{margin:0;color:var(--text-muted);font-size:.96rem;line-height:1.42;font-weight:650}.accessibility-panel-close{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid var(--border);border-radius:14px;color:var(--navy-900);background:var(--surface);font-size:1.55rem;line-height:1;cursor:pointer}.accessibility-fieldset{min-width:0;margin:0;padding:0;border:0}.accessibility-fieldset legend{margin-bottom:10px;color:var(--navy-900);font-weight:900}.accessibility-panel .segmented-control{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.accessibility-panel .segmented-control button,.accessibility-reset{min-height:44px;border:1px solid var(--border);border-radius:14px;color:var(--navy-700);background:var(--surface);font:inherit;font-size:.92rem;font-weight:850;cursor:pointer}.accessibility-panel .segmented-control button{min-width:0;padding:6px 2px;border-radius:14px;white-space:normal}@media(max-width:400px){.accessibility-panel .segmented-control{grid-template-columns:repeat(2,minmax(0,1fr))}.accessibility-panel .segmented-control button:last-child{grid-column:1 / -1}}.accessibility-panel .segmented-control button[aria-pressed=true]{color:#fff;border-color:var(--blue-readable);background:var(--blue-readable)}.accessibility-toggles{display:grid;gap:10px;margin:18px 0}.accessibility-toggle{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;min-height:44px;color:var(--navy-700);font-weight:800}.accessibility-toggle input{width:22px;height:22px;accent-color:var(--blue-strong)}.accessibility-reset{width:100%}@media(max-width:620px){body:has(.main-nav-open) .back-to-top{display:none}.accessibility-panel{left:16px;width:auto}}