@font-face{font-family: "Plus Jakarta Sans";font-style: normal;font-weight: 400 800;font-display: swap;src: url("https://minutetimer.co/assets/fonts/plus-jakarta-sans-latin-var.woff2") format("woff2")}:root{--ink: #131b2c;--lime: #d9fa65;--lime-hover: #cdf247;--cobalt: #3d63dd;--cobalt-hover: #2d50c4;--canvas: #f7f9fd;--paper: #ffffff;--muted: #58647a;--border: #ccd3df;--line: #e3e8f0;--bg: var(--canvas);--surface: var(--paper);--surface-2: #f1f4fa;--text: var(--ink);--text-muted: var(--muted);--link: #2f55d4;--accent-text: #2447c9;--console-border: var(--ink);--promo-blue: #e3ebfd;--promo-blue-2: #d7e3fc;--promo-dark: #16213a;--promo-green: #eef8e3;--promo-violet: #eceefd;--icon-tile: #e8eefc;--ring-track: #eef7cc;--focus-ring: #3d63dd;--shadow: 0 1px 2px rgba(19,27,44,.05),0 8px 24px rgba(19,27,44,.06);--danger: #b42318;--font: "Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--font-digits: "Plus Jakarta Sans",ui-monospace,"SF Mono",Menlo,Consolas,monospace;--radius-sm: 10px;--radius: 12px;--radius-lg: 16px;--radius-xl: 18px;--wrap: 1200px;--gutter: 24px;--header-h: 64px;color-scheme: light}@media (max-width: 640px){:root{--gutter: 16px;--header-h: 60px}}[data-theme="dark"]{--bg: #0d1320;--surface: #151d2e;--surface-2: #1b2539;--text: #eef2fa;--text-muted: #a9b4c8;--border: #34405a;--line: #273248;--link: #9db4ff;--accent-text: #a9bdff;--console-border: #3a4763;--promo-blue: #18233d;--promo-blue-2: #1c2a4a;--promo-dark: #0a0f1a;--promo-green: #16241c;--promo-violet: #1b1e36;--icon-tile: #1f2b47;--ring-track: #2b3524;--focus-ring: #d9fa65;--shadow: 0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25);--danger: #ff8a80;color-scheme: dark}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bg: #0d1320;--surface: #151d2e;--surface-2: #1b2539;--text: #eef2fa;--text-muted: #a9b4c8;--border: #34405a;--line: #273248;--link: #9db4ff;--accent-text: #a9bdff;--console-border: #3a4763;--promo-blue: #18233d;--promo-blue-2: #1c2a4a;--promo-dark: #0a0f1a;--promo-green: #16241c;--promo-violet: #1b1e36;--icon-tile: #1f2b47;--ring-track: #2b3524;--focus-ring: #d9fa65;--shadow: 0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25);--danger: #ff8a80;color-scheme: dark}}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%}body{margin: 0;min-height: 100vh;display: flex;flex-direction: column;background: var(--bg);color: var(--text);font-family: var(--font);font-size: 1rem;line-height: 1.6;-webkit-font-smoothing: antialiased;overflow-x: hidden}main{flex: 1 0 auto;outline: none}h1,h2,h3{line-height: 1.15;margin: 0;letter-spacing: -.02em;font-weight: 800}h1{font-size: clamp(2rem,1.1rem + 3.4vw,3.75rem);letter-spacing: -.035em}h2{font-size: clamp(1.25rem,1.05rem + .8vw,1.625rem)}h3{font-size: 1.0625rem;font-weight: 700;letter-spacing: -.01em}p{margin: 0}a{color: var(--link);text-underline-offset: 3px}a:hover{text-decoration-thickness: 2px}img,svg{display: block;max-width: 100%}img{height: auto}button,input,select,textarea{font: inherit;color: inherit}button{cursor: pointer}button:disabled{cursor: not-allowed}ul,ol{margin: 0;padding: 0}:focus-visible{outline: 3px solid var(--focus-ring);outline-offset: 2px}[hidden]{display: none !important}.sr-only{position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}.icon{width: 20px;height: 20px;flex: none;fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round}.icon--fill{fill: currentColor;stroke: none}.icon--sm{width: 16px;height: 16px}.icon--lg{width: 24px;height: 24px}.muted{color: var(--text-muted)}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation: none !important;transition: none !important;scroll-behavior: auto !important}}.wrap{width: 100%;max-width: calc(var(--wrap) + 2 * var(--gutter));margin: 0 auto;padding: 0 var(--gutter)}.wrap--narrow{max-width: calc(820px + 2 * var(--gutter))}.wrap--text{max-width: calc(760px + 2 * var(--gutter))}.section{margin-top: clamp(40px,5vw,56px)}.section:last-child{margin-bottom: clamp(48px,6vw,72px)}.section-head{display: flex;align-items: baseline;justify-content: space-between;gap: 8px 24px;flex-wrap: wrap;margin-bottom: 16px}.section-head p{color: var(--text-muted);font-size: .875rem}.section-head a{font-weight: 600}.divider{border: 0;border-top: 1px solid var(--line);margin: clamp(32px,4vw,48px) 0 0}.skip{position: fixed;left: 12px;top: -80px;z-index: 60;padding: 10px 16px;border-radius: var(--radius);border: 2px solid var(--ink);background: var(--lime);color: var(--ink);font-weight: 700}.skip:focus{top: 12px}.site-header{background: var(--surface);border-bottom: 1px solid var(--line);position: relative;z-index: 30}.site-header .wrap{display: flex;align-items: center;gap: 24px;min-height: var(--header-h)}.brand{display: inline-flex;align-items: center;gap: 10px;color: var(--text);text-decoration: none;font-weight: 800;font-size: 1.5rem;letter-spacing: -.03em;line-height: 1}.brand:hover{text-decoration: none}.brand-mark{width: 32px;height: 32px;flex: none}.brand-mark .bm-face{fill: var(--lime);stroke: var(--ink);stroke-width: 2}.brand-mark .bm-hand{fill: none;stroke: var(--ink);stroke-width: 2.4;stroke-linecap: round;stroke-linejoin: round}.main-nav{flex: 1;display: flex;justify-content: center}.main-nav ul{list-style: none;display: flex;gap: 8px}.main-nav a{display: inline-flex;align-items: center;min-height: 44px;padding: 0 14px;color: var(--text);text-decoration: none;font-size: .9375rem;font-weight: 500;position: relative}.main-nav a:hover{color: var(--link)}.main-nav a[aria-current]{color: var(--link);font-weight: 600}.main-nav a[aria-current]::after{content: "";position: absolute;left: 14px;right: 14px;bottom: 2px;height: 2px;border-radius: 2px;background: var(--cobalt)}.header-tools{display: flex;align-items: center;gap: 8px}.header-note{font-size: .8125rem;line-height: 1.35;color: var(--text-muted);padding-left: 20px;border-left: 1px solid var(--line)}.header-note::after,.side-note::after,.footer-note::after{content: "";display: block;width: 28px;height: 2px;background: var(--lime);margin-top: 6px}.icon-btn{display: inline-grid;place-items: center;width: 44px;height: 44px;border-radius: 50%;border: 0;background: transparent;color: var(--text)}.icon-btn:hover{background: var(--surface-2)}.theme-toggle .icon-sun{display: none}[data-theme="dark"] .theme-toggle .icon-sun{display: block}[data-theme="dark"] .theme-toggle .icon-moon{display: none}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .theme-toggle .icon-sun{display: block}:root:not([data-theme="light"]) .theme-toggle .icon-moon{display: none}}.menu-btn{display: none}@media (max-width: 1279px){.header-note{display: none}}@media (max-width: 760px){.site-header .wrap{gap: 8px}.brand{font-size: 1.375rem}.menu-btn{display: inline-grid}.main-nav{order: 3;flex: none}.header-tools{margin-left: auto}.main-nav ul{display: none;position: absolute;left: 0;right: 0;top: 100%;flex-direction: column;gap: 0;padding: 8px var(--gutter) 16px;background: var(--surface);border-bottom: 1px solid var(--line);box-shadow: var(--shadow)}.main-nav.is-open ul{display: flex}.main-nav a{width: 100%;min-height: 48px;padding: 0 4px;font-size: 1.0625rem;border-bottom: 1px solid var(--line)}.main-nav li:last-child a{border-bottom: 0}.main-nav a[aria-current]::after{left: 4px;right: auto;width: 32px;bottom: 6px}}.page-head{position: relative;text-align: center;padding: clamp(24px,4vw,40px) 0 clamp(20px,2.4vw,28px)}.page-head .lead{margin-top: 8px;font-size: clamp(1.0625rem,1rem + .45vw,1.3125rem);color: var(--text-muted)}.page-head--left{text-align: left}.side-note{position: absolute;top: 36px;font-size: .8125rem;line-height: 1.4;color: var(--text-muted);max-width: 130px}.side-note--left{left: -8px;text-align: left}.side-note--left::after{display: none}.side-note--right{right: -8px;text-align: right}.side-note--right::after{margin-left: auto}@media (max-width: 1279px){.side-note{display: none}}.crumbs{padding-top: 16px;font-size: .8125rem}.crumbs ol{list-style: none;display: flex;flex-wrap: wrap;gap: 4px;color: var(--text-muted)}.crumbs li{display: inline-flex;align-items: center;gap: 4px}.crumbs li + li::before{content: "/";color: var(--border)}.crumbs a{color: var(--link);text-decoration: none;display: inline-flex;min-height: 24px;align-items: center}.crumbs a:hover{text-decoration: underline}.crumbs + .page-head{padding-top: clamp(8px,1.6vw,16px)}.site-footer{margin-top: clamp(48px,6vw,72px);border-top: 1px solid var(--line);background: var(--surface)}.site-footer .wrap{display: flex;align-items: center;gap: 16px 24px;min-height: 88px;flex-wrap: wrap;padding-top: 16px;padding-bottom: 16px}.footer-brand{display: flex;align-items: center;gap: 20px}.footer-domain{font-size: .875rem;color: var(--text-muted);padding-left: 20px;border-left: 1px solid var(--line)}.footer-nav{margin-left: auto}.footer-nav ul{list-style: none;display: flex;flex-wrap: wrap;gap: 4px 8px}.footer-nav a{display: inline-flex;align-items: center;min-height: 44px;padding: 0 10px;color: var(--text);text-decoration: none;font-size: .9375rem}.footer-nav a:hover{color: var(--link);text-decoration: underline}.footer-note{font-size: .8125rem;line-height: 1.35;color: var(--text-muted);padding-left: 20px;border-left: 1px solid var(--line)}@media (max-width: 760px){.site-footer .wrap{flex-direction: column;align-items: flex-start}.footer-nav{margin-left: -10px}.footer-note{display: none}.site-footer .theme-toggle{position: absolute;right: var(--gutter);top: 22px}.site-footer{position: relative}}@media (max-width: 374px){.footer-brand{gap: 12px;flex-wrap: wrap}.footer-domain{padding-left: 12px}.site-footer .brand{font-size: 1.25rem}}.footer-legal{width: 100%;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 4px 16px;border-top: 1px solid var(--line);padding-top: 8px}.footer-legal ul{list-style: none;display: flex;flex-wrap: wrap;gap: 0 4px;margin-left: -10px}.footer-legal a{display: inline-flex;align-items: center;min-height: 44px;padding: 0 10px;color: var(--text-muted);font-size: .875rem}.footer-legal a:hover{color: var(--link)}.footer-legal .linkish{color: var(--text-muted)}.footer-copy{font-size: .8125rem;color: var(--text-muted)}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 10px;min-height: 48px;padding: 0 20px;border-radius: var(--radius);border: 1.5px solid transparent;background: var(--surface);color: var(--text);font-weight: 700;font-size: 1rem;line-height: 1.2;text-decoration: none;text-align: center;transition: background-color .15s ease,border-color .15s ease,color .15s ease}.btn:hover{text-decoration: none}.btn:disabled,.btn[aria-disabled="true"]{opacity: 1;background: var(--surface-2);border-color: var(--surface-2);color: #8b95a7}.btn--primary{background: var(--lime);color: var(--ink);border-color: var(--lime)}.btn--primary:hover:not(:disabled){background: var(--lime-hover);border-color: var(--lime-hover)}.btn--outline{border-color: var(--text);background: var(--surface)}.btn--outline:hover:not(:disabled){background: var(--surface-2)}.btn--cobalt{background: var(--cobalt);color: #fff;border-color: var(--cobalt)}.btn--cobalt:hover{background: var(--cobalt-hover);border-color: var(--cobalt-hover)}.btn--white{background: #fff;color: #2447c9;border-color: #fff}.btn--white:hover{background: #eef2ff}.btn--quiet{border-color: var(--border);background: var(--surface);font-weight: 600;font-size: .875rem;min-height: 44px;padding: 0 14px;gap: 8px}.btn--quiet:hover:not(:disabled){border-color: var(--text-muted)}.btn--quiet.is-link{color: var(--link)}.btn--lg{min-height: 52px;font-size: 1.0625rem;padding: 0 28px}.btn--block{width: 100%}.text-link{display: inline-flex;align-items: center;gap: 6px;font-weight: 600;color: var(--link);min-height: 44px}.chips{display: grid;gap: 10px}.chip{display: inline-flex;align-items: center;justify-content: center;min-height: 44px;padding: 6px 10px;border: 1px solid var(--border);border-radius: var(--radius-sm);background: var(--surface);color: var(--text);font-size: .9375rem;font-weight: 600;text-decoration: none;text-align: center;transition: border-color .15s ease,background-color .15s ease}.chip:hover{border-color: var(--text-muted);text-decoration: none}.chip[aria-pressed="true"],.chip.is-active{background: var(--lime);border-color: var(--lime);color: var(--ink)}.chips--popular{grid-template-columns: repeat(8,minmax(0,1fr))}.chips--related{grid-template-columns: repeat(5,minmax(0,1fr))}.chips--related .chip{min-height: 48px;font-size: 1rem}@media (max-width: 900px){.chips--popular{grid-template-columns: repeat(4,minmax(0,1fr))}}@media (max-width: 560px){.chips--popular{grid-template-columns: repeat(3,minmax(0,1fr));gap: 8px}.chips--related{grid-template-columns: repeat(3,minmax(0,1fr));gap: 8px}}.pager{display: flex;justify-content: space-between;gap: 12px;margin-top: 16px;flex-wrap: wrap}.pager a{display: inline-flex;align-items: center;gap: 6px;min-height: 44px;font-weight: 600;font-size: .9375rem}.promos{display: grid;grid-template-columns: 1fr 1fr;gap: 16px}.promo{position: relative;display: grid;grid-template-columns: minmax(0,1.15fr) minmax(0,1fr);align-items: center;gap: 8px;min-height: 200px;border-radius: var(--radius-lg);overflow: hidden;background: var(--promo-blue)}.promo-body{padding: 28px 0 28px 28px;position: relative;z-index: 1}.promo-kicker{font-size: .6875rem;font-weight: 700;letter-spacing: .12em;text-transform: uppercase;color: var(--accent-text)}.promo h2,.promo h3{font-size: clamp(1.375rem,1.1rem + .9vw,1.75rem);margin-top: 8px;letter-spacing: -.025em;font-weight: 800}.promo p.promo-text{margin-top: 10px;font-size: .9375rem;color: var(--text-muted);max-width: 32ch}.promo .btn{margin-top: 20px;min-height: 44px;padding: 0 18px;font-size: .9375rem}.promo-art{align-self: stretch;display: flex;align-items: center;justify-content: center}.promo-art img{width: 100%;height: 100%;object-fit: cover}.promo--dark{background: var(--promo-dark);color: #fff}.promo--dark .promo-kicker{color: #b9c4dc}.promo--dark p.promo-text{color: #c9d2e3}.promo--dark .promo-art img{object-fit: contain}.promo--plain{grid-template-columns: 1fr}.promo--plain .promo-body{padding-right: 28px}.promo-strokes{position: absolute;right: 36px;top: 50%;width: 64px;height: 64px;transform: translateY(-50%);stroke: var(--lime);stroke-width: 5;stroke-linecap: round;fill: none}@media (max-width: 860px){.promos{grid-template-columns: 1fr}}@media (max-width: 480px){.promo{grid-template-columns: minmax(0,1fr) 132px;min-height: 0}.promo-body{padding: 22px 0 22px 20px}.promo p.promo-text{font-size: .875rem}}.features{display: grid;grid-template-columns: repeat(3,minmax(0,1fr))}.feature{display: flex;gap: 18px;padding: 4px 24px;border-left: 1px solid var(--line)}.feature:first-child{border-left: 0;padding-left: 0}.feature p{color: var(--text-muted);font-size: .9375rem;margin-top: 4px}.tile{width: 48px;height: 48px;flex: none;display: grid;place-items: center;border-radius: var(--radius);background: var(--icon-tile);color: var(--cobalt)}.tile .icon{width: 24px;height: 24px}@media (max-width: 860px){.features{grid-template-columns: 1fr;gap: 14px}.feature{border-left: 0;padding: 0}}.steps{list-style: none;display: grid;gap: 14px;counter-reset: step}.steps li{display: flex;gap: 14px;align-items: flex-start;counter-increment: step}.steps li::before{content: counter(step);flex: none;display: grid;place-items: center;width: 26px;height: 26px;margin-top: 1px;border-radius: 50%;background: #2447c9;color: #fff;font-size: .8125rem;font-weight: 700}.steps--lg li::before{width: 44px;height: 44px;font-size: 1.0625rem}.steps--lg h3{font-size: 1.0625rem}.steps--lg p{color: var(--text-muted);margin-top: 2px;font-size: .9375rem}.steps--row{grid-template-columns: repeat(3,minmax(0,1fr));gap: 0}.steps--row li{padding: 0 24px;border-left: 1px solid var(--line)}.steps--row li:first-child{padding-left: 0;border-left: 0}@media (max-width: 860px){.steps--row{grid-template-columns: 1fr;gap: 18px}.steps--row li{padding: 0;border-left: 0}}.faq-list{display: grid;gap: 12px}.faq-list--2{grid-template-columns: 1fr 1fr;align-items: start}.faq-list--3{grid-template-columns: repeat(3,minmax(0,1fr));align-items: start}@media (max-width: 860px){.faq-list--2,.faq-list--3{grid-template-columns: 1fr}}.faq{border: 1px solid var(--border);border-radius: var(--radius-sm);background: var(--surface)}.faq summary{list-style: none;cursor: pointer;display: flex;align-items: center;justify-content: space-between;gap: 12px;min-height: 48px;padding: 10px 18px;font-weight: 600;font-size: .9375rem}.faq summary::-webkit-details-marker{display: none}.faq summary .icon{transition: transform .2s ease}.faq[open] summary .icon{transform: rotate(180deg)}.faq-answer{padding: 0 18px 16px;color: var(--text-muted);font-size: .9375rem}.form{display: grid;gap: 18px}.form-row{display: grid;gap: 6px}.form-row label,.form-label{font-weight: 600;font-size: .9375rem}.input,.select,.textarea{width: 100%;min-height: 48px;padding: 10px 14px;border: 1px solid var(--border);border-radius: var(--radius-sm);background: var(--surface);color: var(--text);font-size: 1rem}.textarea{min-height: 160px;resize: vertical;line-height: 1.5}.input:hover,.select:hover,.textarea:hover{border-color: var(--text-muted)}.input[aria-invalid="true"],.textarea[aria-invalid="true"],.select[aria-invalid="true"]{border-color: var(--danger)}.hint{font-size: .8125rem;color: var(--text-muted)}.error{font-size: .875rem;color: var(--danger);font-weight: 600}.check{display: flex;gap: 10px;align-items: flex-start;font-size: .9375rem}.check input{width: 20px;height: 20px;margin-top: 3px;flex: none;accent-color: var(--cobalt)}.hp{position: absolute;left: -10000px;width: 1px;height: 1px;overflow: hidden}.notice{padding: 14px 16px;border-radius: var(--radius-sm);background: var(--surface-2);border: 1px solid var(--line);font-size: .9375rem}.notice--ok{border-color: #9ac43a}.notice--error{border-color: var(--danger)}.switch{position: relative;display: inline-flex;flex: none;width: 44px;height: 26px}.switch input{position: absolute;inset: 0;margin: 0;opacity: 0;cursor: pointer;z-index: 1}.switch-track{position: absolute;inset: 0;border-radius: 26px;background: #6b7690;transition: background-color .15s ease}.switch-track::after{content: "";position: absolute;top: 3px;left: 3px;width: 20px;height: 20px;border-radius: 50%;background: #fff;transition: transform .15s ease}.switch input:checked + .switch-track{background: var(--cobalt)}.switch input:checked + .switch-track::after{transform: translateX(18px)}.switch input:focus-visible + .switch-track{outline: 3px solid var(--lime);outline-offset: 2px}.segmented{display: grid;grid-template-columns: 1fr 1fr;gap: 8px}.seg-btn{min-height: 44px;border-radius: var(--radius-sm);border: 1px solid rgba(255,255,255,.4);background: transparent;color: inherit;font-weight: 600;font-size: .9375rem}.seg-btn[aria-pressed="true"]{background: var(--cobalt);border-color: var(--cobalt);color: #fff}.confirm{width: min(440px,calc(100vw - 32px));padding: 24px;border: 0;border-radius: var(--radius-lg);background: var(--surface);color: var(--text);box-shadow: 0 24px 60px rgba(0,0,0,.3)}.confirm::backdrop{background: rgba(10,14,24,.55)}.confirm-title{font-size: 1.125rem;font-weight: 700;line-height: 1.35}.confirm-text{margin-top: 6px;color: var(--text-muted);font-size: .9375rem}.confirm-actions{display: flex;gap: 10px;margin-top: 20px;flex-wrap: wrap}.confirm-actions .btn{flex: 1 1 140px}.prose{font-size: 1.0625rem}.prose h2{margin-top: 40px;margin-bottom: 12px}.prose h3{margin-top: 24px;margin-bottom: 8px}.prose p + p,.prose p + ul,.prose ul + p{margin-top: 14px}.prose ul{padding-left: 22px}.prose li + li{margin-top: 6px}.prose kbd{display: inline-block;min-width: 28px;padding: 1px 8px;border: 1px solid var(--border);border-bottom-width: 2px;border-radius: 6px;background: var(--surface);font: 600 .875rem/1.5 var(--font);text-align: center}.table-wrap{overflow-x: auto}.table{width: 100%;border-collapse: collapse;font-size: .9375rem}.table th,.table td{text-align: left;padding: 10px 12px;border-bottom: 1px solid var(--line);vertical-align: top}.table th{font-weight: 600;color: var(--text-muted);font-size: .8125rem}.card{background: var(--surface);border: 1px solid var(--line);border-radius: var(--radius-lg);padding: clamp(20px,3vw,32px)}.chips{list-style: none;padding: 0;margin: 0}.chips li{display: flex;min-width: 0}.chips li .chip{width: 100%}.section-head a{display: inline-flex;align-items: center;gap: 4px;white-space: nowrap}.consent{position: fixed;left: 0;right: 0;bottom: 0;z-index: 40;background: var(--surface);color: var(--text);border-top: 1px solid var(--border);box-shadow: 0 -8px 24px rgba(19,27,44,.1);padding: 16px var(--gutter) max(16px,env(safe-area-inset-bottom))}.consent-inner{max-width: var(--wrap);margin: 0 auto;display: flex;align-items: center;gap: 16px 32px}.consent-title{font-size: 1rem}.consent-text p{margin-top: 4px;font-size: .9375rem;color: var(--text-muted)}.consent-actions{display: flex;gap: 8px;flex: none;flex-wrap: wrap}.consent-actions .btn{min-height: 44px;font-size: .9375rem}@media (max-width: 860px){.consent-inner{flex-direction: column;align-items: stretch}.consent-actions{display: grid;grid-template-columns: 1fr 1fr}.consent-actions .btn--primary{grid-column: 1 / -1;grid-row: 1}}.consent-dialog{width: min(520px,calc(100vw - 32px))}.consent-list{list-style: none;display: grid;gap: 14px;margin-top: 16px;padding: 0}.consent-list li{display: grid;gap: 4px;padding-bottom: 12px;border-bottom: 1px solid var(--line)}.consent-row{display: flex;align-items: center;justify-content: space-between;gap: 12px;font-weight: 600}.consent-list .switch input:disabled + .switch-track{opacity: .6}.to-top{position: fixed;right: max(16px,env(safe-area-inset-right));bottom: max(16px,env(safe-area-inset-bottom));z-index: 35;display: grid;place-items: center;width: 48px;height: 48px;border-radius: 50%;border: 1.5px solid var(--text);background: var(--surface);color: var(--text);box-shadow: var(--shadow)}.to-top:hover{background: var(--lime);color: var(--ink);border-color: var(--lime)}body.focus-open .to-top{display: none}.consent:not([hidden]) ~ .to-top{bottom: 150px}.linkish{border: 0;background: none;padding: 0 10px;min-height: 44px;color: var(--text);font-size: .875rem;text-decoration: underline;text-underline-offset: 3px}.linkish:hover{color: var(--link)}.byline{margin-top: 40px;padding-top: 16px;border-top: 1px solid var(--line);font-size: .875rem;color: var(--text-muted)}.note-card{padding: clamp(20px,3vw,28px);border-radius: var(--radius-lg);background: var(--surface);border: 1px solid var(--line)}.note-card h2{font-size: 1.25rem}.note-card p{margin-top: 10px;color: var(--text-muted)}.note-card .note-source{font-size: .875rem}.facts-title{margin-top: 26px}.facts-title + .facts{margin-top: 12px}.started-more{margin-top: 16px;font-size: .9375rem;color: var(--text-muted)}.nf-text{margin-top: 20px;text-align: center;color: var(--text-muted)}.prose code{font-size: .875em;padding: 1px 5px;border-radius: 4px;background: var(--surface-2)}.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: 760px}.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: 28px 0 24px;min-height: 250px;--ring: 224px}.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}.console--wide .stage{--ring: 280px;min-height: 310px;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}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) [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.25rem);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,7.75rem)}.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)}.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: 48px}.stepper:focus-within{border-color: var(--cobalt)}.stepper input{width: 100%;min-width: 0;height: 46px;border: 0;background: transparent;padding: 0 0 0 16px;font-size: 1.375rem;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,250px) minmax(0,158px);justify-content: center;gap: 10px;margin-top: 18px}.actions .btn{min-height: 44px}.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: .8125rem;min-height: 40px}.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: 44px;width: 96px;padding: 0 10px;font-size: .875rem;font-weight: 600}.volume{display: inline-flex;align-items: center;gap: 8px;font-size: .8125rem;color: var(--text-muted)}.volume input{width: 64px;accent-color: var(--cobalt);height: 44px}.volume-text{position: absolute;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0)}.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)}.tool-msg{margin-top: 10px;text-align: center;font-size: .875rem;font-weight: 600}.tool-msg:empty{display: none}.tool-msg button{margin-left: 8px;min-height: 36px;padding: 0 12px;border-radius: 8px;border: 1px solid var(--border);background: var(--surface);font-weight: 600;font-size: .8125rem}.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,114px));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.1875rem}@media (max-width: 900px){.console--wide .controls{grid-template-columns: 1fr;gap: 16px}.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{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: 256px;min-height: 272px;padding: 12px 0}.class-console .ring-track{stroke: rgba(217,250,101,.16);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,4.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.25rem;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}}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .btn-stop{background: #fff;color: var(--ink);border-color: #fff}}.started{display: grid;grid-template-columns: minmax(0,330px) minmax(0,1fr);gap: 0 40px;align-items: center;padding-top: clamp(28px,4vw,40px);border-top: 1px solid var(--line)}.started-art{border-radius: var(--radius-lg);overflow: hidden}.started-body{padding-left: 32px;border-left: 1px solid var(--line)}.kicker{font-size: .6875rem;font-weight: 700;letter-spacing: .14em;text-transform: uppercase;color: var(--text-muted)}.started h2{margin: 6px 0 16px}.started .steps li{font-size: .9375rem;color: var(--text-muted)}@media (max-width: 760px){.started{grid-template-columns: 1fr;gap: 20px}.started-art{max-width: 320px}.started-body{padding-left: 0;border-left: 0}}.use-grid{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1.05fr);gap: clamp(24px,4vw,56px);align-items: start}.use-grid .lead-sm{color: var(--text-muted);margin: 4px 0 22px}.use-card{position: relative;display: grid;grid-template-columns: minmax(0,1fr) 200px;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: flex-end}.use-card-art img{width: 100%}.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)}.facts{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 12px;margin-top: 22px}.fact{padding: 14px 16px;border: 1px solid var(--line);border-radius: var(--radius);background: var(--surface)}.fact dt{font-size: .75rem;letter-spacing: .08em;text-transform: uppercase;color: var(--text-muted);font-weight: 600}.fact dd{margin: 4px 0 0;font-size: 1.125rem;font-weight: 700;font-variant-numeric: tabular-nums}.tip{margin-top: 16px;font-size: .9375rem;color: var(--text-muted)}@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}}.search{position: relative;max-width: 640px;margin: 0 auto}.search .icon{position: absolute;left: 20px;top: 50%;transform: translateY(-50%);color: var(--text);pointer-events: none}.search input{width: 100%;min-height: 52px;padding: 0 52px;border: 1px solid var(--border);border-radius: var(--radius);background: var(--surface);font-size: 1rem}.search .search-clear{position: absolute;right: 4px;top: 50%;transform: translateY(-50%)}.search-out{max-width: 640px;margin: 12px auto 0;text-align: center}.search-out a{font-weight: 700}.dir-tabs{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));max-width: 640px;margin: 18px auto 0;border: 1px solid var(--border);border-radius: var(--radius-sm);overflow: hidden;background: var(--surface)}.dir-tab{min-height: 44px;border: 0;border-left: 1px solid var(--border);background: transparent;font-weight: 500;font-size: .9375rem}.dir-tab:first-child{border-left: 0}.dir-tab[aria-selected="true"]{background: var(--lime);color: var(--ink);font-weight: 700}.dir-panel{margin-top: 20px}.dir-panel h2{margin: 22px 0 12px;font-size: 1.125rem}.dir-panel h2:first-child{margin-top: 0}.dir-grid{list-style: none;display: grid;grid-template-columns: repeat(6,minmax(0,1fr));gap: 10px}.dir-card{display: grid;justify-items: center;align-content: center;min-height: 72px;padding: 8px;border: 1px solid var(--border);border-radius: var(--radius-sm);background: var(--surface);color: var(--text);text-decoration: none;line-height: 1.1}.dir-card:hover{border-color: var(--cobalt);text-decoration: none}.dir-card strong{font-size: 1.625rem;font-weight: 800;letter-spacing: -.02em}.dir-card span{font-size: .875rem;color: var(--text-muted);margin-top: 4px}.dir-card.is-match{border-color: var(--cobalt);box-shadow: 0 0 0 2px var(--cobalt)}.dir-more{display: flex;justify-content: center;margin-top: 20px}.dir-more .btn{border-color: var(--cobalt);color: var(--accent-text);font-size: .9375rem;min-height: 44px}.dir-more .btn[aria-expanded="true"] .icon{transform: rotate(-90deg)}.featured{list-style: none;display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 12px}.featured a{display: flex;align-items: center;gap: 14px;min-height: 64px;padding: 0 20px;border: 1px solid var(--border);border-radius: var(--radius-sm);background: var(--surface);color: var(--text);text-decoration: none;font-weight: 800;font-size: 1.25rem}.featured a:hover{border-color: var(--cobalt)}.featured .badge{font-size: .75rem;font-weight: 700;padding: 3px 12px;border-radius: 999px;background: var(--lime);color: var(--ink)}.featured .icon{margin-left: auto;color: var(--accent-text)}.custom-row{display: grid;grid-template-columns: 68px minmax(0,1fr) auto;gap: 24px;align-items: center;padding: 24px 0;border-top: 1px solid var(--line);border-bottom: 1px solid var(--line)}.custom-row .tile{width: 68px;height: 68px;border-radius: var(--radius-lg)}.custom-row p{color: var(--text-muted);margin-top: 4px}.custom-row h2{font-size: 1.5rem}@media (max-width: 900px){.dir-grid{grid-template-columns: repeat(4,minmax(0,1fr))}}@media (max-width: 640px){.dir-grid{grid-template-columns: repeat(3,minmax(0,1fr));gap: 8px}.dir-card{min-height: 52px;display: flex;justify-content: center;gap: 5px;align-items: baseline}.dir-card strong{font-size: 1.125rem;font-weight: 700}.dir-card span{font-size: 1.125rem;color: var(--text);font-weight: 700;margin: 0}.featured{grid-template-columns: 1fr}.custom-row{grid-template-columns: 52px minmax(0,1fr);gap: 16px}.custom-row .tile{width: 52px;height: 52px}.custom-row .text-link{grid-column: 1 / -1}}.help-grid{display: grid;grid-template-columns: minmax(0,1fr) 300px;gap: 40px;align-items: start}.aside-links{list-style: none;display: grid;gap: 4px}.aside-links a{display: flex;align-items: center;justify-content: space-between;min-height: 44px;font-weight: 600}@media (max-width: 900px){.help-grid{grid-template-columns: 1fr}}.contact-grid{display: grid;grid-template-columns: minmax(0,1fr) 300px;gap: 40px;align-items: start}@media (max-width: 900px){.contact-grid{grid-template-columns: 1fr}}.nf-links{display: flex;flex-wrap: wrap;gap: 10px;justify-content: center;margin-top: 24px}:root:not([data-theme="dark"]) .use-card-art img,:root:not([data-theme="dark"]) .started-art img{mix-blend-mode: multiply}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .use-card-art img,:root:not([data-theme="light"]) .started-art img{mix-blend-mode: normal}}