.console{position: relative;margin: 0 auto;background: var(--surface);color: var(--text);border: 2px solid var(--console-border);border-radius: var(--radius-lg);padding: 0 24px 16px}.console--home{max-width: 820px}.console--wide{border-width: 1px;border-color: var(--border);box-shadow: var(--shadow);padding: 20px 28px 16px}.console--sw{max-width: 820px}.tool-tabs{display: grid;grid-template-columns: 1fr 1fr;border-bottom: 1px solid var(--line);margin: 0 -8px}.tool-tab{display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-height: 52px;margin: 0 auto;padding: 0 28px;color: var(--text);text-decoration: none;font-weight: 600;font-size: .9375rem;position: relative}.tool-tab:hover{color: var(--link)}.tool-tab[aria-current="page"]{color: var(--link)}.tool-tab[aria-current="page"]::after{content: "";position: absolute;left: 0;right: 0;bottom: -1px;height: 2px;background: var(--cobalt)}.stage{position: relative;display: grid;justify-items: center;align-content: center;text-align: center;padding: 30px 0 26px;min-height: 280px;--ring: 252px}.ring{position: absolute;left: 50%;top: 50%;width: var(--ring,200px);height: var(--ring,200px);transform: translate(-50%,-50%);pointer-events: none}.ring-track{fill: none;stroke: var(--ring-track);stroke-width: 8}.ring-bar{fill: none;stroke: var(--lime);stroke-width: 8;stroke-linecap: round;transition: stroke-dashoffset .35s linear,opacity .3s}.console--wide .stage{--ring: 340px;min-height: 360px;padding: 16px 0 12px}.console--wide .ring-track,.console--wide .ring-bar{stroke-width: 7}.state{position: relative;display: inline-flex;align-items: center;gap: 8px;font-size: 1rem;font-weight: 500;color: var(--text-muted);min-height: 26px}.state-dot{width: 9px;height: 9px;border-radius: 50%;background: transparent;border: 2px solid currentColor;display: none}[data-state="running"] .state{color: #4d7c0f;font-weight: 600}[data-state="running"] .state-dot{display: inline-block;background: #84cc16;border-color: #84cc16}[data-state="paused"] .state{color: var(--text);font-weight: 600}[data-state="paused"] .state-dot{display: inline-block}[data-state="finished"] .state{color: var(--text);font-weight: 800}[data-theme="dark"] [data-state="running"] .state{color: #b5e655}.digits{position: relative;margin: 2px 0 0;font-family: var(--font-digits);font-weight: 800;line-height: 1;font-size: clamp(3.75rem,17vw,7.75rem);letter-spacing: -.035em;font-variant-numeric: tabular-nums;white-space: nowrap}.digits.is-long{font-size: clamp(2.4rem,11.5vw,5.25rem)}.console--wide .digits{font-size: clamp(3.75rem,17vw,8.25rem)}.console--wide .digits.is-long{font-size: clamp(2.4rem,11.5vw,5.5rem)}.units{position: relative;margin-top: 14px;font-size: .6875rem;font-weight: 600;letter-spacing: .32em;text-transform: uppercase;color: var(--text)}.ends{position: relative;margin-top: 8px;font-size: .875rem;color: var(--text-muted);background: var(--surface);padding: 2px 12px;border-radius: 999px}.fields{border: 0;margin: 0;padding: 0;min-width: 0}.fields-legend{padding: 0;font-size: .875rem;color: var(--text-muted);margin-bottom: 6px}.fields-row{display: grid;grid-template-columns: repeat(3,minmax(0,104px));justify-content: center;gap: 12px 40px}.field{display: grid;gap: 4px}.field label{font-size: .8125rem;color: var(--text-muted)}.stepper{position: relative;display: flex;align-items: center;border: 1px solid var(--border);border-radius: var(--radius-sm);background: var(--surface);min-height: 54px}.stepper:focus-within{border-color: var(--cobalt)}.stepper input{width: 100%;min-width: 0;height: 52px;border: 0;background: transparent;padding: 0 0 0 16px;font-size: 1.5rem;font-weight: 500;font-variant-numeric: tabular-nums;-moz-appearance: textfield;appearance: textfield}.stepper input:focus{outline: none}.stepper input::-webkit-inner-spin-button,.stepper input::-webkit-outer-spin-button{-webkit-appearance: none;margin: 0}.stepper input[aria-invalid="true"]{color: var(--danger)}.stepper:has(input[aria-invalid="true"]){border-color: var(--danger)}.step-btns{display: grid;flex: none;width: 30px;margin-right: 4px}.step-btn{display: grid;place-items: center;height: 22px;border: 0;background: transparent;color: var(--text);border-radius: 6px;padding: 0}.step-btn:hover{background: var(--surface-2)}.step-btn .icon{width: 14px;height: 14px;stroke-width: 2.5}.field-error{margin-top: 10px;font-size: .875rem;color: var(--danger);font-weight: 600;text-align: center}.actions{display: grid;grid-template-columns: minmax(0,280px) minmax(0,180px);justify-content: center;gap: 12px;margin-top: 18px}.actions .btn{min-height: 56px;font-size: 1.125rem}.actions .btn-stop{grid-column: 1 / -1}.btn-primary-label{min-width: 6.5em;text-align: left}.act-icon-pause,.act-icon-restart{display: none}[data-state="running"] .act-icon-play{display: none}[data-state="running"] .act-icon-pause{display: block}[data-state="finished"] .act-icon-play{display: none}[data-state="finished"] .act-icon-restart{display: block}.presets{display: grid;grid-template-columns: repeat(7,minmax(0,1fr));gap: 8px;margin-top: 16px}.presets .chip{font-size: .9375rem;min-height: 48px}.toolbar{display: flex;align-items: center;flex-wrap: wrap;gap: 8px;margin-top: 18px;padding-top: 16px;border-top: 1px solid var(--line)}.sound-label{display: inline-flex;align-items: center;gap: 8px;font-size: .875rem;color: var(--text-muted)}.select--sm{min-height: 46px;width: 104px;padding: 0 10px;font-size: .9375rem;font-weight: 600}.volume{display: flex;align-items: center;gap: 10px;font-size: .875rem;color: var(--text-muted)}.volume input{flex: 1;max-width: 260px;accent-color: var(--cobalt);height: 44px}.volume-text{font-weight: 600;color: var(--text)}.toolbar-end{margin-left: auto;display: flex;gap: 10px;flex-wrap: wrap}.tool-note{margin-top: 12px;text-align: center;font-size: .8125rem;color: var(--text-muted)}.btn-stop{background: var(--ink);color: #fff;border-color: var(--ink)}[data-theme="dark"] .btn-stop{background: #fff;color: var(--ink);border-color: #fff}.console--wide .controls{display: grid;grid-template-columns: auto 1px minmax(0,1fr);align-items: end;gap: 28px}.console--wide .fields-row{grid-template-columns: repeat(3,minmax(0,124px));justify-content: start;gap: 12px 16px}.console--wide .fields-sep{align-self: stretch;background: var(--line);margin-top: 26px}.console--wide .actions{grid-template-columns: minmax(0,1.6fr) minmax(0,1fr);margin: 0}.console--wide .actions .btn{min-height: 64px;font-size: 1.25rem}@media (max-width: 900px){.console--wide .controls{grid-template-columns: 1fr;gap: 16px}.console--wide .actions{order: -1}.console--wide .fields-sep{display: none}.console--wide .fields-row{justify-content: stretch;grid-template-columns: repeat(3,minmax(0,1fr))}.console--wide .actions .btn{min-height: 56px}}@media (max-width: 640px){.console{padding: 0 16px 14px}.console--wide{padding: 16px 16px 14px}.stage{min-height: 214px;--ring: 196px}.console--wide .stage{--ring: 224px;min-height: 250px}.fields-row{grid-template-columns: repeat(3,minmax(0,1fr));gap: 10px}.stepper input{padding-left: 12px;font-size: 1.25rem}.actions,.console--wide .actions{grid-template-columns: 1fr}.actions .btn{min-height: 52px;font-size: 1.125rem}.presets{grid-template-columns: repeat(12,minmax(0,1fr))}.presets .chip{grid-column: span 3;min-height: 44px;font-size: .9375rem}.presets .chip:nth-child(n+5){grid-column: span 4}.toolbar{display: grid;grid-template-columns: auto minmax(0,1fr) auto}.toolbar .select--sm{width: 100%}.toolbar-end{margin-left: 0;grid-column: 1 / -1;display: grid;grid-template-columns: 1fr 1fr}.toolbar-end .btn{width: 100%}.volume{grid-column: 1 / -1}.volume input{flex: 1}}@media (max-width: 380px){.select--sm{width: 110px}}.class-console{max-width: 1000px;margin: 0 auto}.class-board{display: grid;grid-template-columns: minmax(0,1fr) 280px;gap: 0;background: #131b2c;color: #fff;border-radius: var(--radius-lg);overflow: hidden}.class-main{padding: 12px 24px 18px}.class-console .stage{--ring: 276px;min-height: 292px;padding: 12px 0}.class-console .ring-track{stroke: rgba(255,255,255,.22);stroke-width: 10}.class-console .ring-bar{stroke-width: 10}.class-console .state{color: #cfd6e4;font-size: 1.125rem}.class-console [data-state="running"] .state,.class-console[data-state="running"] .state{color: #d9fa65}.class-console[data-state="paused"] .state,.class-console[data-state="finished"] .state{color: #fff}.class-console .digits{color: #fff;font-size: clamp(3.25rem,14vw,5rem)}.class-console .digits.is-long{font-size: clamp(2.3rem,10vw,3.75rem)}.class-label-out{position: relative;margin-top: 10px;font-size: 1.125rem;font-weight: 600;color: #e6ebf5;max-width: 190px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.class-console .units{display: none}.lineprog{width: 100%;max-width: 420px;height: 8px;margin: 18px auto 0;display: none}.lineprog-track{fill: rgba(255,255,255,.14)}.lineprog-bar{fill: #d9fa65}[data-style="simple"] .ring{display: none}[data-style="simple"] .lineprog{display: block}[data-style="simple"] .stage{min-height: 200px}.class-console .actions{grid-template-columns: minmax(0,270px) minmax(0,172px);margin-top: 8px}.class-console .actions .btn--outline{background: transparent;color: #fff;border-color: rgba(255,255,255,.85)}.class-console .actions .btn--outline:hover{background: rgba(255,255,255,.08)}.class-side{padding: 20px 20px 18px;border-left: 1px solid rgba(255,255,255,.12);display: grid;align-content: start;gap: 14px}.class-side .form-label{font-size: .8125rem;font-weight: 500;color: #cfd6e4}.class-input{position: relative}.class-input input{width: 100%;min-height: 44px;padding: 0 40px 0 12px;border-radius: var(--radius-sm);border: 1px solid rgba(255,255,255,.5);background: transparent;color: #fff;font-weight: 600;font-size: .9375rem}.class-input .icon{position: absolute;right: 12px;top: 12px;color: #cfd6e4;pointer-events: none}.class-side hr{border: 0;border-top: 1px solid rgba(255,255,255,.12);margin: 0;width: 100%}.side-opt{display: grid;grid-template-columns: 24px minmax(0,1fr) auto;gap: 4px 10px;align-items: center}.side-opt label{font-weight: 600;font-size: .9375rem}.side-opt .side-hint{grid-column: 2 / -1;font-size: .75rem;color: #aeb8cc;line-height: 1.4}.side-opt .btn--quiet{grid-column: 2 / -1;justify-self: start;background: transparent;color: #fff;border-color: rgba(255,255,255,.45);min-height: 40px}.class-side .select--sm{background: #1c2740;color: #fff;border-color: rgba(255,255,255,.45)}.class-bar{display: flex;flex-wrap: wrap;align-items: center;gap: 10px;padding: 12px;margin: 0 auto;max-width: 1000px;background: var(--surface);border-radius: 0 0 var(--radius-lg) var(--radius-lg);box-shadow: var(--shadow)}.class-bar .presets{margin: 0;grid-template-columns: repeat(6,minmax(72px,96px))}.class-bar .chip{min-height: 44px;font-size: .9375rem}.class-bar .toolbar-end{margin-left: auto}.class-edit{max-width: 1000px;margin: 12px auto 0}.class-edit summary{display: inline-flex;align-items: center;gap: 8px;min-height: 44px;cursor: pointer;font-weight: 600;color: var(--link)}.class-edit .fields{margin-top: 8px}.class-edit .fields-row{justify-content: start}.class-console .tool-msg{color: #fff}.class-console .tool-note{color: #aeb8cc;margin-top: 10px}@media (max-width: 860px){.class-board{grid-template-columns: 1fr}.class-side{border-left: 0;border-top: 1px solid rgba(255,255,255,.12);grid-template-columns: 1fr 1fr}.class-side>*{grid-column: 1 / -1}.class-bar .presets{grid-template-columns: repeat(3,minmax(0,1fr));width: 100%}.class-bar .presets .chip{grid-column: auto}.class-bar .toolbar-end{margin-left: 0;width: 100%;display: grid;grid-template-columns: 1fr 1fr}}@media (max-width: 640px){.class-main{padding: 12px 16px 16px}.class-console .stage{--ring: 220px;min-height: 240px}.class-console .actions{grid-template-columns: 1fr}.class-side{padding: 16px}}.console--sw .stage{min-height: 0;padding: 26px 0 8px}.sw-digits{font-size: clamp(2.6rem,13vw,8rem)}.sw-digits.is-long{font-size: clamp(2rem,9.5vw,6rem)}.sw-actions{display: grid;grid-template-columns: minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap: 16px;margin-top: 20px}.sw-actions .btn{min-height: 58px;font-size: 1.125rem}.sw-actions .act-icon-pause{display: none}[data-state="running"] .sw-actions .act-icon-play,[data-state="running"] .focus-actions .act-icon-play{display: none}[data-state="running"] .sw-actions .act-icon-pause,[data-state="running"] .focus-actions .act-icon-pause{display: block}.laps{margin-top: 16px;border: 1px solid var(--line);border-radius: var(--radius);overflow: hidden}.laps table{width: 100%;border-collapse: collapse;font-variant-numeric: tabular-nums}.laps th{text-align: left;padding: 12px 24px;font-size: .875rem;font-weight: 500;color: var(--text-muted);background: var(--surface-2)}.laps td{padding: 14px 24px;font-size: 1.375rem;font-weight: 700;border-top: 1px solid var(--line)}.laps tr.is-current td{color: var(--text-muted);font-weight: 600}.laps-empty{padding: 18px 24px;color: var(--text-muted);font-size: .9375rem;border-top: 1px solid var(--line)}.laps-copy{margin-top: 12px;display: grid;gap: 6px}.laps-copy textarea{min-height: 120px;font-family: ui-monospace,Menlo,Consolas,monospace;font-size: .875rem}@media (max-width: 640px){.sw-actions{grid-template-columns: 1fr 1fr;gap: 10px}.sw-actions .btn:first-child{grid-column: 1 / -1}.laps th,.laps td{padding: 10px 12px}.laps td{font-size: 1.0625rem}}.focus{position: fixed;inset: 0;z-index: 50;overflow-y: auto;background: #131b2c;color: #fff;display: grid;grid-template-rows: auto 1fr auto;padding: max(20px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.focus .brand{color: #fff}.focus .brand-mark .bm-face{stroke: #d9fa65}.focus-top{display: flex;align-items: center;justify-content: space-between;gap: 12px}.focus-exit{background: transparent;color: #fff;border-color: rgba(255,255,255,.6)}.focus-exit:hover{background: rgba(255,255,255,.08)}.focus-main{display: grid;justify-items: center;align-content: center;text-align: center;padding: 24px 0;width: 100%;max-width: 980px;margin: 0 auto}.focus-kicker{font-size: clamp(.875rem,.7rem + .6vw,1.375rem);letter-spacing: .3em;text-transform: uppercase;color: #c3cbe0;font-weight: 600;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.focus-digits{margin-top: 12px;font-family: var(--font-digits);font-weight: 800;line-height: 1;font-size: clamp(4.5rem,24vw,16.5rem);letter-spacing: -.035em;font-variant-numeric: tabular-nums;white-space: nowrap}.focus-digits.is-long{font-size: clamp(3rem,13.5vw,11rem)}.focus-sub{margin-top: 14px;font-size: clamp(.8125rem,.7rem + .4vw,1.125rem);letter-spacing: .4em;text-transform: uppercase;color: #c3cbe0}.focus-bar{width: 100%;max-width: 960px;height: 18px;margin-top: 28px}.focus-bar-track{fill: #334058}.focus-bar-bar{fill: #d9fa65}.focus-meta{width: 100%;max-width: 960px;display: flex;justify-content: space-between;gap: 12px;margin-top: 10px;font-size: .9375rem;color: #c3cbe0;font-variant-numeric: tabular-nums}.focus-name{margin-top: 18px;font-size: .9375rem;letter-spacing: .3em;text-transform: uppercase;color: #c3cbe0;font-weight: 600}.focus-state{margin-top: 10px;font-weight: 700;color: #d9fa65;min-height: 1.6em}.focus-actions{display: grid;grid-template-columns: minmax(0,330px) minmax(0,265px);justify-content: center;gap: 28px;margin-top: 36px;width: 100%}.focus-actions .btn{min-height: 76px;font-size: 1.625rem;border-radius: 14px}.focus-actions .btn .icon{width: 30px;height: 30px}.focus-actions .btn--outline{background: transparent;color: #fff;border-color: #fff}.focus-actions .btn--outline:hover:not(:disabled){background: rgba(255,255,255,.08)}.focus-actions .btn--outline:disabled{background: transparent;border-color: #445069;color: #6d7890}.focus-actions .btn-stop{grid-column: 1 / -1;justify-self: center;min-height: 52px;font-size: 1.0625rem;background: #fff;color: #131b2c}.focus-bottom{display: flex;align-items: center;justify-content: space-between;gap: 12px;flex-wrap: wrap;font-size: .9375rem;color: #c3cbe0}.focus-bottom p{display: inline-flex;align-items: center;gap: 12px}.focus-bottom .select--sm{background: #1c2740;color: #fff;border-color: #445069}.focus-bottom label{display: inline-flex;align-items: center;gap: 10px}.focus .tool-msg{color: #fff}.focus :focus-visible{outline-color: #d9fa65}.focus.is-sw .focus-actions{grid-template-columns: minmax(0,300px) minmax(0,220px) minmax(0,220px);gap: 20px}body.focus-open{overflow: hidden}@media (max-width: 640px){.focus-actions{grid-template-columns: 1fr;gap: 16px;margin-top: 28px}.focus-actions .btn{min-height: 64px;font-size: 1.375rem}.focus.is-sw .focus-actions{grid-template-columns: 1fr 1fr}.focus.is-sw .focus-actions .btn:first-child{grid-column: 1 / -1}.focus-bottom{justify-content: center;text-align: center;flex-direction: column-reverse}.focus-name{letter-spacing: .12em;text-transform: none;font-size: 1.5rem;color: #aab4c9;order: -1;margin: 0 0 8px}}@media (max-height: 560px) and (orientation: landscape){.focus-digits{font-size: clamp(3rem,22vh,10rem)}.focus-actions{margin-top: 16px}.focus-actions .btn{min-height: 52px;font-size: 1.125rem}.focus-bar{margin-top: 14px}.focus-main{padding: 8px 0}}.embed-body{background: var(--surface);min-height: 0}.embed{padding: 8px}.console--embed{border-width: 1px;border-color: var(--border);padding: 0 14px 10px;max-width: 520px}.console--embed .stage{min-height: 190px;--ring: 170px;padding: 16px 0 10px}.console--embed .digits{font-size: clamp(2.8rem,16vw,4.5rem)}.console--embed .actions{margin-top: 8px;grid-template-columns: 1fr 1fr}.embed-bar{display: flex;align-items: center;gap: 8px;margin-top: 10px}.embed-credit{margin-left: auto;font-size: .8125rem}.tool-options{margin-top: 12px;border-top: 1px solid var(--line);padding-top: 8px}.tool-options summary{display: inline-flex;align-items: center;gap: 8px;min-height: 44px;cursor: pointer;font-weight: 600;font-size: .875rem;color: var(--link)}.tool-options-body{display: grid;gap: 12px;padding: 8px 0 4px}.tool-options-row{display: flex;flex-wrap: wrap;gap: 8px}.textarea--code{min-height: 84px;font-family: ui-monospace,Menlo,Consolas,monospace;font-size: .8125rem}.tool-label{position: relative;font-weight: 800;font-size: 1.125rem;color: var(--accent-text);max-width: 90%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.recent{display: flex;flex-wrap: wrap;align-items: center;gap: 6px;margin-top: 12px;font-size: .875rem;color: var(--text-muted)}.recent-list{display: inline-flex;flex-wrap: wrap;gap: 6px}.chip--sm{min-height: 36px;padding: 4px 10px;font-size: .8125rem;font-variant-numeric: tabular-nums}.class-options{max-width: 1000px;margin: 8px auto 0}.class-extras{max-width: 1000px;margin: 0 auto;display: flex;flex-wrap: wrap;align-items: flex-start;gap: 0 32px}.class-extras>*{max-width: none;margin: 0}.class-extras .tool-options{border-top: 0;padding-top: 0;margin-top: 4px}.class-extras .class-edit{margin-top: 4px}.class-extras .tool-options[open],.class-extras .class-edit[open]{flex-basis: 100%}.use-grid{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1.05fr);gap: clamp(24px,4vw,56px);align-items: start}.glance-grid{display: grid;grid-template-columns: minmax(0,1.2fr) minmax(0,1fr);gap: clamp(20px,3vw,40px);align-items: start}@media (max-width: 900px){.glance-grid{grid-template-columns: 1fr}}.use-grid .lead-sm{color: var(--text-muted);margin: 4px 0 22px}.use-card{position: relative;display: grid;grid-template-columns: minmax(0,1fr) 250px;gap: 8px;background: var(--promo-blue);border-radius: var(--radius-lg);overflow: hidden}.use-card-body{padding: 26px 0 24px 26px}.use-card .promo-kicker{display: block}.use-card h2{margin-top: 10px;font-size: clamp(1.375rem,1.15rem + .8vw,1.75rem);letter-spacing: -.025em}.use-card p{margin-top: 10px;color: var(--text-muted);font-size: .9375rem}.use-card-art{display: flex;align-items: center;justify-content: center;padding: 16px 8px 16px 0}.use-card-art img{width: 100%;height: auto}.activities{list-style: none;display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 10px;margin-top: 18px}.activities li{display: grid;justify-items: center;gap: 8px;padding: 14px 6px;background: var(--surface);border-radius: var(--radius);font-size: .8125rem;font-weight: 600;text-align: center}.activities .icon{width: 24px;height: 24px;color: var(--accent-text)}@media (max-width: 900px){.use-grid{grid-template-columns: 1fr}}@media (max-width: 520px){.use-card{grid-template-columns: 1fr}.use-card-body{padding: 22px 20px 0}.use-card-art{max-width: 220px;margin: 0 auto}.facts{grid-template-columns: 1fr}}.class-uses{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 14px}.class-use{display: grid;grid-template-columns: 76px minmax(0,1fr);gap: 14px;align-items: start;padding: 26px 22px;border-radius: var(--radius-lg);background: var(--promo-blue)}.class-use:nth-child(2){background: var(--promo-green)}.class-use:nth-child(3){background: var(--promo-violet)}.class-use .icon{width: 64px;height: 64px;color: var(--accent-text);stroke-width: 1.6}.class-use:nth-child(2) .icon{color: #2f9e44}.class-use h2{font-size: 1.375rem}.class-use p{margin-top: 6px;color: var(--text-muted);font-size: .9375rem}.tags{display: flex;flex-wrap: wrap;gap: 2px 14px;margin-top: 12px;font-size: .8125rem;font-weight: 600;color: var(--accent-text)}.visible-card{display: grid;grid-template-columns: minmax(0,1.25fr) minmax(0,250px) minmax(0,1fr);gap: 24px;align-items: center;margin-top: 14px;padding: 18px 28px;border: 1px solid var(--line);border-radius: var(--radius-lg);background: var(--surface)}.visible-card h2{font-size: clamp(1.75rem,1.3rem + 1.5vw,2.5rem);letter-spacing: -.035em}.visible-card p{margin-top: 10px;color: var(--text-muted);font-size: 1.0625rem}.checks{list-style: none;display: grid;gap: 12px;padding-left: 24px;border-left: 1px solid var(--line)}.checks li{display: flex;gap: 10px;align-items: flex-start;font-size: .875rem}.checks .icon{color: #fff;background: #2447c9;border-radius: 50%;padding: 3px;width: 22px;height: 22px;stroke-width: 3}.checks .checks-a11y .icon{background: transparent;color: var(--accent-text);stroke-width: 1.8;width: 26px;height: 26px;padding: 0}@media (max-width: 1000px){.class-uses{grid-template-columns: 1fr}.visible-card{grid-template-columns: 1fr}.visible-card .started-art{max-width: 260px}.checks{padding-left: 0;border-left: 0}}.visual-stage{display: grid;justify-items: center;gap: 8px;padding: 24px 0 8px;text-align: center}.visual-read{display: grid;justify-items: center}.pie,.hourglass{width: min(300px,72vw);height: auto}.pie-face{fill: var(--surface-2);stroke: var(--border);stroke-width: 2}.pie-fill{fill: #e5484d}.pie-hub{fill: var(--ink)}[data-color="green"] .pie-fill{fill: #46a758}[data-color="blue"] .pie-fill{fill: #3d63dd}.color-pick{display: flex;justify-content: center;gap: 8px;margin: 4px 0 14px}.color-btn{min-height: 44px;min-width: 88px;padding: 0 14px;border-radius: 999px;border: 2px solid var(--border);background: var(--surface);font-weight: 600}.color-btn::before{content: "";display: inline-block;width: 12px;height: 12px;border-radius: 50%;margin-right: 8px;vertical-align: -1px}.color-btn--red::before{background: #e5484d}.color-btn--green::before{background: #46a758}.color-btn--blue::before{background: #3d63dd}.color-btn[aria-pressed="true"]{border-color: var(--text)}.presets--8{grid-template-columns: repeat(8,minmax(0,1fr))}@media (max-width: 640px){.presets--8{grid-template-columns: repeat(4,minmax(0,1fr))}.presets--8 .chip,.presets--8 .chip:nth-child(n+5){grid-column: auto}}.glass{fill: none;stroke: var(--text);stroke-width: 3}.glass-cap{fill: var(--cobalt)}.sand{fill: #e8c872}.sand-stream{fill: #e8c872;opacity: 0}[data-state="running"] .sand-stream{opacity: 1}.scene{width: min(420px,86vw);height: auto}.scene--candle,.scene--egg{width: min(260px,64vw)}.race-grass{fill: #b2f2bb}.race-track{fill: #e8590c;opacity: .85}.race-lane{stroke: #fff;stroke-width: 2;stroke-dasharray: 10 8;fill: none}.race-flag rect,.race-flag path{fill: var(--ink)}.race-flag .race-check{fill: #fff}.runner circle{fill: var(--ink)}.runner path{stroke: var(--ink);stroke-width: 5;stroke-linecap: round;fill: none}[data-state="running"] .runner{animation: bob .5s ease-in-out infinite alternate}@keyframes bob{to{transform: translateY(-3px)}}.candle-plate{fill: var(--border)}.candle-body{fill: #f8f0e3;stroke: #d9c7a5;stroke-width: 2}.candle-wick{stroke: var(--ink);stroke-width: 3;fill: none}.candle-flame{fill: #ffa94d;stroke: #f76707;stroke-width: 2;transform-origin: 100px 46px}[data-state="running"] .candle-flame{animation: flicker 1.2s ease-in-out infinite alternate}@keyframes flicker{50%{transform: scale(.94,1.06)}100%{transform: scale(1.04,.96)}}[data-state="finished"] .candle-flame{display: none}.bomb-body{fill: #212529}.bomb-shine{fill: #fff;opacity: .25}.bomb-cap{fill: #495057}.bomb-fuse{fill: #a67c52}.bomb-spark circle{fill: #ffd43b}.bomb-spark path{stroke: #f76707;stroke-width: 3;stroke-linecap: round}[data-state="finished"] .bomb-spark,[data-state="finished"] .bomb-fuse{display: none}.bomb-pop{display: none}.bomb-pop path{fill: #ffd43b;stroke: #e8590c;stroke-width: 4}.bomb-pop text{font: 800 26px var(--font);fill: #c92a2a}[data-state="finished"] .bomb-pop{display: block}.sand--egg{fill: #ffd43b}.egg-cap{fill: #fff3bf;stroke: #e8a90c;stroke-width: 2}