:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;--surface:#fff;--surface-soft:#edf3f8;--line:#dbe4ef;--ink-muted:#5b677a;--blue:#2f80ed;--teal:#20a39e;--green:#2f9e66;--amber:#f4b740;--red:#e85d5d;--violet:#7c5cff;--shadow:0 16px 40px #17203314;--app-padding:24px;--app-viewport-height:100vh;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-right:env(safe-area-inset-right,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--focus-inset-top:max(12px, var(--safe-area-top));--focus-inset-right:max(12px, var(--safe-area-right));--focus-inset-bottom:max(12px, var(--safe-area-bottom));--focus-inset-left:max(12px, var(--safe-area-left));background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}@supports (height:100dvh){:root{--app-viewport-height:100dvh}}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#f4f7fb;min-width:320px}*{box-sizing:border-box}body{background:#f4f7fb;min-width:320px;margin:0;overflow-x:hidden}body.tool-focus-active{overflow:hidden}button,input,textarea,select{font:inherit}button,a.button{text-decoration:none}button,a,summary,.focus-click-surface{-webkit-tap-highlight-color:#2f80ed29;touch-action:manipulation}.focus-click-surface{color:inherit;font:inherit;text-align:inherit;cursor:pointer;appearance:none;background:0 0;border:0;margin:0;padding:0}.focus-click-surface:disabled,.focus-click-surface[aria-disabled=true]{cursor:not-allowed}input,textarea,select{font-size:1rem}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,.focus-click-surface:focus-visible{outline-offset:2px;outline:3px solid #2f80ed59}.app-shell{width:min(1440px,100%);min-height:var(--app-viewport-height);padding:calc(var(--app-padding) + var(--safe-area-top)) calc(var(--app-padding) + var(--safe-area-right)) calc(var(--app-padding) + var(--safe-area-bottom)) calc(var(--app-padding) + var(--safe-area-left));margin:0 auto}.skip-links{top:calc(8px + var(--safe-area-top));left:calc(8px + var(--safe-area-left));z-index:1200;gap:8px;display:flex;position:fixed}.skip-links a{border:1px solid var(--blue);color:#172033;white-space:nowrap;box-shadow:var(--shadow);background:#fff;border-radius:8px;padding:8px 10px;font-weight:900;text-decoration:none;position:absolute;transform:translateY(-180%)}.skip-links a:focus-visible{position:static;transform:translateY(0)}.topbar{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;padding:16px 0;display:flex}.brand-heading{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;display:grid}.brand-logo{filter:drop-shadow(0 12px 22px #1720331f);width:clamp(56px,8vw,86px);height:auto}.eyebrow{color:var(--teal);letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:10px;font-size:clamp(2rem,4vw,3.5rem);line-height:1}h2{margin-bottom:0;font-size:1.05rem}h3{margin-bottom:6px;font-size:.86rem}.status-strip{flex-wrap:wrap;justify-content:flex-end;gap:10px;min-width:0;padding-top:6px;display:flex}.hero-copy{max-width:760px;color:var(--ink-muted);margin-bottom:0;font-size:1.02rem}.tool-nav-shell{min-width:0;scroll-margin-top:calc(var(--safe-area-top) + 12px);align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.focus-mode-note{color:var(--ink-muted);align-items:center;gap:7px;margin:0 0 18px;font-size:.88rem;font-weight:800;display:inline-flex}.focus-mode-note svg{color:var(--blue);flex:none}.safety-panel{box-shadow:var(--shadow);background:#f4fbf9;border:1px solid #bfdbd6;border-radius:8px;gap:14px;margin-bottom:18px;padding:16px;display:grid}.safety-panel-main{grid-template-columns:minmax(260px,1fr) auto;align-items:start;gap:14px;display:grid}.safety-panel h2{margin-bottom:6px;font-size:clamp(1.2rem,2.2vw,1.55rem)}.safety-panel p{color:var(--ink-muted);margin-bottom:0;font-weight:700}.safety-badges{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:440px;display:flex}.safety-badges span{color:#1f6f5f;background:#fff;border:1px solid #bfdbd6;border-radius:8px;align-items:center;gap:7px;min-height:34px;padding:6px 9px;font-size:.84rem;font-weight:900;display:inline-flex}.safety-model-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.safety-model-grid article{background:#fff;border:1px solid #dbe4ef;border-radius:8px;padding:12px}.safety-model-grid svg{color:var(--teal)}.safety-model-grid h3{margin:6px 0 4px;font-size:.9rem}.safety-model-grid p{font-size:.86rem}.safety-details{border-top:1px solid #bfdbd6;padding-top:10px}.safety-details summary{color:#172033;cursor:pointer;font-weight:900}.safety-details ul{color:var(--ink-muted);gap:6px;margin:10px 0 0;padding-left:20px;font-weight:700;display:grid}.funding-feedback-panel{align-items:start;gap:18px;margin-bottom:18px;display:grid}.funding-column,.feedback-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;padding:16px}.funding-column h2,.feedback-card h2{margin-bottom:6px;font-size:clamp(1.16rem,2.1vw,1.45rem)}.funding-column p,.feedback-card p{color:var(--ink-muted);margin-bottom:0;font-weight:700}.funding-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.funding-option-grid article{border:1px solid var(--line);background:#fbfdff;border-radius:8px;align-content:start;gap:7px;padding:12px;display:grid}.funding-option-grid svg{color:var(--blue)}.funding-option-grid h3{margin:6px 0 4px;font-size:.9rem}.funding-option-grid p{font-size:.84rem}.funding-option-grid .button{justify-self:start;margin-top:4px}.feedback-card{grid-template-columns:minmax(0,1fr) auto;align-content:start;align-items:center;gap:12px;display:grid}.feedback-card>div{min-width:0}.feedback-details{border:1px solid var(--line);background:#fbfdff;border-radius:8px;width:min(100%,320px)}.feedback-details[open]{grid-column:1/-1;width:100%}.feedback-details summary{color:#172033;cursor:pointer;align-items:center;gap:8px;min-height:44px;padding:8px 10px;font-weight:900;display:flex}.feedback-details summary svg{color:var(--blue)}.feedback-form-fields{border-top:1px solid var(--line);background:#fff;gap:12px;padding:12px;display:grid}.feedback-card textarea{min-height:120px}.privacy-confirmation{align-items:flex-start}.tool-nav{scrollbar-width:thin;flex:auto;gap:8px;min-width:0;max-width:100%;padding-bottom:4px;display:flex;overflow-x:auto}.tool-nav a{border:1px solid var(--line);background:var(--surface);color:#172033;white-space:nowrap;border-radius:8px;flex:none;align-items:center;min-height:44px;padding:8px 10px;font-size:.88rem;font-weight:800;text-decoration:none;display:inline-flex}.tool-nav a:hover,.tool-nav a.active{border-color:var(--blue);background:#ecf4ff}.tool-nav a.dashboard-tab.sticky-dashboard-tab{z-index:2;border-color:#b8c8dc;position:sticky;left:0;box-shadow:10px 0 14px #f4f7fbeb}.tool-nav a.dashboard-tab svg{flex:none}.tab-arrange-toggle{white-space:nowrap;flex:none}.tab-arranger{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;gap:10px;margin:-6px 0 18px;padding:12px;display:grid}.teacher-ad-slot{box-shadow:var(--shadow);background:#fff;border:1px solid #cbd7e6;border-radius:8px;gap:9px;margin-bottom:14px;padding:14px;display:grid}body.tool-focus-active .teacher-ad-slot{display:none}.teacher-ad-slot.compact{margin-top:14px;margin-bottom:0}.teacher-ad-slot.ad-placement-site-footer{background:linear-gradient(#fff 0%,#f7fbff 100%);grid-template-columns:minmax(0,1fr) auto;align-items:center;margin:0}.teacher-ad-slot.ad-free{border-color:var(--green);background:#f3fbf6}.teacher-ad-slot.ad-free .ad-slot-label{border-color:var(--green);color:var(--green);background:#eafaf1}.teacher-ad-slot strong{color:#172033;font-size:1rem;line-height:1.2}.teacher-ad-slot p{color:var(--ink-muted);margin:0;font-size:.86rem;font-weight:700}.ad-slot-label,.ad-slot-actions,.ad-slot-actions span{align-items:center;gap:7px;display:inline-flex}.ad-slot-label{width:fit-content;color:var(--blue);text-transform:uppercase;background:#f7faff;border:1px solid #cbd7e6;border-radius:8px;padding:4px 7px;font-size:.74rem;font-weight:900}.ad-slot-actions{flex-wrap:wrap}.ad-slot-actions span{color:#1f6f5f;font-size:.78rem;font-weight:900}.site-footer{gap:10px;margin-top:18px;padding:0 0 34px;display:grid}.footer-safety-note{color:var(--ink-muted);margin:0;font-size:.9rem;font-weight:800}.tab-arranger-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.tab-arranger-header h2{font-size:.98rem}.tab-arranger-sections{gap:12px;display:grid}.tab-arranger-section{gap:8px;display:grid}.tab-arranger-section h3{color:var(--ink-muted);text-transform:uppercase;margin:0;font-size:.82rem}.tab-arranger-section.inactive{border-top:1px solid var(--line);padding-top:12px}.tab-order-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.tab-order-list li{border:1px solid var(--line);background:#fbfdff;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-width:0;padding:8px;display:grid}.tab-order-list.inactive li{opacity:.88;background:#f7fafc}.tab-order-list li>svg{color:var(--ink-muted)}.tab-order-list span{min-width:0;font-size:.9rem;font-weight:900}.tab-order-actions{gap:6px;display:flex}.status-strip span,.status-strip a,.status-strip button,.small-note{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--ink-muted);border-radius:8px;align-items:center;gap:7px;padding:7px 10px;font-size:.92rem;font-weight:700;display:inline-flex}.status-strip span,.status-strip a,.status-strip button{max-width:100%}.status-strip a,.status-strip button{color:#172033;text-decoration:none}.status-strip button{cursor:pointer}.status-strip a:hover,.status-strip button:hover{border-color:var(--blue);background:#ecf4ff}.status-button[aria-expanded=true]{border-color:var(--amber);background:#fff8df}.page-reset-panel{box-shadow:var(--shadow);background:#fff8df;border:1px solid #e3c268;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin:-8px 0 18px;padding:14px;display:grid}.page-reset-panel h2{margin-bottom:6px;font-size:clamp(1.05rem,2vw,1.25rem)}.page-reset-panel p{color:#6f5300;margin-bottom:0;font-weight:800}.reset-panel-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.dashboard-layout{grid-template-columns:minmax(260px,320px) 1fr;align-items:start;gap:18px;display:grid}.single-tool-layout{grid-template-columns:minmax(0,920px);align-items:start;gap:18px;display:grid}.single-tool-layout.with-roster{grid-template-columns:minmax(260px,320px) minmax(0,760px)}.single-tool-stage{min-width:0;scroll-margin-top:16px}.single-tool-stage .tool-card{width:100%}.single-tool-stage .timer-card{grid-column:auto}.seo-section{gap:18px;margin-top:28px;padding-bottom:32px;display:grid}.seo-intro{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;grid-template-columns:minmax(220px,360px) 1fr;align-items:start;gap:18px;padding:18px;display:grid}.seo-intro h2{font-size:clamp(1.45rem,3vw,2.2rem);line-height:1.1}.seo-intro p,.seo-panel p,.faq-list p{color:var(--ink-muted);margin-bottom:0}.seo-tool-directory,.seo-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.seo-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-tool-link,.seo-panel,.faq-list details{border:1px solid var(--line);background:var(--surface);border-radius:8px}.seo-tool-link{color:#172033;grid-template-columns:1fr auto;align-items:center;gap:4px 8px;min-height:92px;padding:12px;text-decoration:none;display:grid}.seo-tool-link:hover{border-color:var(--blue);background:#fbfdff}.seo-tool-link span{font-weight:900}.seo-tool-link small{color:var(--ink-muted);grid-column:1/-1;font-weight:700}.seo-panel{padding:14px}.check-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.check-list li{color:var(--ink-muted);align-items:flex-start;gap:8px;font-weight:700;display:flex}.check-list svg{color:var(--green);flex:none;margin-top:3px}.faq-list{gap:10px;display:grid}.faq-list details{padding:12px 14px}.faq-list summary{color:#172033;cursor:pointer;align-items:center;gap:8px;font-weight:900;display:flex}.faq-list summary svg{color:var(--green)}.roster-column{position:sticky;top:18px}.roster-card,.tool-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px}.roster-card{padding:18px}@media print{body.printing-tool *{visibility:hidden}body.printing-tool .print-target,body.printing-tool .print-target *{visibility:visible}body.printing-tool .print-target{box-shadow:none;border:none;position:absolute;inset:0}body.printing-tool .print-target .tool-focus-button,body.printing-tool .print-target .icon-button[aria-label^=Print]{display:none}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.roster-profiles{border-top:1px solid var(--line);gap:8px;margin-top:18px;padding-top:18px;display:grid}.roster-profiles h3{margin:0;font-size:.95rem}.roster-profile-save-row{gap:8px;display:flex}.roster-profile-save-row input{flex:1;min-width:0}.roster-profile-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.roster-profile-list li{border:1px solid var(--line);background:#fbfdff;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px;display:flex}.roster-profile-list li span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:900;overflow:hidden}.roster-adfree-note{border-top:1px solid var(--line);color:var(--ink-muted);align-items:flex-start;gap:7px;margin:18px 0 0;padding-top:18px;font-size:.86rem;font-weight:700;display:flex}.roster-adfree-note svg{color:var(--blue);flex:none;margin-top:2px}.roster-title,.tool-title{align-items:center;gap:9px;display:flex}.tool-title svg,.roster-title svg{color:var(--blue)}.tool-title-icon-button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex:none;place-items:center;width:44px;height:44px;padding:0;display:inline-grid}.tool-title-icon-button:hover{border-color:var(--line);background:#ecf4ff}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;scroll-margin-top:16px;display:grid}.tool-card{min-width:0;overflow:hidden}.tool-card-header{border-bottom:1px solid var(--line);background:#fbfdff;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.tool-card-body{padding:16px}.tool-card-fit-frame,.tool-card-fit-content{min-width:0}.tool-focus-button{flex:none}.tool-card.focus-mode{inset:var(--focus-inset-top) var(--focus-inset-right) var(--focus-inset-bottom) var(--focus-inset-left);z-index:1000;width:auto;max-height:calc(var(--app-viewport-height) - var(--focus-inset-top) - var(--focus-inset-bottom));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:var(--surface);border-color:#b8c8dc;grid-template-rows:auto 1fr;display:grid;position:fixed;overflow:hidden}.tool-card.focus-mode .tool-card-header{z-index:1;opacity:.42;transition:opacity .16s,background-color .16s,box-shadow .16s;position:sticky;top:0}.tool-card.focus-mode .tool-card-header:hover,.tool-card.focus-mode .tool-card-header:focus-within{opacity:1;background:#fffffff5;box-shadow:0 10px 28px #1720331a}.tool-card.focus-mode .tool-card-body{min-height:0;padding:clamp(18px,4vw,48px);display:grid;overflow:hidden}.tool-card.focus-mode .tool-card-fit-frame{align-items:start;width:100%;height:100%;min-height:0;display:grid;overflow:hidden}.tool-card.focus-mode .tool-card-fit-content{width:100%;transform:scale(var(--focus-scale,1));transform-origin:top;will-change:transform}.tool-card.focus-mode .focus-hide{display:none}.tool-card.focus-mode .tool-card-fit-content .button,.tool-card.focus-mode .tool-card-fit-content .icon-button,.tool-card.focus-mode .tool-card-fit-content a.button{opacity:.42;transition:opacity .16s,transform .16s,box-shadow .16s,border-color .16s,background-color .16s;box-shadow:0 10px 24px #1720331f}.tool-card.focus-mode .tool-card-fit-content .button:hover,.tool-card.focus-mode .tool-card-fit-content .button:focus-visible,.tool-card.focus-mode .tool-card-fit-content .button:active,.tool-card.focus-mode .tool-card-fit-content .icon-button:hover,.tool-card.focus-mode .tool-card-fit-content .icon-button:focus-visible,.tool-card.focus-mode .tool-card-fit-content .icon-button:active,.tool-card.focus-mode .tool-card-fit-content a.button:hover,.tool-card.focus-mode .tool-card-fit-content a.button:focus-visible,.tool-card.focus-mode .button-row:hover .button,.tool-card.focus-mode .button-row:focus-within .button,.tool-card.focus-mode .focus-dock:focus-within .button,.tool-card.focus-mode .focus-dock:hover .button,.tool-card.focus-mode .focus-dock:focus-within .icon-button,.tool-card.focus-mode .focus-dock:hover .icon-button,.tool-card.focus-mode .wheel-actions:hover .button,.tool-card.focus-mode .wheel-actions:focus-within .button,.tool-card.focus-mode .score-actions:hover .icon-button,.tool-card.focus-mode .score-actions:focus-within .icon-button,.tool-card.focus-mode .traffic-buttons:hover .button,.tool-card.focus-mode .traffic-buttons:focus-within .button{opacity:1;transform:translateY(-1px);box-shadow:0 16px 34px #1720332e}.tool-card.focus-mode .tool-card-fit-content .button:disabled,.tool-card.focus-mode .tool-card-fit-content .icon-button:disabled{opacity:.32;box-shadow:none;transform:none}.tool-card.focus-mode .has-focus-dock{padding-bottom:clamp(58px,9vmin,84px);position:relative}.tool-card.focus-mode .focus-dock{z-index:6;justify-content:center;width:max-content;max-width:min(92vw,560px);position:absolute;bottom:0;left:50%;right:auto;transform:translate(-50%)}.tool-card.focus-mode .focus-dock.button,.tool-card.focus-mode a.focus-dock.button{white-space:nowrap;min-width:min(72vw,220px)}.tool-card.focus-mode .focus-dock.button-row,.tool-card.focus-mode .focus-dock.traffic-buttons{flex-wrap:wrap;gap:8px;display:flex}.tool-card.focus-mode .focus-dock.traffic-buttons{width:min(92vw,430px)}.tool-card.focus-mode .focus-dock.traffic-buttons .button{min-width:0}.tool-card.focus-mode .focus-dock.button:hover,.tool-card.focus-mode .focus-dock.button:focus-visible,.tool-card.focus-mode .focus-dock.button:active,.tool-card.focus-mode a.focus-dock.button:hover,.tool-card.focus-mode a.focus-dock.button:focus-visible{transform:translate(-50%)translateY(-1px)}.tool-card.focus-mode .focus-dock.button:disabled{transform:translate(-50%)}.tool-card.focus-mode .focus-click-surface:not(:disabled):not([aria-disabled=true]){transition:filter .16s,transform .16s,box-shadow .16s}.tool-card.focus-mode .focus-click-surface:hover:not(:disabled):not([aria-disabled=true]),.tool-card.focus-mode .focus-click-surface:focus-visible:not(:disabled):not([aria-disabled=true]){filter:brightness(1.03)}.timer-card{grid-column:span 2}.field-label{color:var(--ink-muted);margin-bottom:6px;font-size:.8rem;font-weight:800;display:block}input,textarea,select{border:1px solid var(--line);color:#172033;background:#fff;border-radius:8px;width:100%;padding:10px 11px}textarea{resize:vertical;min-height:86px}input[type=number]{max-width:96px}input[type=range]{min-height:44px;accent-color:var(--teal);padding:0}.time-input-grid{grid-template-columns:minmax(86px,120px) minmax(150px,1fr);align-items:center;gap:8px;max-width:360px;display:grid}.button-row,.inline-fields,.add-row,.score-actions,.traffic-buttons{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.button-row{margin-top:12px}.button,.icon-button{border:1px solid var(--line);color:#172033;cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:8px 12px;font-weight:800;display:inline-flex}.button:hover,.icon-button:hover,a.button:hover{background:#f7fbff;border-color:#b8c8dc}.button:disabled{cursor:not-allowed;opacity:.55}.button.primary,.icon-button.primary{border-color:var(--blue);background:var(--blue);color:#fff}.button.danger{border-color:var(--red);background:var(--red);color:#fff}.button.danger:hover{background:#c73f3f;border-color:#c73f3f}.icon-button{width:44px;padding:0}.icon-button.danger{color:#b32929}.stack{gap:12px;display:grid}.timer-layout{grid-template-columns:minmax(180px,260px) 1fr;align-items:center;gap:20px;display:grid}.timer-ring{aspect-ratio:1;background:conic-gradient(var(--green) var(--progress), #dce7ef 0deg);border-radius:50%;place-items:center;width:min(100%,260px);display:grid}.timer-face{aspect-ratio:1;border:1px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:76%;font-size:clamp(2.3rem,8vw,4.6rem);font-weight:900;line-height:1;display:grid}.timer-controls{max-width:360px}.tool-card.focus-mode .timer-layout{min-height:min(760px, calc(var(--app-viewport-height) - 160px));grid-template-columns:1fr;place-items:center}.tool-card.focus-mode .timer-ring{width:min(72vmin,680px)}.tool-card.focus-mode .timer-face{font-size:clamp(3rem,10vmin,8rem)}.tool-card.focus-mode .timer-controls{justify-items:center;display:grid}.wheel-layout,.traffic-layout,.noise-layout,.qr-layout{grid-template-columns:minmax(130px,180px) 1fr;align-items:center;gap:16px;display:grid}.wheel-wrap{aspect-ratio:1;width:min(100%,180px);position:relative}.name-wheel{border:10px solid #fff;border-radius:50%;width:100%;height:100%;transition:transform .45s cubic-bezier(.22,.61,.36,1);box-shadow:inset 0 0 0 1px #17203324,0 10px 26px #1720331f}.wheel-pointer{border-top:10px solid #0000;border-bottom:10px solid #0000;border-right:18px solid #172033;width:0;height:0;position:absolute;top:50%;right:-4px;transform:translateY(-50%)}.wheel-actions{justify-items:start;gap:10px;display:grid}.yes-no-wheel{border:10px solid #fff;border-radius:50%;width:100%;height:100%;transition:transform .45s cubic-bezier(.22,.61,.36,1);position:relative;box-shadow:inset 0 0 0 1px #17203324,0 10px 26px #1720331f}.yes-no-wheel-label{color:#fff;text-align:center;text-shadow:0 1px 3px #17203359;width:72px;font-size:clamp(.9rem,4.8vw,1.1rem);font-weight:900;line-height:1;position:absolute;top:50%;left:50%}.tool-card.focus-mode .wheel-layout{grid-template-columns:1fr;align-content:center;justify-items:center;gap:clamp(10px,2vmin,18px);width:min(100%,760px);min-height:0;padding-bottom:clamp(54px,9vmin,78px);position:relative}.tool-card.focus-mode .wheel-wrap{width:min(58vmin,500px)}.tool-card.focus-mode .wheel-actions{z-index:4;text-align:center;justify-items:center;width:auto;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.wheel-result-card{border:1px solid var(--line);background:var(--surface-soft);color:#172033;border-radius:8px;gap:2px;min-width:130px;padding:9px 12px;display:grid}.wheel-result-card span{color:var(--ink-muted);text-transform:uppercase;font-size:.74rem;font-weight:900;line-height:1.1}.wheel-result-card strong{overflow-wrap:anywhere;font-size:1.12rem;line-height:1.08}.wheel-result-overlay{display:none}.tool-card.focus-mode .wheel-result-overlay{z-index:3;text-align:center;pointer-events:none;background:#fffffff0;border-color:#17203329;align-content:center;min-width:0;min-height:clamp(52px,13vmin,110px);padding:clamp(8px,2.6vmin,24px);display:grid;position:absolute;bottom:7%;left:7%;right:7%;box-shadow:0 14px 28px #1720332e}.tool-card.focus-mode .wheel-result-overlay strong{font-size:clamp(1.65rem,7vmin,5.1rem);line-height:.95}.tool-card.focus-mode .wheel-actions .button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2f80edeb;min-width:min(72vw,220px)}@media (hover:none){.tool-card.focus-mode .tool-card-header,.tool-card.focus-mode .tool-card-fit-content .button,.tool-card.focus-mode .tool-card-fit-content .icon-button,.tool-card.focus-mode .tool-card-fit-content a.button{opacity:.74}.tool-card.focus-mode .tool-card-fit-content .button:active,.tool-card.focus-mode .tool-card-fit-content .icon-button:active,.tool-card.focus-mode .tool-card-fit-content a.button:active{opacity:1}}@media (prefers-reduced-motion:reduce){.tool-card.focus-mode .tool-card-header,.tool-card.focus-mode .tool-card-fit-content .button,.tool-card.focus-mode .tool-card-fit-content .icon-button,.tool-card.focus-mode .tool-card-fit-content a.button{transition:none}}.team-list,.agenda-list,.score-list{gap:10px;display:grid}.mini-panel,.score-team,.agenda-item{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;padding:10px}.mini-panel p{color:var(--ink-muted);margin:0}.tool-card.focus-mode .team-list{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));justify-self:center;width:min(100%,1000px)}.tool-card.focus-mode .mini-panel{padding:clamp(14px,3vmin,28px)}.tool-card.focus-mode .mini-panel h3{font-size:clamp(1rem,2.6vmin,1.7rem)}.tool-card.focus-mode .mini-panel p{font-size:clamp(1.05rem,2.8vmin,2rem);font-weight:800}.random-student-layout,.elapsed-timer-layout,.reading-level-layout,.seating-chart-layout,.rubric-layout{gap:12px;display:grid}.student-pick-display,.elapsed-time-display,.reading-score-card{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;gap:4px;padding:14px;display:grid}.student-pick-display span,.elapsed-time-display span,.reading-score-card span,.reading-metric-grid span{color:var(--ink-muted);text-transform:uppercase;font-size:.78rem;font-weight:900}.student-pick-display strong,.elapsed-time-display strong,.reading-score-card strong{color:#172033;font-size:clamp(2rem,7vw,4.4rem);line-height:1}.student-pick-display p,.reading-score-card p{color:var(--ink-muted);margin:0;font-weight:700}.reading-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.reading-metric-grid div{border:1px solid var(--line);background:#fff;border-radius:8px;gap:2px;padding:10px;display:grid}.reading-metric-grid strong{color:#172033;font-size:1.05rem}.seating-chart-grid{--seat-columns:5;grid-template-columns:repeat(var(--seat-columns), minmax(82px, 1fr));gap:8px;padding-bottom:2px;display:grid;overflow-x:auto}.seat{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;gap:4px;min-height:72px;padding:9px;display:grid}.seat.empty{color:var(--ink-muted);background:#fff}.seat span{color:var(--ink-muted);text-transform:uppercase;font-size:.72rem;font-weight:900}.seat strong{color:#172033;line-height:1.15}.rubric-preview{gap:10px;min-width:0;display:grid;overflow-x:auto}.rubric-preview h3{font-size:1.02rem}.rubric-table{border:1px solid var(--line);border-radius:8px;min-width:720px;display:grid;overflow:hidden}.rubric-row{grid-template-columns:minmax(120px,.85fr) repeat(4,minmax(120px,1fr));display:grid}.rubric-row+.rubric-row{border-top:1px solid var(--line)}.rubric-row>*{border-right:1px solid var(--line);background:#fff;padding:9px;font-size:.78rem;line-height:1.35}.rubric-row>:last-child{border-right:0}.rubric-row.heading>*{color:#172033;background:#ecf4ff;font-weight:900}.rubric-row strong{background:var(--surface-soft)}.tool-card.focus-mode .random-student-layout,.tool-card.focus-mode .elapsed-timer-layout,.tool-card.focus-mode .reading-level-layout,.tool-card.focus-mode .seating-chart-layout,.tool-card.focus-mode .rubric-layout{width:min(100%,1040px);min-height:min(760px, calc(var(--app-viewport-height) - 160px));align-content:center;justify-self:center}.tool-card.focus-mode .student-pick-display,.tool-card.focus-mode .elapsed-time-display,.tool-card.focus-mode .reading-score-card{text-align:center;justify-items:center;padding:clamp(18px,4vmin,42px)}.tool-card.focus-mode .student-pick-display strong,.tool-card.focus-mode .elapsed-time-display strong,.tool-card.focus-mode .reading-score-card strong{font-size:clamp(3rem,12vmin,8rem)}.tool-card.focus-mode .reading-metric-grid{grid-template-columns:repeat(4,minmax(120px,1fr))}.tool-card.focus-mode .seating-chart-grid{grid-template-columns:repeat(var(--seat-columns), minmax(0, 1fr));overflow:visible}.tool-card.focus-mode .seat{min-height:clamp(82px,12vmin,140px);padding:clamp(10px,2vmin,18px)}.tool-card.focus-mode .seat strong{font-size:clamp(1rem,2.5vmin,1.8rem)}.tool-card.focus-mode .rubric-preview{overflow:visible}.tool-card.focus-mode .rubric-table{width:100%;min-width:0}.tool-card.focus-mode .rubric-row{grid-template-columns:minmax(0,.85fr) repeat(4,minmax(0,1fr))}.tool-card.focus-mode .rubric-row>*{overflow-wrap:anywhere}.random-result-list{gap:8px;margin:0;padding-left:22px;display:grid}.random-result-click-target{display:grid}.random-result-list li{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;padding:8px 10px;font-weight:800}.tool-card.focus-mode .random-result-list{justify-self:center;gap:clamp(10px,2vmin,18px);width:min(100%,760px);padding-left:clamp(26px,5vmin,46px)}.tool-card.focus-mode .random-result-click-target{justify-self:center;width:min(100%,760px)}.tool-card.focus-mode .random-result-click-target .random-result-list{width:100%}.tool-card.focus-mode .random-result-list li{padding:clamp(12px,2.5vmin,22px);font-size:clamp(1.15rem,3vmin,2rem)}.number-generator-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.number-generator-grid input[type=number]{max-width:none}.checkbox-row{color:var(--ink-muted);align-items:center;gap:8px;font-weight:800;display:inline-flex}.checkbox-row input{width:auto}.number-results{flex-wrap:wrap;align-items:center;gap:8px;min-height:42px;display:flex}.number-results span{border:1px solid var(--line);background:var(--surface-soft);color:#172033;border-radius:8px;place-items:center;min-width:48px;min-height:40px;padding:6px 10px;font-size:1.1rem;font-weight:900;display:inline-grid}.tool-card.focus-mode .number-results{justify-content:center;gap:clamp(10px,2vmin,18px)}.tool-card.focus-mode .number-results span{min-width:clamp(70px,12vmin,150px);min-height:clamp(58px,10vmin,120px);font-size:clamp(1.8rem,6vmin,4.5rem)}.prompt-result{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;gap:6px;padding:12px;display:grid}.prompt-result span{color:var(--ink-muted);text-transform:uppercase;font-size:.78rem;font-weight:900}.prompt-result p{margin:0;font-size:1.02rem;font-weight:800}.prompt-detail-list{gap:8px;margin:4px 0 0;display:grid}.prompt-detail-list div{grid-template-columns:64px 1fr;gap:8px;display:grid}.prompt-detail-list dt{color:var(--ink-muted);font-size:.78rem;font-weight:900}.prompt-detail-list dd{color:#172033;margin:0;font-weight:700}.tool-card.focus-mode .prompt-result{place-self:center;gap:clamp(10px,2vmin,18px);width:min(100%,960px);padding:clamp(18px,4vmin,42px)}.tool-card.focus-mode .prompt-result span{font-size:clamp(.85rem,1.7vmin,1.1rem)}.tool-card.focus-mode .prompt-result p{font-size:clamp(1.5rem,4.5vmin,3.8rem);line-height:1.12}.tool-card.focus-mode .prompt-detail-list{gap:clamp(10px,2vmin,18px)}.tool-card.focus-mode .prompt-detail-list div{grid-template-columns:minmax(64px,120px) 1fr}.tool-card.focus-mode .prompt-detail-list dd{font-size:clamp(1rem,2.2vmin,1.45rem)}.empty-state{color:var(--ink-muted);margin:0;font-weight:700}.noise-meter{border:1px solid var(--line);background:#eaf1f7;border-radius:8px;width:74px;height:180px;position:relative;overflow:hidden}.noise-meter span{background:var(--teal);transition:height .12s;position:absolute;bottom:0;left:0;right:0}.noise-meter span.over{background:var(--red)}.meter-status{color:var(--green);margin:0;font-size:1.65rem;font-weight:900}.meter-status.over{color:var(--red)}.tool-card.focus-mode .noise-layout{min-height:min(760px, calc(var(--app-viewport-height) - 160px));grid-template-columns:1fr;place-items:center}.tool-card.focus-mode .noise-meter{width:clamp(110px,18vmin,190px);height:clamp(280px,58vmin,560px)}.tool-card.focus-mode .meter-status{text-align:center;font-size:clamp(2.5rem,8vmin,6rem)}.tool-card.focus-mode .noise-layout>.stack{justify-items:center}.noise-reference-card{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;gap:2px;padding:10px;display:grid}.noise-reference-card span,.noise-reference-card small{color:var(--ink-muted);font-size:.78rem;font-weight:800}.noise-reference-card strong{font-size:1.08rem;line-height:1.1}.noise-reference-scale{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.noise-reference-scale button{border:1px solid var(--line);color:#172033;text-align:left;cursor:pointer;background:#fff;border-radius:8px;gap:2px;min-height:58px;padding:7px;font-size:.74rem;font-weight:800;line-height:1.15;display:grid}.noise-reference-scale button:hover,.noise-reference-scale button.selected{border-color:var(--blue);background:#ecf4ff}.noise-reference-scale span{color:var(--ink-muted);font-size:.72rem}.traffic-stack{background:#172033;border:1px solid #111827;border-radius:8px;gap:12px;width:90px;padding:13px;display:grid}.traffic-dot{aspect-ratio:1;opacity:.26;background:#cfd8e3;border-radius:50%;width:62px}.traffic-dot.active{opacity:1}.traffic-dot.red{background:var(--red)}.traffic-dot.yellow{background:var(--amber)}.traffic-dot.green{background:var(--green)}.traffic-buttons{align-content:center}.traffic-buttons .button{flex:82px}.traffic-controls,.traffic-auto-panel{gap:12px;display:grid}.light-button{text-transform:capitalize}.light-button.selected{border-color:var(--blue);background:#ecf4ff}.segmented-control{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:repeat(2,minmax(92px,1fr));width:min(100%,240px);display:inline-grid;overflow:hidden}.segmented-control button{border:0;border-right:1px solid var(--line);color:#172033;cursor:pointer;background:#fff;min-height:44px;font-weight:900}.segmented-control button:last-child{border-right:0}.segmented-control button.selected{background:var(--blue);color:#fff}.traffic-speed-control{max-width:340px}.tool-card.focus-mode .traffic-layout{min-height:min(760px, calc(var(--app-viewport-height) - 160px));grid-template-columns:1fr;place-items:center}.tool-card.focus-mode .traffic-stack{border-radius:16px;gap:clamp(16px,3vmin,36px);width:auto;padding:clamp(18px,4vmin,42px)}.tool-card.focus-mode .traffic-dot{justify-self:center;width:clamp(92px,17vmin,190px)}.tool-card.focus-mode .qr-layout{min-height:min(760px, calc(var(--app-viewport-height) - 160px));grid-template-columns:1fr;place-items:center}.tool-card.focus-mode .qr-preview{padding:clamp(14px,3vmin,34px)}.tool-card.focus-mode .qr-preview img{width:min(70vmin,520px)}.converter-layout{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-items:stretch;gap:16px;display:grid}.converter-fields{min-width:0}.converter-input-grid{grid-template-columns:minmax(96px,120px) minmax(150px,1fr);align-items:center;gap:8px;display:grid}.converter-input-grid input[type=number]{max-width:none}.converter-result{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;align-content:center;gap:8px;min-width:0;min-height:146px;padding:clamp(14px,2.4vw,20px);display:grid}.converter-result span{color:var(--ink-muted);font-weight:800}.converter-result-value,.converter-result-empty{color:#172033;overflow-wrap:anywhere;gap:2px;min-width:0;font-size:clamp(2.1rem,4.8vw,3rem);line-height:1.1;display:grid}.converter-result-unit{color:#172033;text-transform:lowercase;font-size:clamp(1.35rem,2.8vw,2rem);line-height:1.05}.converter-reference-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.converter-reference-list span{border:1px solid var(--line);color:var(--ink-muted);background:#fff;border-radius:8px;gap:2px;padding:9px 10px;font-weight:700;display:grid}.converter-reference-list strong{color:#172033}.tool-card.focus-mode .converter-layout{min-height:min(760px, calc(var(--app-viewport-height) - 220px));grid-template-columns:1fr;place-items:center}.tool-card.focus-mode .converter-result{text-align:center;width:min(100%,760px);padding:clamp(18px,4vmin,42px)}.tool-card.focus-mode .converter-result span{font-size:clamp(1rem,2.2vmin,1.45rem)}.tool-card.focus-mode .converter-result strong{font-size:clamp(2.2rem,8vmin,6rem)}.tool-card.focus-mode .converter-result-unit{font-size:clamp(1.55rem,5vmin,4rem)}.tool-card.focus-mode .converter-reference-list{justify-self:center;gap:clamp(8px,1.8vmin,16px);width:min(100%,920px)}.tool-card.focus-mode .converter-reference-list span{padding:clamp(10px,2vmin,18px);font-size:clamp(.9rem,1.9vmin,1.2rem)}.agenda-item{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px;display:grid}.agenda-item input,.score-team input{background:0 0;border-color:#0000;font-weight:800}.agenda-item input.done{color:var(--ink-muted);text-decoration:line-through}.check-button.selected{border-color:var(--green);background:var(--green);color:#fff}.qr-preview{border:1px solid var(--line);background:#fff;border-radius:8px;place-items:center;padding:10px;display:grid}.qr-preview img{width:min(100%,180px);height:auto}.small-note{justify-content:flex-start;min-height:32px;margin:0;padding:5px 8px;font-size:.82rem}.score-team{grid-template-columns:1fr auto auto;align-items:center;gap:10px;display:grid}.score-team strong{text-align:center;min-width:52px;font-size:2rem;line-height:1}.tool-card.focus-mode .agenda-list{align-content:center;justify-self:center;width:min(100%,920px)}.tool-card.focus-mode .agenda-item{grid-template-columns:auto 1fr;gap:clamp(10px,2vmin,18px);padding:clamp(12px,2.5vmin,22px)}.tool-card.focus-mode .agenda-item input{min-width:0;font-size:clamp(1.2rem,3.8vmin,2.8rem);line-height:1.1}.tool-card.focus-mode .check-button{width:clamp(44px,7vmin,64px);height:clamp(44px,7vmin,64px)}.tool-card.focus-mode .score-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-content:center;justify-self:center;width:min(100%,980px)}.tool-card.focus-mode .score-team{grid-template-columns:1fr auto;gap:clamp(10px,2vmin,18px);padding:clamp(14px,3vmin,28px)}.tool-card.focus-mode .score-team input{min-width:0;font-size:clamp(1.2rem,3.2vmin,2.4rem);line-height:1.1}.tool-card.focus-mode .score-team strong{min-width:clamp(68px,12vmin,140px);font-size:clamp(2.8rem,9vmin,7rem)}.tool-card.focus-mode .score-actions{grid-column:1/-1;justify-content:center}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=1050px){.dashboard-layout,.single-tool-layout.with-roster{grid-template-columns:1fr}.roster-column{position:static}.safety-panel-main,.safety-model-grid,.page-reset-panel{grid-template-columns:1fr}.reset-panel-actions{justify-content:flex-start}.safety-badges{justify-content:flex-start;max-width:none}.funding-feedback-panel,.funding-option-grid,.teacher-ad-slot.ad-placement-site-footer{grid-template-columns:1fr}.seo-tool-directory,.seo-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){:root{--app-padding:16px}.topbar{flex-direction:column;align-items:flex-start}.brand-heading{gap:10px}.tool-nav-shell{display:grid}.tab-arrange-toggle{justify-self:start}.seo-intro,.tool-grid{grid-template-columns:1fr}.timer-card{grid-column:span 1}.timer-layout,.wheel-layout,.traffic-layout,.noise-layout,.qr-layout,.converter-layout{grid-template-columns:1fr}.timer-ring,.wheel-wrap,.traffic-stack,.noise-meter{justify-self:center}}@media (width<=540px){:root{--app-padding:12px}h1{font-size:2rem}.score-team{grid-template-columns:1fr}.score-team strong{text-align:left}.status-strip{justify-content:flex-start;width:100%}.status-strip span,.status-strip a,.status-strip button{flex:100%;justify-content:flex-start}.tool-nav-shell{margin-right:calc(var(--safe-area-right) * -1)}.tool-nav{padding-right:max(12px, var(--safe-area-right))}.tool-card-header{gap:10px}.tool-card-header h2{overflow-wrap:anywhere}.feedback-card{grid-template-columns:1fr}.feedback-details{width:100%}.prompt-detail-list div,.tool-card.focus-mode .prompt-detail-list div{grid-template-columns:1fr;gap:2px}.prompt-detail-list dd{overflow-wrap:anywhere}.traffic-buttons{grid-template-columns:repeat(auto-fit,minmax(82px,1fr));display:grid}.segmented-control,.traffic-speed-control{width:100%;max-width:none}.noise-reference-scale{grid-template-columns:repeat(2,minmax(0,1fr))}.converter-input-grid,.number-generator-grid,.converter-reference-list,.reading-metric-grid{grid-template-columns:1fr}.rubric-table{min-width:620px}.tool-card.focus-mode .reading-metric-grid,.seo-tool-directory,.seo-detail-grid{grid-template-columns:1fr}.tool-card.focus-mode .tool-card-body{padding:12px}.tool-card.focus-mode .timer-layout,.tool-card.focus-mode .noise-layout,.tool-card.focus-mode .traffic-layout,.tool-card.focus-mode .qr-layout{min-height:calc(var(--app-viewport-height) - 132px)}.tool-card.focus-mode .converter-layout{min-height:calc(var(--app-viewport-height) - 168px)}}@media (height<=640px){.tool-card.focus-mode .random-student-layout,.tool-card.focus-mode .elapsed-timer-layout,.tool-card.focus-mode .reading-level-layout,.tool-card.focus-mode .seating-chart-layout,.tool-card.focus-mode .rubric-layout,.tool-card.focus-mode .timer-layout,.tool-card.focus-mode .noise-layout,.tool-card.focus-mode .traffic-layout,.tool-card.focus-mode .qr-layout,.tool-card.focus-mode .converter-layout,.tool-card.focus-mode .wheel-layout{min-height:0}}.board{gap:12px;margin-bottom:18px;display:grid}.board-bar{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.board-bar-info h2{margin:0;font-size:clamp(1.1rem,2vw,1.4rem)}.board-bar-info p{color:var(--ink-muted);margin:4px 0 0;font-size:.88rem;font-weight:700}.board-bar-actions{flex-wrap:wrap;gap:8px;display:flex}.board-picker{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;padding:16px;display:grid}.board-picker-group h3{letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin:0 0 8px;font-size:.74rem;font-weight:900}.board-picker-items{gap:6px;display:grid}.board-picker-items .button{justify-content:flex-start;width:100%}.board-surface{border:1px dashed var(--line);background:linear-gradient(var(--surface-soft) 1px, transparent 1px) 0 0 / 100% 28px, linear-gradient(90deg, var(--surface-soft) 1px, transparent 1px) 0 0 / 28px 100%, var(--surface);border-radius:10px;position:relative;overflow:auto}.board-empty{min-height:320px;color:var(--ink-muted);align-content:center;justify-items:center;gap:12px;font-weight:800;display:grid}.board-widget{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:10px;grid-template-rows:auto minmax(0,1fr);display:grid;position:absolute;overflow:hidden}.board-widget-handle{border-bottom:1px solid var(--line);background:var(--surface-soft);color:var(--ink-muted);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:6px 6px 6px 10px;font-size:.84rem;font-weight:900;display:flex}.board-widget-handle:active{cursor:grabbing}.board-widget-handle span{text-overflow:ellipsis;white-space:nowrap;color:#172033;flex:1;min-width:0;overflow:hidden}.board-widget-body{min-height:0;overflow:auto}.board-widget-resize{cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg, transparent 52%, var(--line) 52%, var(--line) 68%, transparent 68%);width:20px;height:20px;position:absolute;bottom:0;right:0}.board-widget .tool-card{height:100%;box-shadow:none;border:0;border-radius:0}.board-widget .tool-card-header{display:none}@media (width<=540px){.board-bar{align-items:flex-start}}.view-toggle{border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;gap:4px;margin-bottom:14px;padding:4px;display:inline-flex}.view-toggle button{color:var(--ink-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;padding:8px 16px;font-weight:900;display:inline-flex}.view-toggle button.active{background:var(--surface);color:var(--blue);box-shadow:var(--shadow)}:root{--gold:#ffc857;--brand-grad:linear-gradient(135deg, #2f80ed, #36c2b4);--card-radius:18px;--card-shadow:0 20px 44px -24px #17284c57;--card-shadow-soft:0 12px 28px -18px #17284c61}html,body{background:#eef4fb}body{background-color:#0000;background-image:radial-gradient(1100px 520px at 10% -10%,#2f80ed1a,#0000 60%),radial-gradient(920px 520px at 100% -2%,#36c2b41a,#0000 55%),radial-gradient(760px 520px at 92% 108%,#ffc85717,#0000 60%),linear-gradient(162deg,#eef4fb 0%,#f2f6f3 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}.topbar{background:var(--surface);border:1px solid var(--line);box-shadow:var(--card-shadow);border-radius:22px;margin-bottom:22px;padding:clamp(16px,2.4vw,24px) clamp(18px,2.6vw,28px)}.eyebrow{color:var(--teal);letter-spacing:.06em}.brand-logo{filter:drop-shadow(0 14px 24px #2f80ed38)}.roster-card,.tool-card,.board-bar,.board-picker,.funding-column,.feedback-card,.safety-panel,.page-reset-panel,.tab-arranger,.seo-intro,.seo-panel,.seo-tool-link,.faq-list details,.teacher-ad-slot{border-radius:var(--card-radius);box-shadow:var(--card-shadow-soft)}.board-widget{border-radius:14px}.tool-card{transition:transform .16s,box-shadow .16s,border-color .16s}.tool-card:hover{box-shadow:var(--card-shadow);border-color:color-mix(in srgb, var(--blue) 34%, var(--line));transform:translateY(-3px)}.tool-title>svg{width:34px;height:34px;color:var(--blue);background:color-mix(in srgb, var(--blue) 12%, #fff);border-radius:11px;padding:7px}.roster-title svg{width:34px;height:34px;color:var(--teal);background:color-mix(in srgb, var(--teal) 13%, #fff);border-radius:11px;padding:7px}.button.primary,.icon-button.primary{background:var(--brand-grad);border-color:#0000;box-shadow:0 12px 22px -14px #2f80edd9}.button.primary:hover,.icon-button.primary:hover,a.button.primary:hover{background:var(--brand-grad);filter:brightness(1.04);border-color:#0000}@media (width<=540px){.topbar{border-radius:18px}}