.newsletter-signup__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;color:var(--color-text);margin-bottom:var(--space-2)}.newsletter-signup__desc{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4);max-width:36rem}.newsletter-signup--card{padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.newsletter-signup--inline .newsletter-signup__title{font-size:var(--text-base)}.newsletter-signup--inline .newsletter-signup__desc{margin-bottom:var(--space-3)}.newsletter-signup__form{display:grid;gap:var(--space-3)}.newsletter-signup__field{display:grid;gap:var(--space-2)}.newsletter-signup__label{font-size:var(--text-sm);font-weight:700;color:var(--color-text)}.newsletter-signup__row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.newsletter-signup__input{flex:1;min-width:12rem;padding:var(--space-3) var(--space-4);font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.newsletter-signup__btn{padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:700;color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap}.newsletter-signup__btn:disabled{opacity:.6;cursor:not-allowed}.newsletter-signup__error{padding:var(--space-3);font-size:var(--text-sm);color:var(--color-danger, #c0392b);background:#c0392b14;border-radius:var(--radius-md)}.newsletter-signup__success{font-size:var(--text-sm);font-weight:700;color:var(--color-success, #2d9a6f)}.newsletter-signup__privacy{font-size:var(--text-xs);color:var(--color-text-muted)}.newsletter-signup__privacy a{color:var(--color-primary);font-weight:700}.newsletter-signup__honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}@media(max-width:768px){.newsletter-signup--card{padding:var(--space-4)}.newsletter-signup__row{flex-direction:column}.newsletter-signup__btn{width:100%}}.site-footer{margin-top:auto;padding-block:var(--space-12);background:linear-gradient(180deg,var(--color-surface-muted) 0%,var(--color-surface) 100%);border-top:1px solid var(--color-border)}.site-footer__inner{display:grid;gap:var(--space-8)}.site-footer__name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:800}.site-footer__tagline{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);max-width:22rem;line-height:1.5}.site-footer__newsletter{margin-top:var(--space-5);max-width:28rem}.site-footer__nav-group{display:grid;gap:var(--space-3)}.site-footer__nav-title{font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text)}.site-footer__nav-list{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.site-footer__link{font-size:var(--text-sm);font-weight:600;text-decoration:none;color:var(--color-text-muted);transition:color .15s ease}.site-footer__link:hover{color:var(--color-primary)}.site-footer__copy{padding-top:var(--space-4);border-top:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-muted)}@media(min-width:768px){.site-footer__inner{grid-template-columns:minmax(0,1.4fr) auto auto;align-items:start;gap:var(--space-10)}.site-footer__copy{grid-column:1 / -1}}@media(max-width:767px){.site-footer__nav-group{padding-top:var(--space-2);border-top:1px solid var(--color-border)}.site-footer__nav-group:first-of-type{border-top:none;padding-top:0}}.manip-nav{position:relative}.manip-nav__trigger{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-full);background:transparent;font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--color-text-muted);cursor:pointer;transition:background-color .15s ease,color .15s ease}.manip-nav__trigger:hover{color:#6b4c9a;background-color:#f3eef8}.manip-nav__trigger--active{color:#6b4c9a;background-color:#ede8f5}.manip-nav__trigger:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.manip-nav__chevron{font-size:.75rem;line-height:1}.manip-nav__menu{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:120;display:flex;min-width:14rem;max-height:min(28rem,75vh);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-card);overflow:hidden}.manip-nav__categories{display:flex;flex-direction:column;gap:var(--space-1);min-width:11rem;padding:var(--space-2);border-right:1px solid var(--color-border);overflow-y:auto}.manip-nav__category{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);background:transparent;font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;text-align:left;color:var(--color-text-muted);cursor:pointer;transition:background-color .15s ease,color .15s ease}.manip-nav__category:hover,.manip-nav__category--active{color:#6b4c9a;background-color:#f3eef8}.manip-nav__category:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.manip-nav__category-chevron{font-size:.7rem;opacity:.6}.manip-nav__submenu{display:flex;flex-direction:column;gap:var(--space-1);min-width:15rem;padding:var(--space-2);overflow-y:auto}.manip-nav__submenu-title{padding:var(--space-1) var(--space-3);font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.manip-nav__link{display:block;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;text-decoration:none;color:var(--color-text-muted);transition:background-color .15s ease,color .15s ease}.manip-nav__link:hover{color:#6b4c9a;background-color:#f3eef8}.manip-nav__link--active{color:#6b4c9a;background-color:#ede8f5}.manip-nav__link:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.manip-nav__accordion{display:none;flex-direction:column;gap:var(--space-1);min-width:16rem;max-height:min(28rem,75vh);padding:var(--space-2);overflow-y:auto}.manip-nav__accordion-group{border-radius:var(--radius-sm)}.manip-nav__accordion-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);background:transparent;font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;text-align:left;color:var(--color-text-muted);cursor:pointer}.manip-nav__accordion-trigger:hover,.manip-nav__accordion-trigger--open{color:#6b4c9a;background-color:#f3eef8}.manip-nav__accordion-panel{display:grid;gap:var(--space-1);padding:var(--space-1) 0 var(--space-2) var(--space-2)}@media(max-width:640px){.manip-nav__trigger{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.manip-nav__menu{flex-direction:column;min-width:min(18rem,calc(100vw - 2rem));max-width:calc(100vw - 2rem)}.manip-nav__categories,.manip-nav__submenu{display:none}.manip-nav__accordion{display:flex}}.site-header{position:sticky;top:0;z-index:100;background-color:#f3f1f8eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);height:var(--header-height)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:var(--space-4)}.site-header__brand{display:inline-flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--color-text)}.site-header__brand:hover{color:var(--color-primary)}.site-header__logo{display:flex;color:var(--color-primary)}.site-header__name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:800}.site-header__nav{display:flex;align-items:center;gap:var(--space-2)}.site-header__link{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;text-decoration:none;color:var(--color-text-muted);transition:background-color .15s ease,color .15s ease}.site-header__link:hover{color:var(--color-primary);background-color:var(--color-surface-muted)}.site-header__link--active,.site-header__link--sign-in{color:var(--color-primary);background-color:var(--color-primary-soft)}.site-header__link--sign-in:hover{background-color:var(--color-primary);color:#fff}.site-header__link--apps{display:inline-flex;align-items:center;gap:var(--space-2)}.site-header__badge{padding:1px var(--space-2);font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--color-accent);background:var(--color-accent-soft);border-radius:var(--radius-full)}.site-header__link:focus-visible{outline:none;box-shadow:var(--shadow-focus)}@media(max-width:768px){.site-header__nav{gap:var(--space-1)}.site-header__link{padding:var(--space-2);font-size:var(--text-xs)}.site-header__badge{display:none}}@media(max-width:480px){.site-header__name{font-size:var(--text-base)}.site-header__link{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}}.page-shell{min-height:100vh;display:flex;flex-direction:column}.page-shell__main{flex:1;padding-block:var(--space-section)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);border:2px solid transparent;font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;text-decoration:none;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn--primary{background-color:var(--color-primary);color:#fff}.btn--primary:hover{background-color:var(--color-primary-hover);color:#fff}.btn--secondary{background-color:var(--color-surface);color:var(--color-primary);border-color:var(--color-primary)}.btn--secondary:hover{background-color:var(--color-col-whole)}.btn--ghost{background-color:transparent;color:var(--color-text);border-color:var(--color-border)}.btn--ghost:hover{background-color:var(--color-surface-muted)}.btn:disabled{opacity:.5;cursor:not-allowed}.tool-paywall-gate{position:relative}.tool-paywall-gate--loading{min-height:12rem;display:flex;align-items:center;justify-content:center}.tool-paywall-gate__loading{font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted)}.tool-paywall-gate__timer{position:fixed;bottom:var(--space-4);left:50%;transform:translate(-50%);z-index:90;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:700;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);box-shadow:var(--shadow-card)}.tool-paywall-gate__timer-dot{width:8px;height:8px;border-radius:50%;background:var(--color-accent);animation:paywall-pulse 1.2s ease-in-out infinite}@keyframes paywall-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.tool-paywall-gate__locked-placeholder{min-height:12rem}.tool-paywall-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:var(--space-4);pointer-events:auto;background:#1e1c288c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tool-paywall-overlay__panel{width:min(100%,28rem);padding:var(--space-8);background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-card-hover),var(--shadow-glow);text-align:center}.tool-paywall-overlay__eyebrow{font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin-bottom:var(--space-2)}.tool-paywall-overlay__title{font-size:var(--text-2xl);font-weight:800;margin-bottom:var(--space-3)}.tool-paywall-overlay__message{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-5)}.tool-paywall-overlay__perks{display:grid;gap:var(--space-2);margin:0 0 var(--space-6);padding:var(--space-4);list-style:none;text-align:left;font-size:var(--text-sm);background:var(--color-primary-soft);border-radius:var(--radius-md)}.tool-paywall-overlay__perks li{padding-left:var(--space-5);position:relative}.tool-paywall-overlay__perks li:before{content:"✓";position:absolute;left:0;color:var(--color-success);font-weight:700}.tool-paywall-overlay__actions{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.tool-paywall-overlay__note{font-size:var(--text-sm);color:var(--color-text-muted)}.tool-paywall-overlay__link{font-weight:700;text-decoration:none}.tool-paywall-overlay__link-btn{background:none;border:none;padding:0;font:inherit;font-weight:700;color:var(--color-primary);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.tool-paywall-overlay__fine-print{margin-top:var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted);font-style:italic}@media(max-width:768px){.tool-paywall-gate__timer{bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));max-width:calc(100% - var(--space-8))}.tool-paywall-overlay__panel{padding:var(--space-6)}}.tool-unavailable{max-width:36rem;margin-inline:auto;padding-block:var(--space-section);text-align:center}.tool-unavailable__eyebrow{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--space-3)}.tool-unavailable__title{font-size:clamp(var(--text-2xl),5vw,2.25rem);font-weight:800;margin-bottom:var(--space-4)}.tool-unavailable__message{color:var(--color-text-muted);margin-bottom:var(--space-8)}.tool-unavailable__actions{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}@media(max-width:768px){.tool-unavailable{padding-block:var(--space-10)}}.admin-dashboard{min-height:100vh;background:#1a1824;color:#e8e6ef}.admin-dashboard__header{padding-block:var(--space-6);background:#12101a;border-bottom:1px solid #2e2a3c}.admin-dashboard__header-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4)}.admin-dashboard__eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:#9b96a8;margin-bottom:var(--space-1)}.admin-dashboard__title{font-size:var(--text-2xl);font-weight:800;color:#fff}.admin-dashboard__back{font-size:var(--text-sm);font-weight:700;color:#a8b4f0;text-decoration:none}.admin-dashboard__back:hover{color:#c5cdf8}.admin-dashboard__banner{margin-block:var(--space-4);padding:var(--space-4);font-size:var(--text-sm);background:#2a2540;border:1px solid #4a5fc1;border-radius:var(--radius-md);color:#c5cdf8}.admin-dashboard__main{padding-bottom:var(--space-section)}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.admin-stat-card{padding:var(--space-5);background:#221f2e;border:1px solid #2e2a3c;border-radius:var(--radius-md)}.admin-stat-card--warning{border-color:#d4a017}.admin-stat-card--highlight{border-color:#4a9f6e;background:#1e2a24}.admin-stat-card__value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800;color:#fff;margin-bottom:var(--space-1)}.admin-stat-card__label{font-size:var(--text-sm);color:#9b96a8}.admin-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-4);align-items:center}.admin-toolbar__search{flex:1;min-width:14rem}.admin-toolbar__search input{width:100%;padding:var(--space-3) var(--space-4);font:inherit;color:#e8e6ef;background:#221f2e;border:1px solid #2e2a3c;border-radius:var(--radius-md)}.admin-toolbar__filters{display:flex;flex-wrap:wrap;gap:var(--space-2)}.admin-toolbar__filter{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:700;color:#9b96a8;background:#221f2e;border:1px solid #2e2a3c;border-radius:var(--radius-full);cursor:pointer}.admin-toolbar__filter--active{color:#fff;background:#4a5fc1;border-color:#4a5fc1}.admin-toolbar__sort{display:flex;align-items:center;gap:var(--space-2)}.admin-toolbar__sort-label select{padding:var(--space-2) var(--space-3);font:inherit;font-size:var(--text-sm);color:#e8e6ef;background:#221f2e;border:1px solid #2e2a3c;border-radius:var(--radius-md)}.admin-toolbar__sort-dir{min-width:2.25rem;padding:var(--space-2);font-size:var(--text-sm);font-weight:700;color:#e8e6ef;background:#221f2e;border:1px solid #2e2a3c;border-radius:var(--radius-md);cursor:pointer}.admin-table-wrap{overflow-x:auto;margin-bottom:var(--space-8);border:1px solid #2e2a3c;border-radius:var(--radius-md)}.admin-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.admin-table th,.admin-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid #2e2a3c}.admin-table th{font-family:var(--font-display);font-weight:700;color:#9b96a8;background:#12101a}.admin-table tbody tr:hover{background:#221f2e}.admin-table__muted{color:#9b96a8;font-size:var(--text-xs)}.admin-table__mono{font-family:var(--font-mono);font-size:var(--text-xs);color:#9b96a8}.admin-badge{display:inline-block;padding:2px var(--space-2);font-size:var(--text-xs);font-weight:700;border-radius:var(--radius-full)}.admin-badge--active,.admin-badge--trialing{background:#2d9a6f33;color:#5dd4a0}.admin-badge--past_due{background:#d4a01733;color:#f0c84a}.admin-badge--cancelled{background:#e86f5133;color:#f4845f}.admin-access--yes{color:#5dd4a0;font-weight:700}.admin-access--no{color:#f4845f;font-weight:700}.admin-table__actions{display:flex;flex-direction:column;gap:var(--space-1)}.admin-table__actions button{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:700;color:#c5cdf8;background:transparent;border:1px solid #4a5fc1;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap}.admin-table__actions button:hover{background:#4a5fc1;color:#fff}.admin-table__actions button:disabled{opacity:.45;cursor:not-allowed}.admin-table__actions-danger{border-color:#f4845f!important;color:#f4845f!important}.admin-table__actions-danger:hover{background:#f4845f!important;color:#fff!important}.admin-table__status-stack{display:flex;flex-direction:column;gap:var(--space-1);align-items:flex-start}.admin-table__self-tag{display:inline-block;margin-left:var(--space-2);padding:0 var(--space-2);font-size:var(--text-xs);font-weight:700;color:#c5cdf8;background:#4a5fc140;border-radius:var(--radius-full)}.admin-badge--suspended{background:#e86f5133;color:#f4845f}.admin-badge--flagged{background:#d4a01733;color:#e8c547}.admin-stripe-note{padding:var(--space-6);background:#221f2e;border:1px solid #2e2a3c;border-radius:var(--radius-md)}.admin-stripe-note h2{font-size:var(--text-lg);font-weight:800;color:#fff;margin-bottom:var(--space-4)}.admin-stripe-note ul{display:grid;gap:var(--space-2);margin:0;padding-left:var(--space-6);color:#9b96a8;font-size:var(--text-sm)}.admin-stripe-note code{font-family:var(--font-mono);font-size:var(--text-xs);color:#a8b4f0}.admin-dashboard__banner--warning{border-color:#d4a017;background:#3a3020;color:#f0c84a}.admin-nav{margin-bottom:var(--space-6);border-bottom:1px solid #2e2a3c}.admin-nav__list{display:flex;flex-wrap:wrap;gap:var(--space-1);list-style:none;margin:0;padding:0}.admin-nav__tab{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:700;color:#9b96a8;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer}.admin-nav__tab--active{color:#fff;border-bottom-color:#4a5fc1}.admin-panel{padding-top:var(--space-4)}.admin-section__title{font-size:var(--text-xl);font-weight:800;color:#fff;margin-bottom:var(--space-4)}.admin-section__subtitle{font-size:var(--text-lg);font-weight:700;color:#e8e6ef;margin:var(--space-6) 0 var(--space-3)}.admin-section__desc,.admin-section__note,.admin-section__empty,.admin-section__loading{font-size:var(--text-sm);color:#9b96a8;margin-bottom:var(--space-4)}.admin-section__error{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);font-size:var(--text-sm);color:#f4845f;background:#e86f5126;border:1px solid #f4845f;border-radius:var(--radius-md)}.admin-section__hint{font-size:var(--text-sm);color:#9b96a8;margin-bottom:var(--space-4);max-width:42rem}.admin-mfa{display:flex;justify-content:center;padding:var(--space-8) var(--space-4)}.admin-mfa__card{width:min(100%,28rem);padding:var(--space-6);background:#221f2e;border:1px solid #2e2a3c;border-radius:var(--radius-md)}.admin-mfa__title{font-size:var(--text-lg);font-weight:800;color:#fff;margin-bottom:var(--space-2)}.admin-mfa__desc{font-size:var(--text-sm);color:#9b96a8;margin-bottom:var(--space-4)}.admin-mfa__qr{display:flex;justify-content:center;margin-bottom:var(--space-4)}.admin-mfa__secret{font-size:var(--text-xs);word-break:break-all;margin-bottom:var(--space-4)}.admin-mfa__form{display:grid;gap:var(--space-3)}.admin-mfa__label{font-size:var(--text-sm);font-weight:700;color:#e8e6ef}.admin-mfa__input{padding:var(--space-3) var(--space-4);font:inherit;color:#e8e6ef;background:#12101a;border:1px solid #2e2a3c;border-radius:var(--radius-md)}.admin-mfa__btn{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:700;color:#fff;background:#4a5fc1;border:none;border-radius:var(--radius-md);cursor:pointer}.admin-mfa__btn:disabled{opacity:.6;cursor:not-allowed}.admin-mfa__error{margin-top:var(--space-3);font-size:var(--text-sm);color:#f4845f}.admin-mfa-factors{list-style:none;margin:0 0 var(--space-4);padding:0;display:grid;gap:var(--space-2)}.admin-mfa-factor{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-3);background:#221f2e;border:1px solid #2e2a3c;border-radius:var(--radius-md)}.admin-confirm{display:grid;gap:var(--space-2);min-width:12rem}.admin-confirm__fieldset{border:none;padding:0;margin:0;display:grid;gap:var(--space-2)}.admin-confirm__reason{display:grid;gap:var(--space-1);font-size:var(--text-xs)}.admin-confirm__reason input,.admin-confirm__fieldset select,.admin-confirm__fieldset input{padding:var(--space-1) var(--space-2);font:inherit;color:#e8e6ef;background:#12101a;border:1px solid #2e2a3c;border-radius:var(--radius-sm)}.admin-confirm__actions{display:flex;gap:var(--space-2)}.admin-confirm__summary,.admin-confirm__note,.admin-confirm__warning{font-size:var(--text-xs);color:#9b96a8;margin:0}.admin-confirm__warning{color:#f4845f}.admin-confirm__fieldset--danger{padding:var(--space-2);border:1px solid rgb(244 132 95 / .4);border-radius:var(--radius-sm)}.admin-confirm__danger{border-color:#f4845f!important;color:#fff!important;background:#f4845f!important}.admin-contact-list{display:grid;gap:var(--space-4)}.admin-contact-card{padding:var(--space-4);background:#221f2e;border:1px solid #2e2a3c;border-radius:var(--radius-md)}.admin-contact-card__header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.admin-contact-card__topic{font-size:var(--text-sm);margin-bottom:var(--space-2)}.admin-contact-card__message{font-size:var(--text-sm);color:#c5cdf8;white-space:pre-wrap;margin-bottom:var(--space-3)}.admin-contact-card__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2)}.admin-contact-card__actions{display:flex;gap:var(--space-2)}.admin-contact-card__actions button{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:700;color:#c5cdf8;background:transparent;border:1px solid #4a5fc1;border-radius:var(--radius-sm);cursor:pointer}.admin-email-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}.admin-email-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);background:#221f2e;border:1px solid #2e2a3c;border-radius:var(--radius-md)}.admin-email-card__title{font-size:var(--text-base);font-weight:700;color:#fff;margin-bottom:var(--space-1)}.admin-email-card__desc{font-size:var(--text-sm);color:#9b96a8;margin-bottom:var(--space-1)}.admin-email-card__link{font-size:var(--text-sm);font-weight:700;color:#a8b4f0;text-decoration:none;white-space:nowrap}.admin-email-card__link:hover{color:#c5cdf8}.admin-system-links{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6)}.admin-system-links a{font-size:var(--text-sm);font-weight:700;color:#a8b4f0}.admin-badge--inactive,.admin-badge--unpaid{background:#9b96a833;color:#9b96a8}.admin-badge--canceled{background:#e86f5133;color:#f4845f}.admin-preview-duration{margin-bottom:var(--space-6);padding:var(--space-5);background:#221f2e;border:1px solid #2e2a3c;border-radius:var(--radius-md)}.admin-preview-duration__label{display:block;font-size:var(--text-sm);font-weight:700;margin-bottom:var(--space-2)}.admin-preview-duration__row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.admin-preview-duration__input{width:6rem;padding:var(--space-2) var(--space-3);font:inherit;color:#e8e6ef;background:#1a1824;border:1px solid #2e2a3c;border-radius:var(--radius-sm)}.admin-preview-duration__hint{margin-top:var(--space-2);font-size:var(--text-sm);color:#9b96a8}.admin-preview-tools__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.admin-preview-tools__actions{display:flex;gap:var(--space-2)}.admin-preview-tools__actions button,.admin-preview-duration__row button{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:700;color:#c5cdf8;background:transparent;border:1px solid #4a5fc1;border-radius:var(--radius-sm);cursor:pointer}.admin-preview-duration__row button:disabled{opacity:.5;cursor:not-allowed}.admin-preview-tools__actions button:hover,.admin-preview-duration__row button:hover:not(:disabled){background:#4a5fc1;color:#fff}.admin-preview-tools__filter{width:100%;max-width:24rem;margin:var(--space-3) 0 var(--space-4);padding:var(--space-2) var(--space-3);font:inherit;color:#e8e6ef;background:#1a1824;border:1px solid #2e2a3c;border-radius:var(--radius-sm)}.admin-preview-toggle{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);cursor:pointer}.admin-preview-access-btn{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);border:1px solid #3d3850;border-radius:var(--radius-sm);background:#252131;color:#f4f1ff;cursor:pointer}.admin-preview-access-btn--disabled{border-color:#7a3b2e;background:#3a221c;color:#ffb4a2}.admin-roadmap__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.admin-roadmap__actions button{padding:var(--space-2) var(--space-4);border:1px solid #3d3850;border-radius:var(--radius-sm);background:#252131;color:#f4f1ff;cursor:pointer}.admin-roadmap__actions button:disabled{opacity:.5;cursor:not-allowed}.admin-roadmap__list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-4)}.admin-roadmap__item{padding:var(--space-4);border:1px solid #2e2a3c;border-radius:var(--radius-md);background:#1a1824;display:grid;gap:var(--space-3)}.admin-roadmap__item-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.admin-roadmap__item-controls{display:flex;gap:var(--space-2)}.admin-roadmap__field{display:grid;gap:var(--space-2);font-size:var(--text-sm)}.admin-roadmap__field input,.admin-roadmap__field textarea,.admin-roadmap__field select{width:100%;padding:var(--space-2) var(--space-3);border:1px solid #2e2a3c;border-radius:var(--radius-sm);background:#121018;color:#f4f1ff}.admin-roadmap--changelog{margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid #2e2a3c}.admin-roadmap__subtitle{font-size:var(--text-lg);font-weight:800;margin-bottom:var(--space-2)}@media(max-width:768px){.admin-table th:nth-child(6),.admin-table td:nth-child(6){display:none}}.legal-page{max-width:42rem}.legal-page__header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.legal-page__eyebrow{font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);margin-bottom:var(--space-2)}.legal-page__title{font-size:clamp(var(--text-2xl),4vw,var(--text-3xl));font-weight:800;margin-bottom:var(--space-3)}.legal-page__updated{font-size:var(--text-sm);color:var(--color-text-muted)}.legal-page__body{display:grid;gap:var(--space-6);font-size:var(--text-base);color:var(--color-text)}.legal-page__body h2{font-size:var(--text-xl);font-weight:800;margin-top:var(--space-4)}.legal-page__body h3{font-size:var(--text-lg);font-weight:700}.legal-page__body p,.legal-page__body li{color:var(--color-text-muted);line-height:1.7}.legal-page__body ul,.legal-page__body ol{display:grid;gap:var(--space-2);padding-left:var(--space-6)}.legal-page__body a{font-weight:700}.legal-page__body strong{color:var(--color-text)}.about-page__body section+section{margin-top:var(--space-6)}.about-page__links{margin:var(--space-4) 0;padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.about-page__links a{color:var(--color-primary);font-weight:600;text-decoration:underline;text-underline-offset:2px}.about-page__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}@media(max-width:768px){.about-page__actions{flex-direction:column}.about-page__actions .btn{width:100%;justify-content:center}}.store-badges{display:flex;flex-wrap:wrap;gap:var(--space-3)}.store-badges--stack{flex-direction:column;align-items:stretch}.store-badges--row{justify-content:center}.store-badge{position:relative;display:inline-flex;align-items:center;gap:var(--space-3);min-width:11.5rem;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid rgb(255 255 255 / .12);background:#111118;color:#fff;box-shadow:var(--shadow-card);overflow:hidden}.store-badge--google-play{background:linear-gradient(135deg,#15151d,#1a1a24)}.store-badge__icon-wrap{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:1.75rem;height:1.75rem}.store-badge__icon{width:1.5rem;height:1.5rem}.store-badge__icon--play{width:1.65rem;height:1.65rem}.store-badge__text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;text-align:left}.store-badge__subtitle{font-size:.625rem;letter-spacing:.02em;text-transform:uppercase;opacity:.78}.store-badge__title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700}.store-badge__soon{position:absolute;top:0;right:0;padding:.15rem .45rem;border-bottom-left-radius:var(--radius-sm);background:var(--color-accent);color:#fff;font-family:var(--font-display);font-size:.625rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.app-device-preview{position:relative;width:min(100%,17rem);height:15rem;margin-inline:auto}.app-device-preview__phone{position:absolute;width:7.5rem;height:13.5rem;padding:.35rem;border-radius:1.35rem;border:2px solid rgb(255 255 255 / .22);background:linear-gradient(160deg,#2a2a36,#121218);box-shadow:0 18px 40px #1e1c2859}.app-device-preview__phone--back{top:.75rem;left:0;transform:rotate(-14deg);opacity:.72}.app-device-preview__phone--front{top:0;right:0;transform:rotate(6deg);z-index:1}.app-device-preview__notch{width:2.5rem;height:.35rem;margin:.15rem auto .35rem;border-radius:var(--radius-full);background:#00000073}.app-device-preview__screen{display:grid;gap:.3rem;height:calc(100% - .5rem);padding:.45rem;border-radius:1rem;background:linear-gradient(180deg,#f7f5fc,#ebe7f4)}.app-device-preview__phone--back .app-device-preview__screen{grid-template-columns:repeat(2,1fr);align-content:center}.app-device-preview__header{height:.55rem;border-radius:var(--radius-full);background:#4a5fc133}.app-device-preview__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.3rem;flex:1}.app-device-preview__tile{border-radius:.45rem;min-height:1.6rem}.app-device-preview__tile--indigo{background:linear-gradient(135deg,#6b7fd4,#4a5fc1)}.app-device-preview__tile--coral{background:linear-gradient(135deg,#f08b74,#e86f51)}.app-device-preview__tile--mint{background:linear-gradient(135deg,#4fbf96,#2d9a6f)}.app-device-preview__tile--violet{background:linear-gradient(135deg,#9b7fd4,#6b4fa8)}.app-device-preview__tile--amber{background:linear-gradient(135deg,#e8c04a,#d4a017)}.app-device-preview__tile--sky{background:linear-gradient(135deg,#6eb8e8,#4a9fd4)}@media(max-width:768px){.store-badges--row{flex-direction:column;align-items:stretch}.store-badge{width:100%;max-width:16rem;margin-inline:auto}.app-device-preview{height:13rem}}.apps-page__hero{display:grid;gap:var(--space-10);align-items:center;margin-bottom:var(--space-section)}.apps-page__hero-copy{text-align:center}.apps-page__eyebrow{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin-bottom:var(--space-3)}.apps-page__title{font-size:clamp(var(--text-2xl),5vw,2.5rem);font-weight:800;margin-bottom:var(--space-4)}.apps-page__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:34rem;margin-inline:auto;margin-bottom:var(--space-6)}.apps-page__store-badges{margin-bottom:var(--space-6)}.apps-page__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.apps-page__hero-visual{display:flex;justify-content:center}.apps-page__visual-card{width:min(100%,22rem);padding:var(--space-8) var(--space-6) var(--space-6);border-radius:var(--radius-xl);background:linear-gradient(145deg,#2a2a36,#1a1a24 55%,#4a5fc1);box-shadow:var(--shadow-card)}.apps-page__visual-caption{margin-top:var(--space-5);font-size:var(--text-sm);color:#ffffffd1;text-align:center;line-height:1.5}.apps-page__section-title{font-size:var(--text-xl);font-weight:800;margin-bottom:var(--space-2);text-align:center}.apps-page__section-lead{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;max-width:32rem;margin-inline:auto;margin-bottom:var(--space-8)}.apps-page__roadmap,.apps-page__changelog{max-width:40rem;margin-inline:auto;margin-bottom:var(--space-section);padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.apps-page__timeline{position:relative;display:grid;gap:0;margin:0;padding:0;list-style:none}.apps-page__timeline:before{content:"";position:absolute;top:8px;bottom:8px;left:5px;width:2px;background:var(--color-border)}.apps-page__step{position:relative;display:flex;gap:var(--space-4);align-items:flex-start;padding-bottom:var(--space-6)}.apps-page__step:last-child{padding-bottom:0}.apps-page__step-marker{position:relative;z-index:1;flex-shrink:0;width:12px;height:12px;margin-top:10px;border-radius:50%;background:var(--color-border);box-shadow:0 0 0 4px var(--color-surface)}.apps-page__step--done .apps-page__step-marker{background:var(--color-success)}.apps-page__step--current .apps-page__step-marker{background:var(--color-accent);box-shadow:0 0 0 4px var(--color-surface),0 0 0 8px var(--color-accent-soft);animation:apps-step-pulse 2s ease-in-out infinite}@keyframes apps-step-pulse{0%,to{box-shadow:0 0 0 4px var(--color-surface),0 0 0 8px var(--color-accent-soft)}50%{box-shadow:0 0 0 4px var(--color-surface),0 0 0 12px transparent}}.apps-page__step-card{flex:1;padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-muted)}.apps-page__step--current .apps-page__step-card{border-color:var(--color-accent);box-shadow:var(--shadow-glow)}.apps-page__step-header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-2)}.apps-page__step-badge{padding:var(--space-1) var(--space-2);font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);background:var(--color-border);color:var(--color-text-muted)}.apps-page__step--done .apps-page__step-badge{background:#22c55e26;color:var(--color-success)}.apps-page__step--current .apps-page__step-badge{background:var(--color-accent-soft);color:var(--color-accent)}.apps-page__step p{margin:0;font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.55}.apps-page__changelog-list{display:grid;gap:var(--space-4);margin:0;padding:0;list-style:none}.apps-page__changelog-item{display:grid;gap:var(--space-2);padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-muted)}.apps-page__changelog-date{font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary)}.apps-page__changelog-body strong{display:block;margin-bottom:var(--space-1)}.apps-page__changelog-body p{margin:0;font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.55}@media(min-width:768px){.apps-page__hero{grid-template-columns:1fr 1fr;gap:var(--space-12)}.apps-page__hero-copy{text-align:left}.apps-page__subtitle{margin-inline:0}.apps-page__store-badges{align-items:flex-start}.apps-page__actions{justify-content:flex-start}.apps-page__changelog-item{grid-template-columns:7rem 1fr;align-items:start;gap:var(--space-4)}}@media(max-width:768px){.apps-page__visual-card{padding:var(--space-6) var(--space-5) var(--space-5)}.apps-page__roadmap,.apps-page__changelog{padding:var(--space-6)}}@media(prefers-reduced-motion:reduce){.apps-page__step--current .apps-page__step-marker{animation:none}}.contact-page{padding-block:var(--space-section);max-width:40rem}.contact-page__header{margin-bottom:var(--space-8)}.contact-page__eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-2)}.contact-page__title{font-size:var(--text-3xl);font-weight:800;margin-bottom:var(--space-4)}.contact-page__intro{font-size:var(--text-base);color:var(--color-text-muted);line-height:1.6;margin-bottom:var(--space-3)}.contact-page__email-fallback{font-size:var(--text-sm);color:var(--color-text-muted)}.contact-page__email-fallback a{color:var(--color-primary);font-weight:700}.contact-page__notice{padding:var(--space-4);margin-bottom:var(--space-4);font-size:var(--text-sm);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md)}.contact-page__form{display:grid;gap:var(--space-4)}.contact-page__field{display:grid;gap:var(--space-2)}.contact-page__field label{font-size:var(--text-sm);font-weight:700}.contact-page__field input,.contact-page__field select,.contact-page__field textarea{padding:var(--space-3) var(--space-4);font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.contact-page__field textarea{resize:vertical;min-height:8rem}.contact-page__consent{display:flex;gap:var(--space-3);align-items:flex-start;font-size:var(--text-sm);color:var(--color-text-muted)}.contact-page__consent input{margin-top:.2rem;flex-shrink:0}.contact-page__consent a{color:var(--color-primary);font-weight:700}.contact-page__honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.contact-page__submit{justify-self:start;padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:700;color:#fff;background:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer}.contact-page__submit:disabled{opacity:.6;cursor:not-allowed}.contact-page__error{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-danger, #c0392b);background:#c0392b14;border-radius:var(--radius-md)}.contact-page__success{padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.contact-page__success h2{font-size:var(--text-xl);font-weight:800;margin-bottom:var(--space-3)}.contact-page__success p{margin-bottom:var(--space-5);color:var(--color-text-muted)}@media(max-width:768px){.contact-page{padding-block:var(--space-8)}.contact-page__title{font-size:var(--text-2xl)}.contact-page__submit{width:100%}}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.card--elevated{box-shadow:var(--shadow-card)}.tool-card__link{text-decoration:none;color:inherit;display:block}.tool-card{height:100%;display:flex;flex-direction:column;gap:var(--space-4);transition:transform .15s ease,box-shadow .15s ease}.tool-card__link:hover .tool-card{transform:translateY(-2px);box-shadow:var(--shadow-card)}.tool-card--disabled{opacity:.65}.tool-card__header{display:flex;flex-direction:column;gap:var(--space-2)}.tool-card__tag{align-self:flex-start;font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-primary);background-color:var(--color-col-whole);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.tool-card__title{font-size:var(--text-xl);font-weight:800}.tool-card__description{flex:1;color:var(--color-text-muted);font-size:var(--text-sm)}.tool-card__cta{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--color-accent)}.tool-card__cta--muted{color:var(--color-text-muted)}.hero{display:grid;gap:var(--space-10);align-items:center;margin-bottom:var(--space-section)}.hero__eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-3)}.hero__eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--color-success)}.hero__title{font-size:clamp(var(--text-2xl),5vw,3rem);font-weight:800;margin-bottom:var(--space-4);max-width:18ch}.hero__title-accent{background:var(--gradient-hero);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:38rem;margin-bottom:var(--space-6)}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.hero__trust{font-size:var(--text-sm);color:var(--color-text-muted)}.hero__visual{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);min-height:280px}.hero__visual-card{padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.hero__visual-card--1{grid-column:1 / -1;display:flex;align-items:flex-end;justify-content:center;gap:var(--space-3);min-height:120px;background:var(--color-primary-soft)}.hero__block{width:2.5rem;border-radius:var(--radius-sm);background:var(--color-primary)}.hero__block--1{height:2.5rem;opacity:.45}.hero__block--2{height:3.5rem;opacity:.65}.hero__block--3{height:4.5rem;opacity:.85}.hero__block--4{height:5.5rem}.hero__visual-card--2{display:flex;align-items:center;justify-content:center;background:var(--color-accent-soft)}.hero__fraction{width:4rem;height:4rem;border-radius:50%;background:conic-gradient(var(--color-accent) 0 50%,var(--color-surface-muted) 50% 100%);border:3px solid var(--color-accent)}.hero__visual-card--3{display:flex;align-items:center;justify-content:center;background:var(--color-success-soft)}.hero__clock{width:4.5rem;height:4.5rem;border-radius:50%;border:3px solid var(--color-success);background:var(--color-surface);position:relative}.hero__clock:before,.hero__clock:after{content:"";position:absolute;background:var(--color-success);border-radius:2px;left:50%;bottom:50%;transform-origin:bottom center}.hero__clock:before{width:3px;height:1.25rem;transform:translate(-50%) rotate(30deg)}.hero__clock:after{width:2px;height:.9rem;transform:translate(-50%) rotate(120deg)}.value-props{margin-bottom:var(--space-section)}.value-props__grid{display:grid;gap:var(--space-6);margin:0;padding:0;list-style:none}.value-prop{padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.value-prop__icon{font-size:var(--text-2xl);display:block;margin-bottom:var(--space-3)}.value-prop__title{font-size:var(--text-lg);font-weight:800;margin-bottom:var(--space-2)}.value-prop__text{font-size:var(--text-sm);color:var(--color-text-muted)}.how-it-works{margin-bottom:var(--space-section);padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.how-it-works__header{text-align:center;margin-bottom:var(--space-8)}.how-it-works__eyebrow{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin-bottom:var(--space-2)}.how-it-works__title{font-size:var(--text-2xl);font-weight:800}.how-it-works__steps{display:grid;gap:var(--space-6);margin:0;padding:0;list-style:none}.how-step{display:flex;gap:var(--space-4);align-items:flex-start}.how-step__num{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;font-family:var(--font-display);font-weight:800;color:#fff;background:var(--color-primary);border-radius:50%}.how-step p{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.categories-strip{margin-bottom:var(--space-section);padding-block:var(--space-4);background:var(--color-primary-soft);border-block:1px solid var(--color-border)}.categories-strip__inner{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.categories-strip__pill{padding:var(--space-1) var(--space-4);font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--color-primary);background:var(--color-surface);border-radius:var(--radius-full)}.categories-strip__pill--more{color:var(--color-text-muted);background:transparent;border:1px dashed var(--color-border)}.featured{margin-bottom:var(--space-section)}.featured__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.featured__title{font-size:var(--text-2xl);font-weight:800}.featured__grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}.recently-shipped{margin-bottom:var(--space-section)}.recently-shipped__header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-5)}.recently-shipped__title{font-size:var(--text-xl);font-weight:800}.recently-shipped__link{font-size:var(--text-sm);font-weight:700;color:var(--color-primary);text-decoration:none}.recently-shipped__link:hover{text-decoration:underline}.recently-shipped__list{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.recently-shipped__item{display:grid;gap:var(--space-2);padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.recently-shipped__date{font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary)}.recently-shipped__item p{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}@media(min-width:640px){.recently-shipped__item{grid-template-columns:7rem 1fr;align-items:start;gap:var(--space-4)}}.apps-cta__card{display:grid;gap:var(--space-8);align-items:center;padding:var(--space-8);background:linear-gradient(145deg,#1e1c28,#2a2840,#3a4da3);color:#fff;border-radius:var(--radius-xl);overflow:hidden}.apps-cta__eyebrow{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin-bottom:var(--space-2)}.apps-cta__title{font-size:var(--text-2xl);font-weight:800;margin-bottom:var(--space-3)}.apps-cta__text{font-size:var(--text-sm);color:#ffffffc7;margin-bottom:var(--space-5);max-width:28rem;line-height:1.55}.apps-cta__stores{margin-bottom:var(--space-5)}.apps-cta__visual{display:flex;justify-content:center;padding:var(--space-2) 0}@media(min-width:768px){.hero{grid-template-columns:1.1fr .9fr}.value-props__grid,.how-it-works__steps{grid-template-columns:repeat(3,1fr)}.apps-cta__card{grid-template-columns:1.1fr .9fr}}@media(max-width:768px){.apps-cta__stores{flex-direction:column;align-items:stretch}.hero__visual{min-height:200px}.how-it-works{padding:var(--space-6)}}.section-heading{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.section-heading--center{text-align:center;align-items:center}.section-heading__title{font-size:clamp(var(--text-2xl),4vw,var(--text-3xl));font-weight:800;color:var(--color-text)}.section-heading__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:42rem}.library__grid{display:grid;gap:var(--space-6)}.library__newsletter{margin-top:var(--space-10)}@media(min-width:640px){.library__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.library__grid{grid-template-columns:repeat(3,1fr)}}.billing-action{display:grid;gap:var(--space-2)}.billing-action__error{margin:0;font-size:var(--text-sm);color:var(--color-danger, #b42318)}.pricing__header{text-align:center;max-width:36rem;margin-inline:auto;margin-bottom:var(--space-10)}.pricing__eyebrow{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin-bottom:var(--space-3)}.pricing__title{font-size:clamp(var(--text-2xl),5vw,2.75rem);font-weight:800;margin-bottom:var(--space-4)}.pricing__subtitle{font-size:var(--text-lg);color:var(--color-text-muted)}.pricing__intro-offer{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-col-whole);color:var(--color-text);font-size:var(--text-sm)}.pricing__tiers{margin-bottom:var(--space-section)}.pricing__tiers-title{font-size:var(--text-xl);font-weight:800;margin-bottom:var(--space-4);text-align:center}.pricing__tiers-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3);max-width:36rem;margin-inline:auto}.pricing__tier-item{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.pricing__tier-item--current{border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.pricing__tier-item span{color:var(--color-text-muted);font-size:var(--text-sm)}.pricing__tier-current{margin-left:auto;font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary)}.pricing__cards{display:grid;gap:var(--space-6);margin-bottom:var(--space-section)}.pricing-card{position:relative;display:flex;flex-direction:column;padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}@media(hover:hover){.pricing-card:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:var(--shadow-card-hover),var(--shadow-glow)}.pricing-card--featured:hover{transform:scale(1.03) translateY(-4px)}}@media(prefers-reduced-motion:reduce){.pricing-card{transition:box-shadow .25s ease,border-color .25s ease}@media(hover:hover){.pricing-card:hover,.pricing-card--featured:hover{transform:none}}}.pricing-card--featured{border-color:var(--color-primary);box-shadow:var(--shadow-card-hover),var(--shadow-glow)}.pricing-card--featured:before{content:"";position:absolute;inset:0 0 auto;height:4px;border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--gradient-hero)}.pricing-card__badge{position:absolute;top:var(--space-4);right:var(--space-4);padding:var(--space-1) var(--space-3);font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff;background:var(--color-primary);border-radius:var(--radius-full)}.pricing-card__label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--space-3)}.pricing-card__price{margin-bottom:var(--space-2)}.pricing-card__currency{font-size:var(--text-xl);font-weight:700;vertical-align:super;color:var(--color-primary)}.pricing-card__amount{font-family:var(--font-display);font-size:3rem;font-weight:800;line-height:1;color:var(--color-text)}.pricing-card__period-inline{font-size:var(--text-lg);font-weight:600;color:var(--color-text-muted)}.pricing-card__period{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-6)}.pricing-card__features{flex:1;display:grid;gap:var(--space-2);margin:0 0 var(--space-6);padding:0;list-style:none;font-size:var(--text-sm)}.pricing-card__features li{padding-left:var(--space-5);position:relative;color:var(--color-text-muted)}.pricing-card__features li:before{content:"✓";position:absolute;left:0;color:var(--color-success);font-weight:700}.pricing-card__note{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);text-align:center}.pricing__faq{max-width:40rem;margin-inline:auto;padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.pricing__faq-title{font-size:var(--text-xl);font-weight:800;margin-bottom:var(--space-6);text-align:center}.pricing__faq-list{display:grid;gap:var(--space-5);margin:0}.pricing__faq-item dt{font-family:var(--font-display);font-weight:700;margin-bottom:var(--space-2)}.pricing__faq-item dd{margin:0;font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}@media(min-width:900px){.pricing__cards{grid-template-columns:repeat(3,1fr);align-items:stretch}.pricing-card--featured{transform:scale(1.03)}}@media(max-width:768px){.pricing-card{padding:var(--space-6)}.pricing-card--featured{order:-1}}.account-avatar{display:flex;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;border-radius:var(--radius-full);background:var(--color-primary-soft, color-mix(in srgb, var(--color-primary) 12%, transparent));border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent);flex-shrink:0}.account-avatar__initials{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--color-primary);line-height:1;-webkit-user-select:none;user-select:none}.account-avatar__image{width:100%;height:100%;object-fit:cover;border-radius:inherit}.password-input{position:relative;display:block;width:100%}.password-input__field{width:100%;padding-inline-end:calc(var(--space-4) + 1.75rem)}.password-input__toggle{position:absolute;top:50%;right:0;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:pointer}.password-input__toggle:hover:not(:disabled){color:var(--color-text)}.password-input__toggle:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.password-input__toggle:disabled{opacity:.7;cursor:not-allowed}.password-input__icon{display:block}.password-input__toggle:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + var(--space-1));left:50%;transform:translate(-50%);padding:var(--space-1) var(--space-2);font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;line-height:1.2;white-space:nowrap;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,visibility .15s ease;z-index:1}.password-input__toggle:hover:after,.password-input__toggle:focus-visible:after{opacity:1;visibility:visible}.account{margin-top:calc(-1 * var(--space-6));padding-top:var(--space-2);padding-bottom:var(--space-10)}.account__header{margin-bottom:var(--space-6)}.account__title{font-size:var(--text-3xl);font-weight:800;margin-bottom:var(--space-2)}.account__subtitle{color:var(--color-text-muted)}.account__notice{padding:var(--space-4);background:var(--color-surface-muted);border-radius:var(--radius-md);font-size:var(--text-sm)}.account__banner{margin-bottom:var(--space-6);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-muted);font-size:var(--text-sm)}.account__banner--success{background:color-mix(in srgb,var(--color-success, #067647) 10%,var(--color-surface));border:1px solid color-mix(in srgb,var(--color-success, #067647) 30%,transparent)}.account__layout{display:grid;gap:var(--space-6);grid-template-columns:minmax(0,14rem) minmax(0,1fr);align-items:start}.account__main{display:grid;gap:var(--space-6);min-width:0}.account__card{padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.account__card--centered{max-width:24rem;margin-inline:auto}.account__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.account-nav__list{display:flex;flex-direction:column;gap:var(--space-1);list-style:none;margin:0;padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.account-nav__tab{width:100%;padding:var(--space-3) var(--space-4);border:none;border-radius:var(--radius-md);background:transparent;font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;text-align:left;color:var(--color-text-muted);cursor:pointer;transition:background-color .15s ease,color .15s ease}.account-nav__tab:hover{background:var(--color-surface-muted);color:var(--color-text)}.account-nav__tab--active{background:color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-primary);font-weight:700}.account-nav__tab:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.account-panel{padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.account-panel__header{margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.account-panel__title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-1)}.account-panel__lead,.account-panel__muted{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.account-panel__fine-print{margin-top:var(--space-5);font-size:var(--text-xs);color:var(--color-text-muted)}.account-profile{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5)}.account-profile__name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;margin:0 0 var(--space-1)}.account-profile__email{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.account-form{display:grid;gap:var(--space-4)}.account-form__field{display:grid;gap:var(--space-2)}.account-form__field label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700}.account-form__field input{padding:var(--space-3) var(--space-4);font:inherit;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted)}.account-form__field input:disabled{opacity:.75;cursor:not-allowed}.account-form__hint{font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.account-form__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);padding-top:var(--space-2)}.account-sessions{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border, #e4e7ec)}.account-sessions__title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-3)}.account-sessions__list{list-style:none;margin:0 0 var(--space-4);padding:0;display:grid;gap:var(--space-3)}.account-sessions__item{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border, #e4e7ec);border-radius:var(--radius-md);background:var(--color-surface-muted)}.account-sessions__actions{margin-top:0}.account-form__error{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-danger, #b42318);background:color-mix(in srgb,var(--color-danger, #b42318) 8%,transparent);border:1px solid color-mix(in srgb,var(--color-danger, #b42318) 25%,transparent);border-radius:var(--radius-md);margin:0}.account-form__success{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-success, #067647);background:color-mix(in srgb,var(--color-success, #067647) 8%,transparent);border:1px solid color-mix(in srgb,var(--color-success, #067647) 25%,transparent);border-radius:var(--radius-md);margin:0}.account-billing-summary{display:grid;gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-4);background:var(--color-surface-muted);border-radius:var(--radius-md)}.account-billing-summary__item{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2);font-size:var(--text-sm)}.account-billing-summary__label{font-weight:700;color:var(--color-text-muted)}.account-billing-summary__value{font-weight:600;text-align:right}.account-billing-summary__value--active{color:var(--color-success, #067647)}.account-billing-cta{display:grid;gap:var(--space-3);margin-bottom:var(--space-5)}.account-billing-actions{display:grid;gap:var(--space-3);list-style:none;margin:0;padding:0}.account-billing-action{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md)}.account-billing-action__label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;margin:0 0 var(--space-1)}.account-billing-action__desc{font-size:var(--text-xs);color:var(--color-text-muted);margin:0;max-width:28rem}.account-billing-action__control{flex-shrink:0}.account-prefs{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}.account-pref{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3) var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md)}.account-pref__label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;margin:0 0 var(--space-1)}.account-pref__desc{font-size:var(--text-xs);color:var(--color-text-muted);margin:0;max-width:28rem}.account-toggle{display:inline-flex;align-items:center;gap:var(--space-2);padding:0;border:none;background:transparent;cursor:pointer;font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;color:var(--color-text-muted)}.account-toggle:disabled{opacity:.6;cursor:not-allowed}.account-toggle__track{display:block;width:2.75rem;height:1.5rem;padding:2px;border-radius:var(--radius-full);background:var(--color-border);transition:background-color .15s ease}.account-toggle--on .account-toggle__track{background:var(--color-primary)}.account-toggle__thumb{display:block;width:1.25rem;height:1.25rem;border-radius:var(--radius-full);background:#fff;box-shadow:0 1px 2px #00000026;transition:transform .15s ease}.account-toggle--on .account-toggle__thumb{transform:translate(1.25rem)}.account-toggle:focus-visible{outline:none}.account-toggle:focus-visible .account-toggle__track{box-shadow:var(--shadow-focus)}.account-danger{margin-top:var(--space-6);padding:var(--space-5) var(--space-6);border:1px solid color-mix(in srgb,var(--color-danger, #b42318) 18%,var(--color-border));border-radius:var(--radius-xl);background:color-mix(in srgb,var(--color-danger, #b42318) 4%,var(--color-surface))}.account-danger__title{font-size:var(--text-sm);font-weight:700;color:color-mix(in srgb,var(--color-danger, #b42318) 75%,var(--color-text));margin:0 0 var(--space-2)}.account-danger__text{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-3);max-width:36rem}.account-danger__link{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;color:color-mix(in srgb,var(--color-danger, #b42318) 80%,var(--color-text));text-decoration:none}.account-danger__link:hover{text-decoration:underline;text-underline-offset:3px}.account-danger__link:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}@media(max-width:768px){.account__layout{grid-template-columns:1fr}.account-nav__list{flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.account-nav__list::-webkit-scrollbar{display:none}.account-nav__tab{width:auto;white-space:nowrap;flex-shrink:0}.account-billing-action,.account-pref{flex-direction:column;align-items:stretch}.account-billing-action__control,.account-billing-action__control .btn{width:100%}.account-toggle{align-self:flex-start}}.auth-page{display:flex;justify-content:center}.auth-page__card{width:min(100%,24rem);padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.auth-page__eyebrow{font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);margin-bottom:var(--space-2)}.auth-page__title{font-size:var(--text-2xl);font-weight:800;margin-bottom:var(--space-3)}.auth-page__subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-6)}.auth-page__form{display:grid;gap:var(--space-4)}.auth-page__field{display:grid;gap:var(--space-2)}.auth-page__field label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700}.auth-page__field-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.auth-page__link--inline{font-size:var(--text-xs);font-weight:600}.auth-page__field input{padding:var(--space-3) var(--space-4);font:inherit;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted)}.auth-page__field input:disabled{opacity:.7;cursor:not-allowed}.auth-page__error{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-danger, #b42318);background:color-mix(in srgb,var(--color-danger, #b42318) 8%,transparent);border:1px solid color-mix(in srgb,var(--color-danger, #b42318) 25%,transparent);border-radius:var(--radius-md)}.auth-page__notice{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface-muted);border:1px solid var(--color-border, #d0d5dd);border-radius:var(--radius-md)}.auth-page__success{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-success, #067647);background:color-mix(in srgb,var(--color-success, #067647) 8%,transparent);border:1px solid color-mix(in srgb,var(--color-success, #067647) 25%,transparent);border-radius:var(--radius-md)}.auth-page__footer{margin-top:var(--space-5);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}.auth-page__footer-text{margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.auth-page__footer-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2) var(--space-3);margin:0;font-size:var(--text-sm)}.auth-page__footer-sep{color:var(--color-text-muted);-webkit-user-select:none;user-select:none}.auth-page__link{font-family:var(--font-display);font-weight:700;color:var(--color-primary);text-decoration:none;white-space:nowrap}.auth-page__link:hover{text-decoration:underline;text-underline-offset:3px}.auth-page__link:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.auth-page__config-note{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-muted)}@media(max-width:768px){.auth-page__card{padding:var(--space-6)}.auth-page__field-header{flex-direction:column;align-items:flex-start}}.confirm-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.confirm-dialog__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:#2c2a2673;cursor:pointer}.confirm-dialog__panel{position:relative;width:min(100%,24rem);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface);border:2px solid var(--color-border);box-shadow:var(--shadow-card)}.confirm-dialog__title{font-size:var(--text-xl);font-weight:800;margin-bottom:var(--space-3)}.confirm-dialog__message{color:var(--color-text-muted);margin-bottom:var(--space-6)}.confirm-dialog__actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.bead-slider{position:absolute;z-index:4;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);margin-left:-12px;padding:0;border:none;background:transparent;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.bead-slider:active{cursor:grabbing}.bead-slider__knob{width:24px;height:24px;border-radius:50%;border:3px solid #fff;background:var(--color-primary);box-shadow:0 2px 8px #2c2a2640,0 0 0 2px var(--color-primary)}.bead-slider__value{min-width:1.75rem;padding:0 var(--space-1);border-radius:var(--radius-sm);background:var(--color-surface);border:2px solid var(--color-primary);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:800;color:var(--color-primary);line-height:1.4}.bead-slider:focus-visible{outline:none}.bead-slider:focus-visible .bead-slider__knob{box-shadow:var(--shadow-focus)}@media(max-width:768px){.bead-slider{margin-left:-10px}.bead-slider__knob{width:20px;height:20px;border-width:2px}.bead-slider__value{font-size:.65rem;min-width:1.5rem}}.bead-group{display:flex;align-items:center;gap:2px;padding-inline:2px}.bead-group__bead{width:14px;height:14px;border-radius:50%;border:1.5px solid rgb(44 42 38 / .15);flex-shrink:0;transition:transform .15s ease,opacity .15s ease}.bead-group__bead--red{background:var(--bead-red, #c45c5c)}.bead-group__bead--white{background:var(--bead-white, #f5f0e8);box-shadow:inset 0 0 0 1px #2c2a2614}.bead-group__bead--active{transform:translate(-2px);opacity:1}.bead-group__bead--idle{opacity:.72}@media(max-width:768px){.bead-group{gap:1px;padding-inline:1px}.bead-group__bead{width:10px;height:10px;border-width:1px}}.bead-string{position:absolute;top:0;left:0;height:36px;pointer-events:none;z-index:2}.bead-string__wire{display:block}.bead-string__groups{position:absolute;top:0;right:0;bottom:0;left:0}.bead-string__group-slot{position:absolute;top:50%;transform:translate(-4px,-50%)}@media(max-width:768px){.bead-string{height:28px}.bead-string__group-slot{transform:translate(-2px,-50%)}}.rounding-readout{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-muted);border:2px solid var(--color-border)}.rounding-readout__heading{font-family:var(--font-display);font-size:var(--text-sm);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.rounding-readout__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin:0}.rounding-readout__item{display:flex;flex-direction:column;gap:var(--space-1)}.rounding-readout__item--wide{grid-column:1 / -1}.rounding-readout__label{margin:0;font-size:var(--text-xs);font-weight:700;color:var(--color-text-muted)}.rounding-readout__value{margin:0;font-family:var(--font-mono);font-size:clamp(var(--text-xl),4vw,var(--text-2xl));font-weight:800;color:var(--color-text)}.rounding-readout__value--highlight{color:var(--color-primary)}.rounding-readout__detail{margin:0;font-size:var(--text-sm);line-height:1.5;color:var(--color-text)}@media(max-width:768px){.rounding-readout{gap:var(--space-2);padding:var(--space-2) var(--space-3)}.rounding-readout__heading{font-size:.65rem}.rounding-readout__grid{gap:var(--space-2)}.rounding-readout__label-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.rounding-readout__value{font-size:var(--text-lg)}.rounding-readout__detail{font-size:var(--text-xs)}}.scrollable-nl{width:100%;max-width:100%}.scrollable-nl__viewport{overflow-x:auto;overflow-y:hidden;width:100%;max-width:min(100%,56rem);margin-inline:auto;border-radius:var(--radius-md);border:2px solid var(--color-border);background:var(--color-surface);scrollbar-width:thin;-webkit-overflow-scrolling:touch}.scrollable-nl__track,.scrollable-nl__line-area{position:relative;min-height:80px}.scrollable-nl__axis{display:block}.scrollable-nl__tick-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700}.scrollable-nl__tick-label--minor{font-size:.6rem;font-weight:600}.scrollable-nl__scroll-strip{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-muted);border:1px dashed var(--color-border);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.scrollable-nl__scroll-strip:active{cursor:grabbing}.scrollable-nl__scroll-dots{font-size:var(--text-lg);color:var(--color-text-muted);letter-spacing:.15em}.scrollable-nl__scroll-text{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--color-text-muted)}@media(max-width:768px){.scrollable-nl__viewport{max-width:100%}.scrollable-nl__tick-label{font-size:.65rem}.scrollable-nl__tick-label--minor{font-size:.5rem}.scrollable-nl__scroll-text{font-size:var(--text-xs)}.scrollable-nl__scroll-strip{padding:var(--space-2) var(--space-3)}}.beaded-nl-page{display:flex;flex-direction:column;gap:var(--space-8)}.beaded-nl-page__header{text-align:center}.beaded-nl-page__badge{display:inline-block;margin-bottom:var(--space-3);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);background:linear-gradient(90deg,#8b6bb8,#2d6a9f);font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#fff}.beaded-nl-page__title{font-size:clamp(var(--text-2xl),5vw,2.75rem);font-weight:800;margin-bottom:var(--space-3);background:linear-gradient(135deg,#8b6bb8,#2d6a9f);-webkit-background-clip:text;background-clip:text;color:transparent}.beaded-nl-page__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:38rem;margin-inline:auto}.beaded-nl-page__tip{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);max-width:32rem;margin-inline:auto}.beaded-nl-page__board{display:flex;flex-direction:column;gap:var(--space-6);width:fit-content;max-width:100%;margin-inline:auto;padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);border:2px solid var(--color-border)}.beaded-nl-page__line-wrap{width:100%;max-width:min(100%,56rem)}.beaded-nl-page__ten-highlight{position:absolute;top:0;width:4px;height:80px;margin-left:-2px;background:var(--color-primary);border-radius:var(--radius-full);opacity:.35;pointer-events:none;z-index:1}.beaded-nl-page__ten-highlight-label{position:absolute;top:52px;left:50%;transform:translate(-50%);padding:0 var(--space-1);border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;font-family:var(--font-mono);font-size:.65rem;font-weight:800;white-space:nowrap}.beaded-nl-page__actions{display:flex;justify-content:center}.beaded-nl-page__related-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}@media(max-width:768px){.beaded-nl-page{gap:var(--space-2)}.beaded-nl-page__badge,.beaded-nl-page__subtitle,.beaded-nl-page__tip{display:none}.beaded-nl-page__title{font-size:var(--text-lg);margin-bottom:0}.beaded-nl-page__board{gap:var(--space-2);padding:var(--space-2);width:100%}.beaded-nl-page__line-wrap{max-width:100%}.beaded-nl-page__ten-highlight-label{top:48px;font-size:.6rem}.beaded-nl-page__actions{padding-top:var(--space-1)}.beaded-nl-page__related .section-heading__subtitle{display:none}}.decimal-number-summary{display:grid;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-lg);background:linear-gradient(135deg,#fff3e6,#e6f4fa,#f0ebe6);border:2px solid var(--color-border);text-align:center}.decimal-number-summary__block{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:#ffffffb8}.decimal-number-summary__block--standard{border-left:5px solid #c45c00}.decimal-number-summary__block--expanded{border-left:5px solid var(--color-success)}.decimal-number-summary__block--words{border-left:5px solid #1a6b9a}.decimal-number-summary__label{font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.decimal-number-summary__value{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:600;color:var(--color-text)}.decimal-number-summary__value--large{font-size:clamp(2rem,6vw,3rem);font-weight:700;color:#c45c00}.decimal-number-summary__value--words{font-family:var(--font-body);font-size:var(--text-lg);font-style:italic;text-transform:capitalize}@media(max-width:767px){.decimal-number-summary{gap:var(--space-1);padding:var(--space-2)}.decimal-number-summary__block{gap:0;padding:var(--space-2) var(--space-3);justify-content:center;min-height:2.5rem}.decimal-number-summary__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.decimal-number-summary__value{font-size:var(--text-sm);line-height:1.3}.decimal-number-summary__value--large{font-size:var(--text-lg)}.decimal-number-summary__value--words{font-size:var(--text-sm)}}@media(min-width:768px){.decimal-number-summary{grid-template-columns:1fr 1.2fr 1.4fr;align-items:stretch}}.place-stepper{display:grid;grid-template-rows:auto auto auto;gap:var(--space-2);min-width:0;width:100%;outline:none}.place-stepper:focus-visible{outline:3px solid var(--color-primary);outline-offset:4px;border-radius:var(--radius-md)}.place-stepper__header{display:flex;align-items:center;justify-content:center;min-height:2.75rem;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);background:var(--col-color);border:2px solid var(--col-color-dark);box-shadow:inset 0 -3px #00000014}.place-stepper__header-text{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:100%;font-family:var(--font-display);font-size:.62rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:var(--col-color-dark);text-align:center;line-height:1.15}.place-stepper__header-line{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.place-stepper__digit{display:flex;align-items:center;justify-content:center;height:3.5rem;border:3px solid var(--col-color-dark);border-radius:var(--radius-md);background:linear-gradient(180deg,#fff 30%,var(--col-color) 100%);box-shadow:inset 0 0 0 3px var(--col-color);font-family:var(--font-mono);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;color:var(--col-color-dark);line-height:1}.place-stepper__controls{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-1)}.place-stepper__btn{display:flex;align-items:center;justify-content:center;height:2rem;padding:0;border:2px solid var(--col-color-dark);border-radius:var(--radius-sm);background:#fff;color:var(--col-color-dark);font-size:.7rem;cursor:pointer;transition:background-color .15s ease,transform .15s ease}.place-stepper__btn:hover{background:var(--col-color)}.place-stepper__btn:active{transform:scale(.95)}.place-stepper__btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(min-width:769px){.place-stepper{min-width:84px}}@media(max-width:768px){.place-stepper{gap:var(--space-1)}.place-stepper__header{min-height:1.75rem;padding:2px var(--space-1);border-width:1.5px}.place-stepper__header-text{font-size:.45rem;letter-spacing:0}.place-stepper__digit{height:2rem;border-width:2px;box-shadow:inset 0 0 0 2px var(--col-color);font-size:1.125rem}.place-stepper__btn{height:1.375rem;border-width:1.5px;font-size:.5rem}}.decimal-place-board__scroll{padding:var(--space-2)}.decimal-place-board{display:flex;align-items:flex-end;justify-content:center;gap:var(--space-4);width:fit-content;max-width:100%;margin-inline:auto}.decimal-place-board__section{display:flex;align-items:flex-end;gap:var(--space-3)}.decimal-place-board__separator{display:flex;align-items:center;justify-content:center;align-self:center;flex-shrink:0;width:2rem;margin-inline:var(--space-2);padding-bottom:3.5rem}.decimal-place-board__separator-dot{font-family:var(--font-mono);font-size:2.5rem;font-weight:700;color:var(--color-text-muted);line-height:1}@media(max-width:768px){.decimal-place-board__scroll{padding:var(--space-1);overflow-x:visible}.decimal-place-board{flex-direction:column;align-items:stretch;width:100%;gap:var(--space-2)}.decimal-place-board__section{display:grid;gap:var(--space-1)}.decimal-place-board__section--whole{grid-template-columns:repeat(5,minmax(0,1fr))}.decimal-place-board__section--decimal{grid-template-columns:repeat(3,minmax(0,1fr))}.decimal-place-board__separator{width:auto;padding-bottom:0;padding-block:var(--space-1)}.decimal-place-board__separator-dot{font-size:1.75rem}}.decimal-place-page{display:flex;flex-direction:column;gap:var(--space-8)}.decimal-place-page__header{text-align:center}.decimal-place-page__badge{display:inline-block;margin-bottom:var(--space-3);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);background:linear-gradient(90deg,#c45c00,#1a6b9a);font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#fff}.decimal-place-page__title{font-size:clamp(var(--text-2xl),5vw,2.75rem);font-weight:800;margin-bottom:var(--space-3);background:linear-gradient(135deg,#c45c00,#1a6b9a);-webkit-background-clip:text;background-clip:text;color:transparent}.decimal-place-page__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:36rem;margin-inline:auto}.decimal-place-page__tip{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);max-width:32rem;margin-inline:auto}.decimal-place-page__board{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);border:2px solid var(--color-border)}.decimal-place-page__actions{display:flex;justify-content:center}@media(max-width:768px){.decimal-place-page{gap:var(--space-2)}.decimal-place-page__badge,.decimal-place-page__subtitle,.decimal-place-page__tip{display:none}.decimal-place-page__title{font-size:var(--text-lg);margin-bottom:0}.decimal-place-page__board{gap:var(--space-2);padding:var(--space-2)}.decimal-place-page__actions{padding-top:var(--space-1)}}.strip-piece{position:relative;display:flex;align-items:center;justify-content:center;height:2.75rem;min-width:2rem;border:2px solid rgb(0 0 0 / .12);border-radius:var(--radius-sm);background:var(--strip-color);box-shadow:inset 0 1px #ffffff59;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.strip-piece:active{cursor:grabbing}.strip-piece--palette{flex:0 0 auto;min-width:0;max-width:100%}.strip-piece--placed{position:absolute;top:0;z-index:2;padding:0;font:inherit}.strip-piece--ghost{pointer-events:none;opacity:.85;transform:translate(-50%,-50%);box-shadow:var(--shadow-card)}.strip-piece__label{font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;color:#fff;text-shadow:0 1px 1px rgb(0 0 0 / .25);pointer-events:none}@media(max-width:768px){.strip-piece{height:1.75rem}.strip-piece__label{font-size:.65rem}}.strip-palette{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);min-width:0;width:100%;max-width:15rem;padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-muted);border:2px solid var(--color-border)}.strip-palette__title{width:100%;font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);text-align:center}.strip-palette__rows{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%}.strip-palette__row{display:flex;justify-content:center;width:100%}.strip-palette__track{--palette-unit-width: 12rem;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:var(--space-2);width:100%;max-width:var(--palette-unit-width);min-height:2.75rem}@media(max-width:768px){.strip-palette{max-width:100%;padding:var(--space-2)}.strip-palette__track{--palette-unit-width: min(100%, 18rem);overflow-x:auto;justify-content:flex-start;padding-bottom:var(--space-1)}}.strip-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%}.strip-toolbar__group{display:flex;align-items:center;gap:var(--space-2)}.strip-toolbar__label{font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.strip-toolbar__step-btn{min-width:2.25rem;padding-inline:var(--space-2);font-size:var(--text-lg);line-height:1}.strip-toolbar__count{min-width:4.5rem;font-family:var(--font-display);font-size:var(--text-sm);font-weight:800;text-align:center;color:var(--color-text)}@media(max-width:768px){.strip-toolbar{gap:var(--space-2)}.strip-toolbar__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}.strip-workspace{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.strip-workspace__title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:800;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.strip-workspace__canvas{position:relative;width:100%;padding:var(--space-2);border-radius:var(--radius-md);background:#faf8f4;border:2px dashed var(--color-border);box-sizing:border-box}.strip-workspace__unit-track{position:absolute;left:var(--space-2);right:var(--space-2);height:2.75rem;pointer-events:none}.strip-workspace__unit-track .strip-piece--placed{pointer-events:auto}.strip-workspace__unit-outline{display:block;width:100%;height:100%;border:2px solid rgb(45 106 159 / .35);border-radius:var(--radius-sm);background:#ffffffa6}.strip-workspace__unit-label{position:absolute;top:-1.1rem;left:0;font-family:var(--font-display);font-size:.65rem;font-weight:700;color:var(--color-text-muted)}@media(max-width:768px){.strip-workspace__canvas{max-width:100%}.strip-workspace__title{font-size:var(--text-xs)}}.linear-strips-board{display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-width:min(100%,72rem);margin-inline:auto}.linear-strips-board__main{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--space-4);align-items:start}.linear-strips-board__main .strip-palette{position:sticky;top:var(--space-4);width:100%;min-width:0}@media(max-width:768px){.linear-strips-board{gap:var(--space-2)}.linear-strips-board__main{grid-template-columns:1fr;gap:var(--space-2)}}.linear-strips-board__ghost-host{position:fixed;z-index:200;pointer-events:none}.fractions-tool-page{display:flex;flex-direction:column;gap:var(--space-8)}.fractions-tool-page__header{text-align:center}.fractions-tool-page__badge{display:inline-block;margin-bottom:var(--space-3);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);background:linear-gradient(90deg,#e07a3a,#c45a8a);font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#fff}.fractions-tool-page__title{font-size:clamp(var(--text-2xl),5vw,2.75rem);font-weight:800;margin-bottom:var(--space-3);background:linear-gradient(135deg,#e07a3a,#8b6bb8);-webkit-background-clip:text;background-clip:text;color:transparent}.fractions-tool-page__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:40rem;margin-inline:auto}.fractions-tool-page__tip{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);max-width:36rem;margin-inline:auto}.fractions-tool-page__board{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);border:2px solid var(--color-border)}.fractions-tool-page__related{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.fractions-tool-page__related-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}@media(max-width:768px){.fractions-tool-page{gap:var(--space-2)}.fractions-tool-page__badge,.fractions-tool-page__subtitle,.fractions-tool-page__tip{display:none}.fractions-tool-page__title{font-size:var(--text-lg);margin-bottom:0}.fractions-tool-page__board{gap:var(--space-2);padding:var(--space-2)}.fractions-tool-page__related{display:none}}.fraction-bar-piece{position:relative;display:flex;align-items:center;justify-content:center;height:2.5rem;min-width:2rem;border:2px solid rgb(0 0 0 / .12);border-radius:var(--radius-sm);background:var(--bar-color);box-shadow:inset 0 1px #ffffff59;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.fraction-bar-piece--reference{width:100%;cursor:default;background:linear-gradient(135deg,#ede8f5,#e6f4fa);border-style:dashed;border-color:#2d6a9f73}.fraction-bar-piece--bank{flex-shrink:0}.fraction-bar-piece--placed{position:absolute;top:0;padding:0;font:inherit;z-index:2}.fraction-bar-piece--ghost{pointer-events:none;opacity:.85;transform:translate(-50%,-50%);box-shadow:var(--shadow-card)}.fraction-bar-piece__label{font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;color:#fff;text-shadow:0 1px 1px rgb(0 0 0 / .25);pointer-events:none}.fraction-bar-piece--reference .fraction-bar-piece__label{color:var(--color-text-muted);text-shadow:none}@media(max-width:768px){.fraction-bar-piece{height:2rem}.fraction-bar-piece__label{font-size:.65rem}}.bar-piece-bank{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;width:100%;padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-muted);border:2px solid var(--color-border)}.bar-piece-bank__title{font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.bar-piece-bank__hint{margin:0;font-size:.65rem;color:var(--color-text-muted);line-height:1.35}.bar-piece-bank__list{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.bar-piece-bank__row{position:relative;display:flex;align-items:center;width:100%;min-height:2.5rem}.bar-piece-bank__whole-guide{position:absolute;top:0;right:0;bottom:0;left:0;border:1px dashed rgb(45 106 159 / .2);border-radius:var(--radius-sm);pointer-events:none}.bar-piece-bank__row .fraction-bar-piece--bank{position:relative;z-index:1}@media(max-width:768px){.bar-piece-bank{max-width:100%;padding:var(--space-2)}.bar-piece-bank__hint{display:none}.bar-piece-bank__row{min-height:2rem}}.bar-workspace{display:flex;justify-content:center;width:100%;min-width:0}.bar-workspace__inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%}.bar-workspace__title{font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--space-2);width:100%;text-align:center}.bar-workspace__reference-row,.bar-workspace__build-section{display:flex;flex-direction:column;align-items:center;width:100%}.bar-workspace__bar{position:relative;width:100%;height:2.5rem}.bar-workspace__bar--track{isolation:isolate}.bar-workspace__track-outline{position:absolute;top:0;right:0;bottom:0;left:0;border:2px dashed rgb(45 106 159 / .35);border-radius:var(--radius-sm);background:#ffffffa6;pointer-events:none;z-index:0}.bar-workspace__build-rows{display:flex;flex-direction:column;gap:var(--space-5);width:100%}.bar-workspace__build-row{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%}.bar-workspace__actions{display:flex;justify-content:center;width:100%;margin-top:var(--space-2);padding-top:var(--space-3)}.bar-workspace__equation{display:flex;flex-direction:column;align-items:center;gap:.125rem;margin:0;width:100%;text-align:center}.bar-workspace__equation-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bar-workspace__equation-value{font-family:var(--font-mono);font-size:.7rem;font-weight:600;color:#2d6a9f;line-height:1.3}@media(max-width:768px){.bar-workspace__inner{max-width:100%}.bar-workspace__bar{height:2rem}.bar-workspace__build-rows{gap:var(--space-4)}.bar-workspace__actions{margin-top:var(--space-1);padding-top:var(--space-2)}.bar-workspace__equation-value{font-size:.625rem}}.fraction-bars-board{display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-width:min(100%,72rem);margin-inline:auto}.fraction-bars-board__main{display:grid;grid-template-columns:minmax(0,25%) minmax(0,75%);gap:var(--space-4);align-items:start;width:100%}.fraction-bars-board__ghost-host{position:fixed;z-index:200;pointer-events:none}@media(max-width:768px){.fraction-bars-board{gap:var(--space-2)}.fraction-bars-board__main{grid-template-columns:1fr;gap:var(--space-2)}}.circle-wedge{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:0;border:none;background:transparent;cursor:grab;touch-action:none}.circle-wedge:active{cursor:grabbing}.circle-wedge__path{fill:var(--wedge-color);stroke:#ffffffd9;stroke-width:1.5}.circle-wedge--placed{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto}.circle-wedge__fraction{font-family:var(--font-display);font-weight:800;fill:#fff;stroke:#0003;stroke-width:.4;paint-order:stroke fill;pointer-events:none}.circle-wedge--ghost{pointer-events:none;opacity:.85;transform:translate(-50%,-50%)}.circle-palette{display:flex;flex-direction:column;gap:var(--space-3);width:100%;min-width:0;padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-muted);border:2px solid var(--color-border)}.circle-palette__title{font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.circle-palette__list{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin:0;padding:0;list-style:none}@media(max-width:768px){.circle-palette{width:100%;padding:var(--space-2)}.circle-palette__list{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;width:100%;padding-bottom:var(--space-1)}}.circle-workspace{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.circle-workspace__title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:800;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.circle-workspace__drop{position:relative}.circle-workspace__svg{display:block}.circle-workspace__ring{fill:#faf8f4;stroke:#2d6a9f73;stroke-width:3}.circle-workspace__wedge-group{cursor:pointer}.circle-workspace__wedge-group:hover .circle-workspace__wedge{opacity:.85}.circle-workspace__wedge{fill:var(--wedge-color);stroke:#ffffffe6;stroke-width:2;transition:opacity .15s ease}.circle-workspace__wedge-label{font-family:var(--font-display);font-weight:800;fill:#fff;stroke:#00000040;stroke-width:.5;paint-order:stroke fill;pointer-events:none}.circle-workspace__readout{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);margin:0;text-align:center}.circle-workspace__readout-label{font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.circle-workspace__readout-value{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;color:#2d6a9f}.circle-workspace__clear{font-size:var(--text-xs)}@media(max-width:768px){.circle-workspace__readout-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}.fraction-circles-board{display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-width:min(100%,68rem);margin-inline:auto}.fraction-circles-board__toolbar{display:flex;justify-content:flex-end;width:100%}.fraction-circles-board__main{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:var(--space-4);align-items:start}.fraction-circles-board__circles{width:100%;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4) var(--space-6);justify-items:center}.fraction-circles-board__ghost-host{position:fixed;z-index:200;pointer-events:none}@media(max-width:768px){.fraction-circles-board{gap:var(--space-2)}.fraction-circles-board__main{grid-template-columns:1fr;gap:var(--space-2)}.fraction-circles-board__circles{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}}@media(max-width:480px){.fraction-circles-board__circles{grid-template-columns:1fr}}.hundreds-chart-grid{display:grid;grid-template-rows:repeat(10,minmax(0,1fr));gap:2px;width:fit-content;max-width:100%;margin-inline:auto;padding:var(--space-3);border-radius:var(--radius-md);background:linear-gradient(145deg,#eef6fb,#f5f0fa);border:2px solid #b8cdd9}.hundreds-chart-grid__row{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:2px}.hundreds-chart-grid__cell{display:flex;align-items:center;justify-content:center;min-width:2.35rem;min-height:2.35rem;padding:var(--space-1);border:1px solid #c5d8e4;border-radius:var(--radius-sm);background:#fff;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;color:var(--color-text);cursor:pointer;transition:background-color .12s ease,border-color .12s ease}.hundreds-chart-grid__cell:hover{border-color:#6b4c9a}.hundreds-chart-grid__cell:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.hundreds-chart-grid__cell--highlighted{background:#a8dadc;border-color:#2a9d8f;color:#1a4d48}.hundreds-chart-grid__value{line-height:1}@media(max-width:768px){.hundreds-chart-grid{width:100%;padding:var(--space-2);gap:1px}.hundreds-chart-grid__row{gap:1px}.hundreds-chart-grid__cell{min-width:0;min-height:1.75rem;font-size:.68rem;padding:2px;border-radius:4px}}@media(max-width:390px){.hundreds-chart-grid__cell{min-height:1.55rem;font-size:.62rem}}.hundreds-chart-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3)}.hundreds-chart-toolbar__nav{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:#eef6fb;border:1px solid #b8cdd9}.hundreds-chart-toolbar__nav-btn{padding:var(--space-1) var(--space-3);border:none;border-radius:var(--radius-full);background:#fff;font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;color:#2a6f8f;cursor:pointer;transition:background-color .15s ease,color .15s ease}.hundreds-chart-toolbar__nav-btn:hover:not(:disabled){background:#2a9d8f;color:#fff}.hundreds-chart-toolbar__nav-btn:disabled{opacity:.4;cursor:not-allowed}.hundreds-chart-toolbar__nav-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.hundreds-chart-toolbar__range{min-width:5.5rem;text-align:center;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;color:#2a6f8f}.hundreds-chart-toolbar__toggle{padding:var(--space-2) var(--space-4);border:2px solid #b8cdd9;border-radius:var(--radius-full);background:#fff;font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:#2a6f8f;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.hundreds-chart-toolbar__toggle:hover{border-color:#6b4c9a;color:#6b4c9a}.hundreds-chart-toolbar__toggle--on{background:linear-gradient(135deg,#2a9d8f,#6b4c9a);border-color:transparent;color:#fff}.hundreds-chart-toolbar__toggle:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.hundreds-chart-toolbar__status{font-size:var(--text-sm);color:var(--color-text-muted)}.hundreds-chart-toolbar__status strong{color:#2a6f8f;font-family:var(--font-mono)}@media(max-width:768px){.hundreds-chart-toolbar{gap:var(--space-2)}.hundreds-chart-toolbar__toggle{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.hundreds-chart-toolbar__status{width:100%;text-align:center}}.number-chart-page{display:flex;flex-direction:column;gap:var(--space-8)}.number-chart-page__header{text-align:center}.number-chart-page__badge{display:inline-block;margin-bottom:var(--space-3);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);background:linear-gradient(90deg,#6b4c9a,#2a9d8f);font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#fff}.number-chart-page__title{font-size:clamp(var(--text-2xl),5vw,2.75rem);font-weight:800;margin-bottom:var(--space-3);background:linear-gradient(135deg,#6b4c9a,#2a9d8f);-webkit-background-clip:text;background-clip:text;color:transparent}.number-chart-page__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:36rem;margin-inline:auto}.number-chart-page__tip{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);max-width:32rem;margin-inline:auto}.number-chart-page__board{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);border:2px solid var(--color-border);width:fit-content;max-width:100%;margin-inline:auto}.number-chart-page__related{margin-top:var(--space-2)}.number-chart-page__related-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-top:var(--space-4)}.number-chart-page__related-link{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;text-decoration:none;color:var(--color-text-muted);transition:background-color .15s ease,color .15s ease,border-color .15s ease}.number-chart-page__related-link:hover{color:#6b4c9a;border-color:#c9bdd8;background:#f3eef8}.number-chart-page__related-link--active{color:#fff;border-color:transparent;background:linear-gradient(135deg,#6b4c9a,#2a9d8f)}.number-chart-page__related-link:focus-visible{outline:none;box-shadow:var(--shadow-focus)}@media(max-width:768px){.number-chart-page{gap:var(--space-2)}.number-chart-page__badge,.number-chart-page__subtitle,.number-chart-page__tip{display:none}.number-chart-page__title{font-size:var(--text-lg);margin-bottom:0}.number-chart-page__board{width:100%;gap:var(--space-2);padding:var(--space-2)}.number-chart-page__related{display:none}}.skip-count-chart{display:flex;flex-direction:column;gap:var(--space-4);width:fit-content;max-width:100%;margin-inline:auto}.skip-count-chart__controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3)}.skip-count-chart__fieldset{margin:0;padding:0;border:none}.skip-count-chart__legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-count-chart__options{display:inline-flex;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-full);background:#f0edf5;border:1px solid #c9bdd8}.skip-count-chart__option{min-width:2.25rem;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-full);background:transparent;font-family:var(--font-display);font-size:var(--text-sm);font-weight:800;color:#6b4c9a;cursor:pointer;transition:background-color .15s ease,color .15s ease}.skip-count-chart__option:hover{background:#6b4c9a1f}.skip-count-chart__option--active{background:linear-gradient(135deg,#6b4c9a,#2a9d8f);color:#fff}.skip-count-chart__option:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.skip-count-chart__readout{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.skip-count-chart__readout strong{font-family:var(--font-mono);font-size:var(--text-lg);color:#6b4c9a}.skip-count-chart__complete{font-weight:700;color:var(--color-success)}.skip-count-chart__score{font-family:var(--font-mono);font-size:var(--text-xs)}.skip-count-chart__grid{display:grid;grid-template-rows:repeat(10,minmax(0,1fr));gap:2px;padding:var(--space-3);border-radius:var(--radius-md);background:linear-gradient(145deg,#f3eef8,#eef6fb);border:2px solid #c9bdd8}.skip-count-chart__row{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:2px}.skip-count-chart__cell{display:flex;align-items:center;justify-content:center;min-width:2.35rem;min-height:2.35rem;padding:var(--space-1);border:1px solid #ddd5e8;border-radius:var(--radius-sm);background:#fff;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;color:#b8b0c4;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.skip-count-chart__cell:hover:not(.skip-count-chart__cell--correct){border-color:#6b4c9a}.skip-count-chart__cell:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.skip-count-chart__cell--correct{background:#c8e6d4;border-color:var(--color-success);color:#1f5c44}.skip-count-chart__cell--wrong{background:#f5d4d4;border-color:#d48484;color:var(--color-text)}.skip-count-chart__value{line-height:1}@media(max-width:768px){.skip-count-chart{width:100%;gap:var(--space-2)}.skip-count-chart__controls{gap:var(--space-2)}.skip-count-chart__option{min-width:1.85rem;padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.skip-count-chart__grid{width:100%;padding:var(--space-2);gap:1px}.skip-count-chart__row{gap:1px}.skip-count-chart__cell{min-width:0;min-height:1.75rem;font-size:.68rem;padding:2px;border-radius:4px}}@media(max-width:390px){.skip-count-chart__cell{min-height:1.55rem;font-size:.62rem}}.mult-chart-grid{display:flex;flex-direction:column;align-items:center;gap:2px;width:fit-content;max-width:100%;margin-inline:auto;padding:var(--space-3);border-radius:var(--radius-md);background:linear-gradient(145deg,#f3eef8,#e8f5f2);border:2px solid #c9bdd8}.mult-chart-grid__header-row,.mult-chart-grid__body-row{display:grid;grid-template-columns:var(--mult-cell-size) repeat(var(--mult-size),var(--mult-cell-size));gap:2px}.mult-chart-grid--size-10{--mult-size: 10;--mult-cell-size: 2.5rem;--mult-font: var(--text-sm)}.mult-chart-grid--size-12{--mult-size: 12;--mult-cell-size: 2.15rem;--mult-font: var(--text-xs)}.mult-chart-grid__corner{width:var(--mult-cell-size);height:var(--mult-cell-size)}.mult-chart-grid__header{display:flex;align-items:center;justify-content:center;width:var(--mult-cell-size);min-width:var(--mult-cell-size);max-width:var(--mult-cell-size);height:var(--mult-cell-size);min-height:var(--mult-cell-size);padding:var(--space-1);border:none;border-radius:var(--radius-sm);background:linear-gradient(180deg,#6b4c9a,#5a3d85);color:#fff;font-family:var(--font-display);font-size:var(--mult-font);font-weight:800;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.mult-chart-grid__header:hover{transform:translateY(-1px);box-shadow:0 2px 8px #6b4c9a59}.mult-chart-grid__header:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.mult-chart-grid__cell{display:flex;align-items:center;justify-content:center;width:var(--mult-cell-size);min-width:var(--mult-cell-size);max-width:var(--mult-cell-size);height:var(--mult-cell-size);min-height:var(--mult-cell-size);padding:var(--space-1);border:1px solid #d4c8e4;border-radius:var(--radius-sm);background:#fff;font-family:var(--font-mono);font-size:var(--mult-font);font-weight:700;color:var(--color-text);cursor:pointer;transition:background-color .12s ease,border-color .12s ease,transform .12s ease}.mult-chart-grid__cell:hover{border-color:#2a9d8f;transform:scale(1.03)}.mult-chart-grid__cell:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.mult-chart-grid__cell--highlighted{background:#ffd166;border-color:#e6b84d;color:#3d2f00}.mult-chart-grid__cell--hidden{background:#faf8fc}.mult-chart-grid__placeholder{display:block;width:60%;height:.55rem;border-radius:var(--radius-full);background:#ddd5e8}.mult-chart-grid__product{line-height:1;font-variant-numeric:tabular-nums}@media(max-width:768px){.mult-chart-grid{width:fit-content;max-width:100%;margin-inline:auto;padding:var(--space-2);gap:1px}.mult-chart-grid--size-10{--mult-cell-size: 1.85rem;--mult-font: .68rem}.mult-chart-grid--size-12{--mult-cell-size: 1.55rem;--mult-font: .62rem}.mult-chart-grid__corner{width:var(--mult-cell-size);height:var(--mult-cell-size)}.mult-chart-grid__header,.mult-chart-grid__cell{padding:2px;border-radius:4px}.mult-chart-grid__cell:hover{transform:none}}@media(max-width:390px){.mult-chart-grid--size-10{--mult-cell-size: 1.65rem;--mult-font: .62rem}.mult-chart-grid--size-12{--mult-cell-size: 1.4rem;--mult-font: .58rem}}.mult-chart-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3);width:100%;max-width:fit-content}.mult-chart-toolbar__paint{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:2px solid #c9bdd8;border-radius:var(--radius-full);background:#fff;font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:#6b4c9a;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.mult-chart-toolbar__paint:hover{border-color:#2a9d8f;color:#2a9d8f}.mult-chart-toolbar__paint--on{background:linear-gradient(135deg,#6b4c9a,#2a9d8f);border-color:transparent;color:#fff}.mult-chart-toolbar__paint:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.mult-chart-toolbar__paint-icon{font-size:var(--text-base)}.mult-chart-toolbar__status{font-size:var(--text-sm);color:var(--color-text-muted)}.mult-chart-toolbar__status strong{color:#6b4c9a;font-family:var(--font-mono)}@media(max-width:768px){.mult-chart-toolbar{gap:var(--space-2)}.mult-chart-toolbar__paint{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.mult-chart-toolbar__status{width:100%;text-align:center;order:-1}}.digit-circle{--digit-color: #94a3b8;width:56px;height:56px;padding:0;border:3px solid rgb(255 255 255 / .85);border-radius:50%;background:radial-gradient(circle at 32% 28%,rgb(255 255 255 / .55),var(--digit-color) 68%);box-shadow:0 4px 14px #2c2a262e,inset 0 -3px 6px #0000001f;cursor:grab;transition:transform .15s ease,box-shadow .15s ease}.digit-circle:hover{transform:translateY(-3px) scale(1.06);box-shadow:0 8px 20px #2c2a2638,inset 0 -3px 6px #0000001f}.digit-circle:active{cursor:grabbing;transform:scale(.96)}.digit-circle--selected{outline:3px solid var(--color-text);outline-offset:3px;transform:translateY(-4px) scale(1.08)}.digit-circle:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.digit-circle__inner{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;color:#1a1a1a;text-shadow:0 1px 0 rgb(255 255 255 / .45)}.digit-palette{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-4);background:linear-gradient(180deg,#fff 0%,var(--color-surface-muted) 100%);border-radius:var(--radius-lg);border:2px dashed var(--color-border)}.digit-palette__hint{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}.digit-palette__row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.number-summary{display:grid;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-lg);background:linear-gradient(135deg,#fff8e6,#e8f2fa,#faf0e8);border:2px solid var(--color-border);text-align:center}.number-summary__block{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:#ffffffb8}.number-summary__block--standard{border-left:5px solid var(--color-primary)}.number-summary__block--expanded{border-left:5px solid var(--color-success)}.number-summary__block--words{border-left:5px solid var(--color-accent)}.number-summary__label{font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.number-summary__value{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:600;color:var(--color-text)}.number-summary__value--large{font-size:clamp(2rem,6vw,3rem);font-weight:700;color:var(--color-primary)}.number-summary__value--words{font-family:var(--font-body);font-size:var(--text-lg);font-style:italic;text-transform:capitalize}@media(min-width:768px){.number-summary{grid-template-columns:1fr 1.2fr 1.4fr;align-items:stretch}}.trials-grid__scroll{overflow-x:auto;padding:var(--space-2);-webkit-overflow-scrolling:touch}.trials-grid{display:grid;grid-template-columns:repeat(7,minmax(80px,1fr));gap:var(--space-2);min-width:600px}.trials-grid__column{display:grid;grid-template-rows:var(--trials-header-height) var(--trials-cell-height);gap:var(--space-2);min-width:0}.trials-grid__header{display:flex;align-items:center;justify-content:center;height:var(--trials-header-height);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);background:var(--col-color);border:2px solid var(--col-color-dark);box-shadow:inset 0 -4px #00000014;overflow:hidden}.trials-grid__header-text{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:100%;font-family:var(--font-display);font-size:.65rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:var(--col-color-dark);text-align:center;line-height:1.15}.trials-grid__header-line{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.trials-grid__cell{display:flex;align-items:center;justify-content:center;height:var(--trials-cell-height);width:100%;padding:var(--space-2);border:3px solid var(--col-color-dark);border-radius:var(--radius-md);background:#fff;box-shadow:inset 0 0 0 4px var(--col-color);transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.trials-grid__cell:hover{transform:scale(1.03);box-shadow:inset 0 0 0 4px var(--col-color),0 6px 18px #2c2a261f}.trials-grid__cell--drag-over{background:var(--col-color);transform:scale(1.06);box-shadow:inset 0 0 0 4px #fff,0 0 0 4px var(--col-color-dark)}.trials-grid__cell--dropped{animation:cell-pop .35s ease}.trials-grid__cell--filled{background:linear-gradient(180deg,#fff 30%,var(--col-color) 100%)}.trials-grid__cell-value{font-family:var(--font-mono);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:var(--col-color-dark);line-height:1}.trials-grid__cell-placeholder{font-size:var(--text-2xl);color:var(--color-border);opacity:.5}@keyframes cell-pop{0%{transform:scale(.92)}50%{transform:scale(1.08)}to{transform:scale(1)}}@media(max-width:640px){.trials-grid__header-text{font-size:.58rem}}.trials-page{display:flex;flex-direction:column;gap:var(--space-8)}.trials-page__header{text-align:center}.trials-page__badge{display:inline-block;margin-bottom:var(--space-3);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color-accent),#f5b4c8);font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#fff}.trials-page__title{font-size:clamp(var(--text-2xl),5vw,2.75rem);font-weight:800;margin-bottom:var(--space-3);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;background-clip:text;color:transparent}.trials-page__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:36rem;margin-inline:auto}.trials-page__board{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);border:2px solid var(--color-border)}.trials-page__actions{display:flex;justify-content:center}.nl-bar{--nl-bar-height: 1.75rem;position:relative;display:flex;align-items:center;justify-content:center;height:var(--nl-bar-height);border:2px solid rgb(0 0 0 / .12);border-radius:var(--radius-sm);background:var(--bar-color);box-shadow:inset 0 1px #ffffff59;color:#fff;font-family:var(--font-display);font-size:var(--text-sm);font-weight:800;line-height:1;touch-action:none;-webkit-user-select:none;user-select:none}.nl-bar__label{text-shadow:0 1px 1px rgb(0 0 0 / .25)}.nl-bar--bank{cursor:grab;flex-shrink:0;transition:transform .12s ease,box-shadow .12s ease}.nl-bar--bank:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff59,0 4px 10px #0000001f}.nl-bar--bank:active{cursor:grabbing}.nl-bar--placed{position:absolute;top:calc(var(--line-y, 40px) - var(--nl-bar-height) - 4px);padding:0;z-index:2;transition:transform .12s ease,box-shadow .12s ease}.nl-bar--placed-locked{cursor:default}.nl-bar--placed-locked:hover,.nl-bar--placed-locked:focus-visible{transform:none;box-shadow:inset 0 1px #ffffff59}.nl-bar--placed-removable{cursor:pointer}.nl-bar--placed-removable:hover,.nl-bar--placed-removable:focus-visible{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff59,0 0 0 3px #2d6a9f59;outline:none}.nl-bar--ghost{pointer-events:none;opacity:.88;box-shadow:0 8px 20px #0003}@media(max-width:768px){.nl-bar{--nl-bar-height: 1.375rem;font-size:var(--text-xs)}}.bar-bank{display:flex;flex-direction:column;gap:var(--space-3);width:fit-content;max-width:100%;margin-inline:auto}.bar-bank__hint{margin:0;text-align:center;font-size:var(--text-sm);color:var(--color-text-muted);max-width:36rem;margin-inline:auto}.bar-bank__list{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin:0;padding:var(--space-3);list-style:none;border-radius:var(--radius-md);background:var(--color-surface-muted);border:2px dashed var(--color-border)}.bar-bank__list li{display:flex}@media(max-width:768px){.bar-bank{gap:var(--space-2)}.bar-bank__hint{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bar-bank__list{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding:var(--space-2);gap:var(--space-1);-webkit-overflow-scrolling:touch;scrollbar-width:thin}}.bar-placement-layer{position:absolute;top:0;right:0;bottom:0;left:0;min-height:80px;pointer-events:auto;z-index:1}.bar-placement-layer--active{background:#2d6a9f0f;outline:2px dashed rgb(45 106 159 / .35);outline-offset:-2px}.bar-placement-layer__ghost-host{position:fixed;z-index:1000;pointer-events:none;transform:translate(-50%,-50%)}@media(max-width:768px){.bar-placement-layer--active{outline-width:1px}}.nlb-page{display:flex;flex-direction:column;gap:var(--space-8)}.nlb-page__header{text-align:center}.nlb-page__badge{display:inline-block;margin-bottom:var(--space-3);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);background:linear-gradient(90deg,#2d6a9f,#3d8b6e);font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#fff}.nlb-page__title{font-size:clamp(var(--text-2xl),5vw,2.75rem);font-weight:800;margin-bottom:var(--space-3);background:linear-gradient(135deg,#2d6a9f,#3d8b6e);-webkit-background-clip:text;background-clip:text;color:transparent}.nlb-page__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:36rem;margin-inline:auto}.nlb-page__tip{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);max-width:32rem;margin-inline:auto}.nlb-page__board{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);border:2px solid var(--color-border)}.nlb-page__line-wrap{width:100%;max-width:min(100%,56rem);margin-inline:auto}.nlb-page__readout{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%;max-width:24rem;padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);background:linear-gradient(135deg,#e6f4fa,#e8f5ee);border:2px solid var(--color-border);text-align:center}.nlb-page__readout-label{font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.nlb-page__readout-value{font-family:var(--font-mono);font-size:clamp(2rem,6vw,3rem);font-weight:700;color:#2d6a9f;line-height:1}.nlb-page__readout-detail{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted)}.nlb-page__actions{display:flex;justify-content:center}.nlb-page__related{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.nlb-page__related-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}@media(max-width:768px){.nlb-page{gap:var(--space-2)}.nlb-page__badge,.nlb-page__subtitle,.nlb-page__tip{display:none}.nlb-page__title{font-size:var(--text-lg);margin-bottom:0}.nlb-page__board{gap:var(--space-2);padding:var(--space-2)}.nlb-page__readout{gap:var(--space-1);padding:var(--space-2) var(--space-3)}.nlb-page__readout-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nlb-page__readout-value{font-size:var(--text-xl)}.nlb-page__readout-detail{font-size:var(--text-xs)}.nlb-page__related{display:none}}.nl-draw-canvas{width:100%;display:flex;flex-direction:column;align-items:center}.nl-draw-canvas__draw-layer{position:absolute;top:0;left:0;display:block;touch-action:none;cursor:crosshair}.nl-draw-canvas__arc{fill:none;stroke-width:3;stroke-linecap:round;pointer-events:none}.nl-draw-canvas__arc--preview{stroke-dasharray:6 4;opacity:.75}.nl-draw-canvas__arrow{pointer-events:none}.nl-draw-canvas__arrow--preview{opacity:.75}@media(max-width:768px){.nl-draw-canvas__arc{stroke-width:2.5}}.nl-draw-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:var(--space-4);width:fit-content;max-width:100%;margin-inline:auto}.nl-draw-toolbar__colors{margin:0;padding:0;border:none;min-inline-size:0}.nl-draw-toolbar__legend{font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--space-2);text-align:center}.nl-draw-toolbar__swatches{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.nl-draw-toolbar__swatch{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:3.5rem;min-height:44px;padding:var(--space-2);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;transition:border-color .15s,box-shadow .15s}.nl-draw-toolbar__swatch:hover{border-color:var(--color-primary)}.nl-draw-toolbar__swatch--active{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 25%,transparent)}.nl-draw-toolbar__swatch:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.nl-draw-toolbar__swatch-dot{width:1.25rem;height:1.25rem;border-radius:var(--radius-full);background:var(--swatch-color);border:2px solid color-mix(in srgb,var(--swatch-color) 70%,#000)}.nl-draw-toolbar__swatch-label{font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;color:var(--color-text)}.nl-draw-toolbar__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2)}.nl-draw-toolbar__count{margin:0;font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap}.nl-draw-toolbar__count-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:768px){.nl-draw-toolbar{gap:var(--space-2);width:100%}.nl-draw-toolbar__legend{display:none}.nl-draw-toolbar__swatch{min-width:2.75rem;padding:var(--space-1)}.nl-draw-toolbar__swatch-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nl-draw-toolbar__count{font-size:var(--text-xs);width:100%;text-align:center}.nl-draw-toolbar__actions{width:100%}.nl-draw-toolbar__actions .btn{flex:1 1 auto;min-width:0}}.nl-draw-page{display:flex;flex-direction:column;gap:var(--space-8)}.nl-draw-page__header{text-align:center}.nl-draw-page__badge{display:inline-block;margin-bottom:var(--space-3);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);background:linear-gradient(90deg,#3d8b6e,#2d6a9f);font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#fff}.nl-draw-page__title{font-size:clamp(var(--text-2xl),5vw,2.75rem);font-weight:800;margin-bottom:var(--space-3);background:linear-gradient(135deg,#3d8b6e,#2d6a9f);-webkit-background-clip:text;background-clip:text;color:transparent}.nl-draw-page__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:36rem;margin-inline:auto}.nl-draw-page__tip{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);max-width:32rem;margin-inline:auto}.nl-draw-page__board{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);border:2px solid var(--color-border);width:fit-content;max-width:100%;margin-inline:auto}.nl-draw-page__related{max-width:40rem;margin-inline:auto;width:100%}.nl-draw-page__related-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}@media(max-width:768px){.nl-draw-page{gap:var(--space-2)}.nl-draw-page__badge,.nl-draw-page__subtitle,.nl-draw-page__tip{display:none}.nl-draw-page__title{font-size:var(--text-lg);margin-bottom:0}.nl-draw-page__board{gap:var(--space-3);padding:var(--space-2);width:100%}.nl-draw-page__related{display:none}}.nl-marker{position:absolute;top:28px;width:16px;height:16px;margin-left:-8px;border:2px solid #fff;border-radius:50%;background:var(--marker-color, var(--color-primary));box-shadow:0 2px 6px #2c2a2633;cursor:pointer;padding:0;z-index:3;transition:transform .12s ease}.nl-marker:hover{transform:scale(1.15)}.nl-marker--static{cursor:default}.nl-marker--static:hover{transform:none}.nl-marker:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.nl-marker-palette{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:28rem;margin-inline:auto}.nl-marker-palette__hint{margin:0;text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}.nl-marker-palette__toggle{display:flex;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-full);background:var(--color-surface-muted);border:2px solid var(--color-border)}.nl-marker-palette__btn{flex:1;min-height:44px;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-full);background:transparent;font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--color-text-muted);cursor:pointer;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.nl-marker-palette__btn:hover{color:var(--color-text)}.nl-marker-palette__btn--active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-card)}.nl-marker-palette__btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}@media(max-width:768px){.nl-marker-palette{gap:var(--space-2);max-width:100%}.nl-marker-palette__hint{font-size:var(--text-xs)}.nl-marker-palette__btn{min-height:40px;padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}}.nl-board{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);width:fit-content;max-width:100%;margin-inline:auto}.nl-board__line-wrap{width:100%;max-width:min(100%,56rem)}.nl-board__jumps{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}@media(max-width:768px){.nl-board{gap:var(--space-3);width:100%}.nl-board__line-wrap{max-width:100%}}.nl-jump-controls{display:flex;flex-direction:column;gap:var(--space-4);width:100%;height:100%;margin-inline:0;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-muted);border:2px solid var(--color-border)}.nl-jump-controls__title{margin:0;text-align:center;font-family:var(--font-display);font-size:var(--text-sm);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.nl-jump-controls__grid{display:flex;flex-direction:column;gap:var(--space-3)}.nl-jump-controls__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.nl-jump-controls__label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--color-text)}.nl-jump-controls__stepper{display:flex;align-items:center;gap:var(--space-2)}.nl-jump-controls__step-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-family:var(--font-mono);font-size:var(--text-xl);font-weight:700;color:var(--color-primary);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.nl-jump-controls__step-btn:hover{background:var(--color-col-whole);border-color:var(--color-primary)}.nl-jump-controls__step-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.nl-jump-controls__value,.nl-jump-controls__land-value{min-width:3rem;text-align:center;font-family:var(--font-mono);font-size:var(--text-xl);font-weight:700;color:var(--color-text)}.nl-jump-controls__row--land{padding-top:var(--space-2);border-top:1px dashed var(--color-border)}.nl-jump-controls__land-value{color:var(--color-success)}.nl-jump-controls__apply{width:100%}@media(max-width:768px){.nl-jump-controls{gap:var(--space-2);padding:var(--space-3);max-width:100%}.nl-jump-controls__grid{gap:var(--space-2)}.nl-jump-controls__step-btn{width:2.25rem;height:2.25rem;font-size:var(--text-lg)}.nl-jump-controls__value,.nl-jump-controls__land-value{font-size:var(--text-lg)}}.number-line-page{display:flex;flex-direction:column;gap:var(--space-8)}.number-line-page__header{text-align:center}.number-line-page__badge{display:inline-block;margin-bottom:var(--space-3);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);background:linear-gradient(90deg,#2d6a9f,#3d8b6e);font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#fff}.number-line-page__title{font-size:clamp(var(--text-2xl),5vw,2.75rem);font-weight:800;margin-bottom:var(--space-3);background:linear-gradient(135deg,#2d6a9f,#3d8b6e);-webkit-background-clip:text;background-clip:text;color:transparent}.number-line-page__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:36rem;margin-inline:auto}.number-line-page__tip{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);max-width:32rem;margin-inline:auto}.number-line-page__board{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);border:2px solid var(--color-border)}.number-line-page__controls-row{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:var(--space-4);align-items:stretch}.number-line-page__sidebar{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.number-line-page__summary{display:flex;flex-direction:column;justify-content:center;gap:var(--space-2);flex:1;min-height:0;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:linear-gradient(135deg,#e6f4fa,#e8f5ef,#f0ebe6);border:2px solid var(--color-border);text-align:center}.number-line-page__summary-label{font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.number-line-page__summary-value{font-family:var(--font-mono);font-size:clamp(var(--text-sm),2.2vw,var(--text-xl));font-weight:700;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.number-line-page__actions{display:flex;justify-content:center;margin-top:auto}.number-line-page__related{display:flex;flex-direction:column;gap:var(--space-4)}.number-line-page__related-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.number-line-page__related-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);border:2px solid var(--color-border);background:var(--color-surface);font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--color-primary);text-decoration:none;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.number-line-page__related-link:hover{background:var(--color-col-whole);border-color:var(--color-primary)}.number-line-page__related-link--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.number-line-page__related-link:focus-visible{outline:none;box-shadow:var(--shadow-focus)}@media(max-width:768px){.number-line-page{gap:var(--space-2)}.number-line-page__badge,.number-line-page__subtitle,.number-line-page__tip{display:none}.number-line-page__title{font-size:var(--text-lg);margin-bottom:0}.number-line-page__board{gap:var(--space-2);padding:var(--space-2)}.number-line-page__controls-row{grid-template-columns:1fr;gap:var(--space-2)}.number-line-page__sidebar{gap:var(--space-2)}.number-line-page__summary{gap:0;padding:var(--space-2) var(--space-3)}.number-line-page__summary-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.number-line-page__summary-value{font-size:var(--text-sm);line-height:1.3}.number-line-page__actions{padding-top:var(--space-1)}.number-line-page__related-nav{gap:var(--space-2)}.number-line-page__related-link{min-height:40px;padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}}.ranged-chart-activities{width:100%;max-width:42rem;margin-top:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:linear-gradient(180deg,#f8fbfd,#f3eef8);border:1px solid #c9bdd8}.ranged-chart-activities__heading{margin:0 0 var(--space-3);font-family:var(--font-display);font-size:var(--text-base);font-weight:800;color:#6b4c9a;text-align:center}.ranged-chart-activities__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.ranged-chart-activities__item{padding:var(--space-3);border-radius:var(--radius-sm);background:#fff;border-left:4px solid #2a9d8f;box-shadow:0 1px 3px #2a6f8f14}.ranged-chart-activities__title{margin:0 0 var(--space-1);font-family:var(--font-display);font-size:var(--text-sm);font-weight:800;color:#2a6f8f}.ranged-chart-activities__description{margin:0;font-size:var(--text-sm);line-height:1.5;color:var(--color-text-muted)}@media(max-width:768px){.ranged-chart-activities{padding:var(--space-3)}.ranged-chart-activities__heading{font-size:var(--text-sm);margin-bottom:var(--space-2)}.ranged-chart-activities__list{gap:var(--space-2)}.ranged-chart-activities__item{padding:var(--space-2)}.ranged-chart-activities__title,.ranged-chart-activities__description{font-size:var(--text-xs)}}.ranged-chart-grid{display:flex;flex-direction:column;align-items:center;gap:2px;width:fit-content;max-width:100%;margin-inline:auto;padding:var(--space-3);border-radius:var(--radius-md);background:linear-gradient(145deg,#eef6fb,#f5f0fa);border:2px solid #b8cdd9}.ranged-chart-grid__row{display:grid;grid-template-columns:repeat(10,var(--ranged-cell-size, 2.35rem));gap:2px}.ranged-chart-grid__cell{display:flex;align-items:center;justify-content:center;width:var(--ranged-cell-size, 2.35rem);min-width:var(--ranged-cell-size, 2.35rem);max-width:var(--ranged-cell-size, 2.35rem);height:var(--ranged-cell-size, 2.35rem);min-height:var(--ranged-cell-size, 2.35rem);padding:var(--space-1);border:1px solid #c5d8e4;border-radius:var(--radius-sm);background:#fff;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;color:var(--color-text);cursor:pointer;transition:background-color .12s ease,border-color .12s ease,transform .12s ease}.ranged-chart-grid__cell:hover:not(.ranged-chart-grid__cell--empty){border-color:#6b4c9a}.ranged-chart-grid__cell:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.ranged-chart-grid__cell--colored{font-weight:800}.ranged-chart-grid__cell--empty{background:transparent;border-color:transparent;cursor:default;pointer-events:none}.ranged-chart-grid__value{line-height:1;font-variant-numeric:tabular-nums}@media(max-width:768px){.ranged-chart-grid{padding:var(--space-2);gap:1px}.ranged-chart-grid__row{--ranged-cell-size: 1.85rem;gap:1px}.ranged-chart-grid__cell{font-size:.68rem;padding:2px;border-radius:4px}}@media(max-width:390px){.ranged-chart-grid__row{--ranged-cell-size: 1.65rem}.ranged-chart-grid__cell{font-size:.62rem}}.ranged-chart-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3);width:100%}.ranged-chart-toolbar__fieldset{margin:0;padding:0;border:none}.ranged-chart-toolbar__legend{width:100%;margin-bottom:var(--space-1);font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);text-align:center}.ranged-chart-toolbar__range-options{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-full);background:#eef6fb;border:1px solid #b8cdd9}.ranged-chart-toolbar__range-btn{min-width:2.25rem;padding:var(--space-1) var(--space-2);border:none;border-radius:var(--radius-full);background:transparent;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:#2a6f8f;cursor:pointer;transition:background-color .15s ease,color .15s ease}.ranged-chart-toolbar__range-btn:hover{background:#2a9d8f26}.ranged-chart-toolbar__range-btn--active{background:linear-gradient(135deg,#2a9d8f,#6b4c9a);color:#fff}.ranged-chart-toolbar__range-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.ranged-chart-toolbar__colors{display:flex;justify-content:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:#fff;border:1px solid #c9bdd8}.ranged-chart-toolbar__color{width:1.75rem;height:1.75rem;padding:0;border:2px solid transparent;border-radius:var(--radius-full);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.ranged-chart-toolbar__color:hover{transform:scale(1.08)}.ranged-chart-toolbar__color--active{box-shadow:0 0 0 2px #fff,0 0 0 4px #6b4c9a;transform:scale(1.1)}.ranged-chart-toolbar__color:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.ranged-chart-toolbar__paint{padding:var(--space-2) var(--space-4);border:2px solid #b8cdd9;border-radius:var(--radius-full);background:#fff;font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:#2a6f8f;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.ranged-chart-toolbar__paint:hover{border-color:#6b4c9a;color:#6b4c9a}.ranged-chart-toolbar__paint--on{background:linear-gradient(135deg,#2a9d8f,#6b4c9a);border-color:transparent;color:#fff}.ranged-chart-toolbar__paint:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.ranged-chart-toolbar__status{font-size:var(--text-sm);color:var(--color-text-muted)}.ranged-chart-toolbar__status strong{color:#2a6f8f;font-family:var(--font-mono)}@media(max-width:768px){.ranged-chart-toolbar{gap:var(--space-2)}.ranged-chart-toolbar__fieldset{width:100%}.ranged-chart-toolbar__range-btn{min-width:1.85rem;padding:var(--space-1);font-size:.65rem}.ranged-chart-toolbar__color{width:1.5rem;height:1.5rem}.ranged-chart-toolbar__paint{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.ranged-chart-toolbar__status{width:100%;text-align:center}}.race-position-board{width:100%;max-width:min(100%,56rem);margin-inline:auto}.race-position-board__area{position:relative;width:100%}.race-position-board__axis{display:block;width:100%}.race-position-board__endpoint{font-family:var(--font-display);font-size:12px;font-weight:700}.race-position-board__racer{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%);z-index:2;pointer-events:none}.race-position-board__racer-icon{display:flex;align-items:flex-end;justify-content:center}.race-position-board__ordinal{margin-top:10px;max-width:5.5rem;text-align:center;font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;line-height:1.2;color:var(--color-text)}.race-position-board__ordinal--hidden{visibility:hidden}@media(max-width:768px){.race-position-board__endpoint{font-size:10px}.race-position-board__racer-icon{height:auto}.race-position-board__ordinal{font-size:.65rem;max-width:4rem}}.race-position-controls{display:flex;flex-direction:column;gap:var(--space-4);flex:0 0 80%;width:80%;min-width:0;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-muted);border:2px solid var(--color-border)}.race-position-controls__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.race-position-controls__label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--color-text)}.race-position-controls__stepper{display:flex;align-items:center;gap:var(--space-2)}.race-position-controls__step-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-family:var(--font-mono);font-size:var(--text-xl);font-weight:700;color:var(--color-primary);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.race-position-controls__step-btn:hover:not(:disabled){background:var(--color-col-whole);border-color:var(--color-primary)}.race-position-controls__step-btn:disabled{opacity:.45;cursor:not-allowed}.race-position-controls__step-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.race-position-controls__value{min-width:2.5rem;text-align:center;font-family:var(--font-mono);font-size:var(--text-xl);font-weight:700;color:var(--color-text)}.race-position-controls__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.race-position-controls__theme{display:flex;gap:var(--space-2)}@media(max-width:768px){.race-position-controls{flex:1 1 auto;width:100%;gap:var(--space-3);padding:var(--space-3)}.race-position-controls__step-btn{width:2.25rem;height:2.25rem;font-size:var(--text-lg)}.race-position-controls__value{font-size:var(--text-lg)}.race-position-controls__actions{flex-direction:column;align-items:stretch}.race-position-controls__theme{width:100%}.race-position-controls__theme .btn{flex:1}}.race-position-reveal{display:flex;align-items:center;justify-content:center;flex:0 0 20%;width:20%;min-width:0;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-muted);border:2px solid var(--color-border)}.race-position-reveal__btn{width:100%;max-width:12rem}@media(max-width:768px){.race-position-reveal{flex:1 1 auto;width:100%;padding:var(--space-3)}.race-position-reveal__btn{max-width:none}}.race-position-page{display:flex;flex-direction:column;gap:var(--space-8)}.race-position-page__header{text-align:center}.race-position-page__badge{display:inline-block;margin-bottom:var(--space-3);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);background:linear-gradient(90deg,#2d6a9f,#3d8b6e);font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#fff}.race-position-page__title{font-size:clamp(var(--text-2xl),5vw,2.75rem);font-weight:800;margin-bottom:var(--space-3);background:linear-gradient(135deg,#2d6a9f,#3d8b6e);-webkit-background-clip:text;background-clip:text;color:transparent}.race-position-page__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:36rem;margin-inline:auto}.race-position-page__tip{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);max-width:32rem;margin-inline:auto}.race-position-page__board{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);border:2px solid var(--color-border)}.race-position-page__controls-row{display:flex;align-items:stretch;gap:var(--space-3);width:100%;max-width:min(100%,56rem)}.race-position-page__related{display:flex;flex-direction:column;gap:var(--space-4)}.race-position-page__related-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.race-position-page__related-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);border:2px solid var(--color-border);background:var(--color-surface);font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--color-primary);text-decoration:none;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.race-position-page__related-link:hover{background:var(--color-col-whole);border-color:var(--color-primary)}.race-position-page__related-link--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.race-position-page__related-link:focus-visible{outline:none;box-shadow:var(--shadow-focus)}@media(max-width:768px){.race-position-page{gap:var(--space-2)}.race-position-page__badge,.race-position-page__subtitle,.race-position-page__tip{display:none}.race-position-page__title{font-size:var(--text-lg);margin-bottom:0}.race-position-page__board{gap:var(--space-2);padding:var(--space-2);width:100%}.race-position-page__controls-row{flex-direction:column;gap:var(--space-2)}.race-position-page__related{display:none}}.lesson-sparks__title{font-size:var(--text-xl);font-weight:800;margin-bottom:var(--space-5)}.lesson-sparks__grid{display:grid;gap:var(--space-4)}.lesson-sparks__card-title{font-size:var(--text-lg);font-weight:800;margin-bottom:var(--space-2)}.lesson-sparks__card-body{font-size:var(--text-base);color:var(--color-text-muted);line-height:1.6}@media(min-width:640px){.lesson-sparks__grid{grid-template-columns:repeat(2,1fr)}}.interaction-mode{display:flex;width:100%;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-full);background:var(--color-surface-muted);border:2px solid var(--color-border)}.interaction-mode__btn{flex:1;min-height:44px;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-full);background:transparent;font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--color-text-muted);cursor:pointer;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.interaction-mode__btn:hover{color:var(--color-text)}.interaction-mode__btn--active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-card)}.interaction-mode__btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.running-total{padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-muted);border:2px solid var(--color-border)}.running-total__main{display:flex;align-items:baseline;gap:var(--space-3)}.running-total__title{font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:0;white-space:nowrap}.running-total__value{font-family:var(--font-mono);font-size:clamp(var(--text-2xl),4vw,var(--text-3xl));font-weight:600;line-height:1.2}.running-total__expanded-block{margin-top:var(--space-2)}.running-total__expanded-label{display:block;font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--space-1)}.running-total__expanded{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);line-height:1.4}.running-total__empty{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.running-total-sidebar{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.running-total-sidebar__panel{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-5) var(--space-4);border-radius:var(--radius-md);border:2px solid var(--color-border);background:var(--color-surface-muted);box-shadow:var(--shadow-card);min-height:5.5rem}.running-total-sidebar__panel--total{background:linear-gradient(180deg,var(--color-col-whole),var(--color-surface))}.running-total-sidebar__panel--expanded{background:linear-gradient(180deg,var(--color-col-active),var(--color-surface))}.running-total-sidebar__label{font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--space-2)}.running-total-sidebar__value{font-family:var(--font-mono);font-size:clamp(var(--text-2xl),3vw,var(--text-3xl));font-weight:600;line-height:1.2;color:var(--color-text)}.running-total-sidebar__expanded{font-family:var(--font-mono);font-size:var(--text-base);font-weight:500;line-height:1.5;color:var(--color-text);word-break:break-word}@media(max-width:767px){.running-total-sidebar{flex-direction:row;gap:var(--space-2)}.running-total-sidebar__panel{flex:1;min-height:0;padding:var(--space-2) var(--space-2)}.running-total-sidebar__label{margin-bottom:var(--space-1);font-size:.6rem;letter-spacing:.05em}.running-total-sidebar__value{font-size:var(--text-xl)}.running-total-sidebar__expanded{font-size:var(--text-xs);line-height:1.3}}.zone-count-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.zone-count-bar__label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.zone-count-bar__buttons{display:flex;gap:var(--space-2)}.zone-count-bar__btn{min-width:44px;min-height:40px;padding:var(--space-1) var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-family:var(--font-display);font-size:var(--text-sm);font-weight:800;color:var(--color-text);transition:border-color .15s ease,background-color .15s ease}.zone-count-bar__btn:hover{border-color:var(--color-primary)}.zone-count-bar__btn--active{border-color:var(--color-primary);background:var(--color-col-whole);color:var(--color-primary)}.zone-count-bar__hint{font-size:var(--text-sm);color:var(--color-text-muted)}.piece-token{display:inline-block;flex-shrink:0;background:var(--piece-color);box-shadow:0 2px #2c2a261f}.piece-token--unit{border-radius:var(--radius-full)}.piece-token--ten,.piece-token--hundred,.piece-token--thousand,.piece-token--ten-thousand{border-radius:var(--radius-sm)}.piece-token--sm.piece-token--unit{width:14px;height:14px}.piece-token--sm.piece-token--ten{width:28px;height:10px}.piece-token--sm.piece-token--hundred{width:18px;height:18px}.piece-token--sm.piece-token--thousand{width:22px;height:22px}.piece-token--sm.piece-token--ten-thousand{width:26px;height:26px}.piece-token--md.piece-token--unit{width:22px;height:22px}.piece-token--md.piece-token--ten{width:44px;height:14px}.piece-token--md.piece-token--hundred{width:28px;height:28px}.piece-token--md.piece-token--thousand{width:34px;height:34px}.piece-token--md.piece-token--ten-thousand{width:40px;height:40px}.piece-token--lg.piece-token--unit{width:28px;height:28px}.piece-token--lg.piece-token--ten{width:56px;height:18px}.piece-token--lg.piece-token--hundred{width:36px;height:36px}.piece-token--lg.piece-token--thousand{width:42px;height:42px}.piece-token--lg.piece-token--ten-thousand{width:48px;height:48px}.piece-bank__hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-3);line-height:1.4;text-align:center;max-width:36rem;margin-inline:auto}.piece-bank__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.piece-bank--horizontal .piece-bank__list{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.piece-bank--horizontal .piece-bank__list>li{display:flex}.piece-bank__item{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;min-width:6.5rem;min-height:8.75rem;padding:var(--space-3) var(--space-2);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:border-color .15s ease,background-color .15s ease}.piece-bank__item:hover{border-color:var(--color-primary)}.piece-bank__item--selected{border-color:var(--color-primary);background:var(--color-col-active);box-shadow:var(--shadow-focus)}.piece-bank__piece-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);flex:1;width:100%;min-height:5.25rem;padding:var(--space-1);border:none;background:transparent;cursor:pointer}.piece-bank__label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700}.piece-bank__quantity{display:inline-flex;align-items:center;gap:var(--space-1);flex-shrink:0}.piece-bank__qty-btn{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-muted);font-family:var(--font-display);font-size:var(--text-base);font-weight:800;line-height:1;cursor:pointer}.piece-bank__qty-btn:hover{border-color:var(--color-primary)}.piece-bank__qty-value{min-width:1.5rem;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;text-align:center}.piece-bank--horizontal .piece-bank__item{flex:0 1 auto;min-width:6.5rem}@media(max-width:767px){.piece-bank--horizontal{align-items:center}.piece-bank__hint{font-size:.65rem;margin-bottom:var(--space-2)}.piece-bank--horizontal .piece-bank__list{flex-wrap:nowrap;justify-content:center;width:fit-content;max-width:100%;margin-inline:auto;gap:var(--space-1)}.piece-bank--horizontal .piece-bank__item{flex:0 0 auto;width:3.1rem;min-width:0;min-height:5.25rem;padding:var(--space-1) 2px;gap:var(--space-1)}.piece-bank__piece-btn{min-height:2.75rem;gap:2px;padding:0}.piece-bank--horizontal .piece-token--lg{transform:scale(.6);transform-origin:center}.piece-bank__label{font-size:.65rem;line-height:1.1}.piece-bank__quantity{gap:2px}.piece-bank__qty-btn{width:1.35rem;height:1.35rem;font-size:var(--text-xs);border-width:1px}.piece-bank__qty-value{min-width:1rem;font-size:var(--text-xs)}}.zone-column{display:flex;flex-direction:column;min-width:0;flex:1 1 0}.zone-column__header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);min-height:4.25rem;padding:var(--space-3) var(--space-2);border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--zone-color);border:2px solid var(--color-border);border-bottom:none}.zone-column__label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:800;text-align:center;line-height:1.2}.zone-column__label-short{display:none}.zone-column__value{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.zone-column__drop{position:relative;display:flex;flex-direction:column;flex:1;min-height:150px;border:2px dashed var(--color-border);border-radius:0 0 var(--radius-md) var(--radius-md);background:var(--zone-color);transition:border-color .15s ease,box-shadow .15s ease}.zone-column__drop:hover{border-color:var(--color-primary)}.zone-column__drop--drag-over{border-color:var(--color-primary);border-style:solid;box-shadow:var(--shadow-focus)}.zone-column__drop--selected{border-color:var(--color-accent);border-style:solid}.zone-column__drop--remove-mode{border-style:solid;border-color:var(--color-accent)}.zone-column__drop--filled{border-style:solid}.zone-column__surface{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:100%;min-height:0;padding:var(--space-3) var(--space-2) var(--space-8);border:none;background:transparent;cursor:pointer}.zone-column__placeholder{font-size:var(--text-sm);color:var(--color-text-muted);margin:auto 0}.zone-column__stack{display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-end;gap:var(--space-1);width:100%}.zone-column__piece-btn{display:inline-flex;padding:2px;border:2px solid transparent;border-radius:var(--radius-sm);background:transparent;cursor:pointer;transition:border-color .15s ease,transform .15s ease}.zone-column__piece-btn:hover{border-color:var(--color-accent);transform:scale(1.08)}.zone-column__piece-btn:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.zone-column__overflow{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;min-height:1.5rem;padding:0 var(--space-2);border-radius:var(--radius-full);background:#ffffffbf;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600}.zone-column__footer{position:absolute;bottom:var(--space-3);right:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.zone-column__count{min-width:2rem;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:var(--color-surface);border:2px solid var(--color-border);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;text-align:center}.zone-column__remove-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:2px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;line-height:1;color:var(--color-accent);cursor:pointer}.zone-column__remove-btn:hover{border-color:var(--color-accent);background:var(--color-col-decimal)}@media(max-width:767px){.zone-column__header{min-height:3.25rem;padding:var(--space-2) var(--space-1)}.zone-column__label{font-size:var(--text-xs);white-space:nowrap}.zone-column__label-full{display:none}.zone-column__label-short{display:inline}.zone-column__value{font-size:.65rem}.zone-column__drop{min-height:110px}}.zone-tray{display:flex;flex-direction:column;gap:var(--space-4)}.zone-tray__rim{padding:var(--space-3);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--color-tray-rim),#b8aea0);box-shadow:var(--shadow-card)}.zone-tray__inner{padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-tray-inner);border:2px solid rgb(255 255 255 / .5)}.zone-tray__columns{display:flex;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-2)}@media(max-width:767px){.zone-tray{gap:var(--space-3)}.zone-tray__rim,.zone-tray__inner{padding:var(--space-2)}.zone-tray__columns{gap:var(--space-1);overflow-x:visible;padding-bottom:0}}.regrouping-page{display:flex;flex-direction:column;gap:var(--space-8)}.regrouping-page__header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.regrouping-page__badge{display:inline-block;margin-bottom:var(--space-2);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);background:var(--color-success);font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#fff}.regrouping-page__title{font-size:clamp(var(--text-2xl),4vw,2.25rem);font-weight:800;margin-bottom:var(--space-2);color:var(--color-text)}.regrouping-page__subtitle{font-size:var(--text-base);color:var(--color-text-muted);max-width:40rem;line-height:1.5}.regrouping-page__help-toggle{min-height:44px;padding:var(--space-2) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--color-primary)}.regrouping-page__help-toggle:hover{background:var(--color-col-whole);border-color:var(--color-primary)}.regrouping-page__help{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);border:2px solid var(--color-border);color:var(--color-text-muted);line-height:1.5;font-size:var(--text-sm)}.regrouping-page__workbench{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);border:2px solid var(--color-border)}.regrouping-page__main{display:grid;gap:var(--space-4);align-items:start}.regrouping-page__tray-area{min-width:0}.regrouping-page__sidebar{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.regrouping-page__actions{display:flex;flex-direction:column;gap:var(--space-2)}.regrouping-page__actions .btn{width:100%}.regrouping-page__related-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}@media(min-width:768px){.regrouping-page__main{grid-template-columns:1fr minmax(11rem,14rem)}.regrouping-page__sidebar{position:sticky;top:calc(var(--header-height) + var(--space-4))}}@media(max-width:767px){.regrouping-page{--mobile-dock-height: 9.5rem;padding-bottom:calc(var(--mobile-dock-height) + env(safe-area-inset-bottom,0px))}.regrouping-page__workbench{gap:var(--space-3);padding:var(--space-3)}.regrouping-page__main{display:block}.regrouping-page__sidebar{position:fixed;bottom:0;left:0;right:0;z-index:50;gap:var(--space-2);padding:var(--space-2) var(--space-3);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px));background:var(--color-surface);border-top:2px solid var(--color-border);box-shadow:0 -4px 20px #2c2a261f}.regrouping-page__sidebar .interaction-mode{order:2}.regrouping-page__sidebar .interaction-mode__btn{min-height:38px;padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.regrouping-page__actions{flex-direction:row;order:3}.regrouping-page__actions .btn{flex:1;min-height:38px;padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}}.area-grid{--area-cell-size: 28px;display:flex;flex-direction:column;gap:1px;padding:var(--space-2);background:var(--color-border);border-radius:var(--radius-md);touch-action:none}.area-grid__row{display:flex;gap:1px}.area-grid__cell{width:var(--area-cell-size);height:var(--area-cell-size);padding:0;border:none;background:#fff;cursor:crosshair;touch-action:none}.area-grid__cell--filled{opacity:.85}.area-grid__cell:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}@media(max-width:768px){.area-grid{--area-cell-size: min(6.5vw, 26px)}}.area-board{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%;max-width:min(100%,72rem);margin-inline:auto}.area-board__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3);width:100%}.area-board__colors{display:flex;gap:var(--space-2)}.area-board__swatch{width:2rem;height:2rem;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer}.area-board__swatch--active{border-color:var(--color-text)}.area-board__modes{display:flex;gap:var(--space-2)}.area-board__readout{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);font-family:var(--font-display)}.area-board__readout-label{font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.area-board__readout-value{font-size:var(--text-2xl);font-weight:800;color:var(--color-primary)}@media(max-width:768px){.area-board{gap:var(--space-2)}.area-board__readout-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}}.geometry-tool-page{display:flex;flex-direction:column;gap:var(--space-8)}.geometry-tool-page__header{text-align:center}.geometry-tool-page__badge{display:inline-block;margin-bottom:var(--space-3);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);background:linear-gradient(90deg,#2d6a9f,#4a9e6f);font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#fff}.geometry-tool-page__title{font-size:clamp(var(--text-2xl),5vw,2.75rem);font-weight:800;margin-bottom:var(--space-3);background:linear-gradient(135deg,#2d6a9f,#4a9e6f);-webkit-background-clip:text;background-clip:text;color:transparent}.geometry-tool-page__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:40rem;margin-inline:auto}.geometry-tool-page__tip{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);max-width:36rem;margin-inline:auto}.geometry-tool-page__board{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);border:2px solid var(--color-border)}.geometry-tool-page__related{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.geometry-tool-page__related-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}@media(max-width:768px){.geometry-tool-page{gap:var(--space-2)}.geometry-tool-page__badge,.geometry-tool-page__subtitle,.geometry-tool-page__tip{display:none}.geometry-tool-page__title{font-size:var(--text-lg);margin-bottom:0}.geometry-tool-page__board{gap:var(--space-2);padding:var(--space-2)}.geometry-tool-page__related{display:none}}.geoboard-svg__wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.geoboard-svg{max-width:100%;height:auto;touch-action:none}.geoboard-svg__board{fill:#f5e6d3;stroke:#c4a882;stroke-width:2}.geoboard-svg__peg{fill:#5c4a32;pointer-events:none}.geoboard-svg__peg--pending{fill:var(--color-primary)}.geoboard-svg__peg-hit{fill:transparent;cursor:pointer}.geoboard-svg__band{cursor:pointer}.geoboard-svg__band--selected{filter:drop-shadow(0 0 3px rgba(0,0,0,.4))}.geoboard-svg__preview{pointer-events:none;opacity:.7}.geoboard-svg__fill{pointer-events:none}.geoboard-svg__shape-label{font-family:var(--font-display);font-size:18px;font-weight:800;fill:var(--color-text);pointer-events:none}@media(max-width:768px){.geoboard-svg{width:100%}}.band-toolbar{display:flex;flex-direction:column;gap:var(--space-3);align-items:center}.band-toolbar__colors{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.band-toolbar__swatch{width:2.25rem;height:2.25rem;border-radius:var(--radius-full);border:3px solid transparent;cursor:pointer;touch-action:none}.band-toolbar__swatch--active{border-color:var(--color-text);box-shadow:var(--shadow-focus)}.band-toolbar__hint{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;max-width:20rem}.band-toolbar__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}@media(max-width:768px){.band-toolbar__hint{display:none}}.geoboard-board{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%;max-width:min(100%,72rem);margin-inline:auto}@media(max-width:768px){.geoboard-board{gap:var(--space-2)}}.geoboard-ap-board{display:grid;grid-template-columns:auto auto auto;gap:var(--space-4);align-items:start;justify-content:center;width:fit-content;max-width:min(100%,72rem);margin-inline:auto}.geoboard-ap-board__sidebar-left{display:flex;flex-direction:column;gap:var(--space-3);align-items:center}.geoboard-ap-board__colors{display:flex;flex-direction:column;gap:var(--space-2)}.geoboard-ap-board__swatch{width:2.25rem;height:2.25rem;border-radius:var(--radius-full);border:3px solid transparent;cursor:pointer;touch-action:none}.geoboard-ap-board__swatch--active{border-color:var(--color-text);box-shadow:var(--shadow-focus)}.geoboard-ap-board__actions{display:flex;flex-direction:column;gap:var(--space-2);align-items:stretch}.geoboard-ap-board__sidebar-right{min-width:11rem;max-width:14rem}.geoboard-ap-board__metrics{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.geoboard-ap-board__metric{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-bg);font-size:var(--text-sm)}.geoboard-ap-board__metric-title{font-family:var(--font-display);font-weight:800;color:var(--color-primary)}@media(max-width:768px){.geoboard-ap-board{grid-template-columns:1fr;width:100%;gap:var(--space-2)}.geoboard-ap-board__sidebar-left,.geoboard-ap-board__colors,.geoboard-ap-board__actions{flex-direction:row;flex-wrap:wrap;justify-content:center}.geoboard-ap-board__sidebar-right{min-width:0;max-width:none;width:100%}.geoboard-ap-board__metrics{flex-direction:row;flex-wrap:wrap;justify-content:center}}.tangram-board{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%;max-width:min(100%,72rem);margin-inline:auto}.tangram-board__layout{display:flex;align-items:stretch;gap:var(--space-4);justify-content:center;width:fit-content;margin-inline:auto}.tangram-board__palette{display:flex;flex-direction:column;gap:var(--space-2);flex-shrink:0}.tangram-board__palette-piece{display:flex;align-items:center;justify-content:center;width:var(--tangram-cell-w, 56px);height:var(--tangram-cell-h, 44px);padding:var(--space-1);border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:grab;touch-action:none}.tangram-board__palette-piece svg{display:block}.tangram-board__workspace{position:relative;flex-shrink:0;border:2px solid var(--color-border);border-radius:var(--radius-md);background:#faf8f5;overflow:hidden}.tangram-board__pieces{display:block;position:relative;z-index:1}.tangram-board__piece{cursor:grab;touch-action:none}.tangram-board__piece--selected{filter:drop-shadow(0 0 4px rgba(0,0,0,.35))}.tangram-board__rotate-btns{display:flex;gap:4px}.tangram-board__rotate-btns button{width:2rem;height:2rem;border:2px solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-surface);font-size:1.1rem;cursor:pointer}.tangram-board__toolbar{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;align-items:center}@media(max-width:768px){.tangram-board__layout{flex-direction:column;align-items:center;width:100%}.tangram-board__palette{flex-direction:row;flex-wrap:wrap;justify-content:center}.tangram-board__workspace{width:min(100%,320px)!important;height:min(100vw - 2rem,320px)!important;margin-inline:auto}}.area-pe-board{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%;max-width:min(100%,72rem);margin-inline:auto}.area-pe-board__layout{display:grid;grid-template-columns:auto 1fr;gap:var(--space-4);align-items:start;justify-content:center;width:fit-content;margin-inline:auto}.area-pe-board__palette{display:flex;flex-direction:column;gap:var(--space-2)}.area-pe-board__block{width:2.5rem;height:2.5rem;border:2px solid transparent;border-radius:var(--radius-sm);cursor:grab;touch-action:none}.area-pe-board__block--active{border-color:var(--color-text)}.area-pe-board__workspace{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.area-pe-board__grid{position:relative;display:grid;background:var(--color-border);gap:1px;border-radius:var(--radius-md);overflow:hidden}.area-pe-board__cell{background:#fff}.area-pe-board__placed{width:100%;height:100%;border:none;cursor:pointer;padding:0}.area-pe-board__labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.area-pe-board__label{font-family:var(--font-display);font-size:11px;font-weight:800;fill:var(--color-primary)}.area-pe-board__totals{display:flex;gap:var(--space-4);font-family:var(--font-display);font-weight:800;color:var(--color-primary)}.area-pe-board__toolbar{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}@media(max-width:768px){.area-pe-board__layout{grid-template-columns:1fr;width:100%}.area-pe-board__palette{flex-direction:row;flex-wrap:wrap;justify-content:center}.area-pe-board__grid{max-width:100%;width:100%!important;height:auto!important;aspect-ratio:1}}.two-ray-angle-board{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%;max-width:min(100%,72rem);margin-inline:auto}.two-ray-angle-board__main{display:grid;grid-template-columns:1fr auto;gap:var(--space-4);align-items:center;justify-content:center;width:fit-content;margin-inline:auto}.two-ray-angle-board__svg{width:min(100%,360px);height:auto;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);touch-action:none}.two-ray-angle-board__arc{stroke:var(--color-primary);stroke-width:2;pointer-events:none}.two-ray-angle-board__vertex-angle{font-family:var(--font-display);font-size:14px;font-weight:800;fill:var(--color-primary);pointer-events:none}.two-ray-angle-board__vertex{fill:var(--color-primary)}.two-ray-angle-board__ray{stroke:var(--color-text);stroke-width:3;stroke-linecap:round}.two-ray-angle-board__handle{fill:var(--color-accent);cursor:grab;touch-action:none}.two-ray-angle-board__panel{display:flex;flex-direction:column;gap:var(--space-3);min-width:10rem}.two-ray-angle-board__angle{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;margin:0}.two-ray-angle-board__angle-symbol{margin-right:var(--space-1)}@media(max-width:768px){.two-ray-angle-board__main{grid-template-columns:1fr;width:100%}.two-ray-angle-board__panel{flex-direction:row;justify-content:center;flex-wrap:wrap;min-width:0}}.angles-at-point-board{display:flex;flex-direction:column;align-items:center;width:100%;max-width:min(100%,72rem);margin-inline:auto}.angles-at-point-board__main{display:grid;grid-template-columns:1fr auto;gap:var(--space-4);align-items:center;justify-content:center;width:fit-content;margin-inline:auto}.angles-at-point-board__svg{width:min(100%,400px);height:auto;border:2px solid var(--color-border);border-radius:var(--radius-md);touch-action:none}.angles-at-point-board__guide{fill:none;stroke:var(--color-border);stroke-dasharray:4 4}.angles-at-point-board__ray{stroke:var(--color-text);stroke-width:3;stroke-linecap:round}.angles-at-point-board__center{fill:var(--color-primary)}.angles-at-point-board__center-label{font-family:var(--font-display);font-size:18px;font-weight:800;fill:var(--color-primary)}.angles-at-point-board__handle{fill:var(--color-accent);cursor:grab;touch-action:none}.angles-at-point-board__ray-label{font-family:var(--font-display);font-size:16px;font-weight:800;fill:var(--color-text)}.angles-at-point-board__angle-label{font-family:var(--font-display);font-size:13px;font-weight:800;fill:var(--color-primary);pointer-events:none}.angles-at-point-board__panel{min-width:11rem}.angles-at-point-board__list{list-style:none;padding:0;margin:0 0 var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);font-family:var(--font-display);font-weight:800}.angles-at-point-board__angle-symbol{margin-right:2px}.angles-at-point-board__sum{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}@media(max-width:768px){.angles-at-point-board__main{grid-template-columns:1fr;width:100%}}.quad-explorer-board{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%;max-width:min(100%,72rem);margin-inline:auto}.quad-explorer-board__main{display:grid;grid-template-columns:1fr auto;gap:var(--space-4);align-items:center;justify-content:center;width:fit-content;margin-inline:auto}.quad-explorer-board__svg{width:min(100%,400px);height:auto;border:2px solid var(--color-border);border-radius:var(--radius-md);touch-action:none}.quad-explorer-board__shape{fill:#2d6a9f33;stroke:var(--color-primary);stroke-width:3}.quad-explorer-board__handle{fill:var(--color-accent);cursor:grab;touch-action:none}.quad-explorer-board__label{font-family:var(--font-display);font-size:16px;font-weight:800;fill:var(--color-text)}.quad-explorer-board__angle-label{font-family:var(--font-display);font-size:13px;font-weight:800;fill:var(--color-primary);pointer-events:none}.quad-explorer-board__panel{min-width:9rem}.quad-explorer-board__angles{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2);font-family:var(--font-display);font-weight:800}@media(max-width:768px){.quad-explorer-board__main{grid-template-columns:1fr;width:100%}.quad-explorer-board__angles{flex-direction:row;flex-wrap:wrap;justify-content:center}}.quad-angles-board{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%;max-width:min(100%,72rem);margin-inline:auto}.quad-angles-board__inputs{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4);width:100%}.quad-angles-board__field{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:800}.quad-angles-board__field input{width:4rem;padding:var(--space-2);border:2px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-lg);text-align:center}.quad-angles-board__field input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.quad-angles-board__unit{color:var(--color-text-muted)}.quad-angles-board__sum{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;text-align:center}.quad-angles-board__toolbar{display:flex;justify-content:center}.quad-angles-board__angle-label{font-family:var(--font-display);font-size:13px;font-weight:800;fill:var(--color-primary);pointer-events:none}.quad-angles-board__workspace{width:100%;display:flex;justify-content:center}.quad-angles-board__svg{width:min(100%,400px);height:auto;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.quad-angles-board__shape{fill:#4a9e6f40;stroke:#4a9e6f;stroke-width:3}.quad-angles-board__placeholder{font-family:var(--font-body);font-size:14px;fill:var(--color-text-muted)}.quad-angles-board__vertex-label{font-family:var(--font-display);font-size:16px;font-weight:800;fill:var(--color-text)}@media(max-width:768px){.quad-angles-board__inputs{gap:var(--space-2)}}.graph-tool-workspace{--graph-tool-controls-width: 16rem;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%;max-width:100%;margin-inline:auto}.graph-tool-workspace--wide-panel{--graph-tool-controls-width: 18rem}.graph-tool-workspace__row{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:var(--space-4);width:100%;max-height:calc(100svh - 8rem)}.graph-tool-workspace__canvas-wrap{flex:1 1 auto;min-width:0;display:flex;justify-content:center;width:100%;max-width:100%}.graph-tool-workspace__controls{display:flex;flex-direction:column;align-items:stretch;flex:0 0 auto;gap:var(--space-3);width:var(--graph-tool-controls-width);max-height:calc(100svh - 8rem);padding:var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow-y:auto}.graph-tool-workspace__actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3);flex-shrink:0}.graph-tool-workspace__panel{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3);border-top:2px solid var(--color-border);flex:1 1 auto;min-height:0}.graph-tool-workspace__actions .graph-tool-workspace__btn:not(.graph-tool-workspace__btn--step){width:100%}.graph-tool-workspace__btn--step{width:auto;min-width:2.5rem;flex-shrink:0}.graph-tool-workspace__label--short{display:none}.graph-tool-workspace__unit-field{display:flex;flex-direction:column;gap:var(--space-1)}.graph-tool-workspace__unit{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%}.graph-tool-workspace__unit-label{flex:1 1 auto;min-width:5.5rem;padding-inline:var(--space-1);text-align:center;font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;line-height:1.3;white-space:nowrap;color:var(--color-text)}.graph-tool-workspace__unit-field-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted)}.graph-tool-workspace__unit-input{width:100%;padding:var(--space-2) var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-sm);background:var(--color-bg);color:var(--color-text)}.graph-tool-workspace__hint{max-width:36rem;margin:0;text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}@media(max-width:768px){.graph-tool-workspace{--graph-tool-dock-height: 7.75rem;--graph-tool-mobile-chrome: 6.5rem;gap:var(--space-2);width:100%;max-width:100%;padding-bottom:calc(var(--graph-tool-dock-height) + env(safe-area-inset-bottom,0px))}.graph-tool-workspace__row{flex-direction:column;align-items:center;gap:var(--space-2);max-height:none}.graph-tool-workspace__canvas-wrap{width:100%;display:flex;justify-content:center}.graph-tool-workspace__hint,.graph-tool-workspace__label--long{display:none}.graph-tool-workspace__label--short{display:inline}.graph-tool-workspace__controls{position:static;width:100%;max-width:100%;max-height:none;padding:0;border:none;border-radius:0;background:transparent;overflow:visible;gap:var(--space-2)}.graph-tool-workspace__panel{order:-1;padding:var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.graph-tool-workspace__actions{position:fixed;inset-inline:0;bottom:0;z-index:50;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:var(--space-2);padding:var(--space-2) var(--space-3);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px));border-top:2px solid var(--color-border);background:var(--color-surface);box-shadow:0 -4px 20px #2c2a261f}.graph-tool-workspace__btn{min-height:40px;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);width:100%}.graph-tool-workspace__btn--step{width:auto;min-width:1.75rem;min-height:32px;padding:var(--space-1);flex-shrink:0;font-size:var(--text-sm);line-height:1}.graph-tool-workspace__unit{grid-column:1 / -1;justify-content:center;gap:var(--space-2);width:100%;max-width:none;margin-inline:auto}.graph-tool-workspace__unit-label{font-size:var(--text-xs)}.graph-tool-workspace__btn--full-row{grid-column:1 / -1;justify-self:center;width:auto;min-width:7rem}}.graph-plotter-plane{--graph-canvas-scale: 1;cursor:crosshair}.graph-plotter-plane__background{fill:#fafbfc}.graph-plotter-plane__grid{stroke:#dde3ea;stroke-width:1;pointer-events:none}.graph-plotter-plane__axis{stroke:var(--color-text);stroke-width:2;pointer-events:none}.graph-plotter-plane__tick{font-family:var(--font-body);font-size:11px;fill:var(--color-text-muted);pointer-events:none}.graph-plotter-plane__point{fill:var(--color-primary);stroke:#fff;stroke-width:2;pointer-events:none}.graph-plotter-plane__coord-label{font-family:var(--font-display);font-size:12px;font-weight:700;fill:var(--color-primary);pointer-events:none}@media(max-width:768px){.graph-plotter-plane__tick{font-size:8px}.graph-plotter-plane__coord-label{font-size:9px;font-weight:700}.graph-plotter-plane__point{stroke-width:1.5}}.graph-plotter-board{width:100%}.graphs-tool-page{display:flex;flex-direction:column;gap:var(--space-8)}.graphs-tool-page__header{text-align:center}.graphs-tool-page__badge{display:inline-block;margin-bottom:var(--space-3);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);background:linear-gradient(90deg,#5b4b9a,#2d6a9f);font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#fff}.graphs-tool-page__title{font-size:clamp(var(--text-2xl),5vw,2.75rem);font-weight:800;margin-bottom:var(--space-3);background:linear-gradient(135deg,#5b4b9a,#2d6a9f);-webkit-background-clip:text;background-clip:text;color:transparent}.graphs-tool-page__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:40rem;margin-inline:auto}.graphs-tool-page__tip{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);max-width:36rem;margin-inline:auto}.graphs-tool-page__board{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);border:2px solid var(--color-border)}.graphs-tool-page__related{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.graphs-tool-page__related-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}@media(max-width:768px){.graphs-tool-page{gap:var(--space-2)}.graphs-tool-page__badge,.graphs-tool-page__subtitle,.graphs-tool-page__tip{display:none}.graphs-tool-page__title{font-size:var(--text-lg);margin-bottom:0}.graphs-tool-page__board{gap:var(--space-2);padding:var(--space-2)}.graphs-tool-page__related{display:none}}@media(max-width:768px){.graph-plotter-page.graphs-tool-page{gap:var(--space-2)}.graph-plotter-page .graphs-tool-page__board{padding:var(--space-1);border:none;box-shadow:none;background:transparent}}.bar-chart-data-panel{display:flex;flex-direction:column;gap:var(--space-2)}.bar-chart-data-panel__heading{margin:0;font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--color-text)}.bar-chart-data-panel__field{display:flex;flex-direction:column;gap:var(--space-1)}.bar-chart-data-panel__label,.bar-chart-data-panel__col-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted)}.bar-chart-data-panel__input{width:100%;padding:var(--space-1) var(--space-2);border:2px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-sm);background:var(--color-bg);color:var(--color-text)}.bar-chart-data-panel__input--unit,.bar-chart-data-panel__input--value{max-width:5rem}.bar-chart-data-panel__bars{display:flex;flex-direction:column;gap:var(--space-1)}.bar-chart-data-panel__bars-header{display:grid;grid-template-columns:1fr 4rem 1.75rem;gap:var(--space-1)}.bar-chart-data-panel__bar-row{display:grid;grid-template-columns:1fr 4rem 1.75rem;gap:var(--space-1);align-items:center}.bar-chart-data-panel__remove{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);font-size:var(--text-lg);line-height:1;color:var(--color-text-muted);cursor:pointer}.bar-chart-data-panel__remove:disabled{opacity:.35;cursor:not-allowed}.bar-chart-data-panel__add{align-self:flex-start;padding:var(--space-1) var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;color:var(--color-text);cursor:pointer}.bar-chart-data-panel__add:disabled{opacity:.35;cursor:not-allowed}.reading-bar-chart-canvas__bg{fill:#fafbfc}.reading-bar-chart-canvas__title{font-family:var(--font-display);font-size:13px;font-weight:700;fill:var(--color-text)}.reading-bar-chart-canvas__axis{stroke:var(--color-text);stroke-width:1.5}.reading-bar-chart-canvas__tick-line{stroke:var(--color-text);stroke-width:1}.reading-bar-chart-canvas__tick-label{font-family:var(--font-body);font-size:9px;fill:var(--color-text-muted)}.reading-bar-chart-canvas__grid-line{stroke:#dde3ea;stroke-width:1}.reading-bar-chart-canvas__bar{cursor:pointer;outline:none}.reading-bar-chart-canvas__bar:focus-visible{stroke:var(--color-text);stroke-width:2}.reading-bar-chart-canvas__value-label{font-family:var(--font-display);font-size:10px;font-weight:700;fill:var(--color-text);pointer-events:none}.reading-bar-chart-canvas__category-label{font-family:var(--font-body);font-size:10px;fill:var(--color-text-muted);pointer-events:none}@media(max-width:768px){.reading-bar-chart-canvas__title{font-size:10px}.reading-bar-chart-canvas__tick-label{font-size:7px}.reading-bar-chart-canvas__value-label,.reading-bar-chart-canvas__category-label{font-size:8px}}.reading-bar-chart-board{width:100%}@media(max-width:768px){.reading-bar-chart-page.graphs-tool-page{gap:var(--space-2)}.reading-bar-chart-page .graphs-tool-page__board{padding:var(--space-1);border:none;box-shadow:none;background:transparent}}.advanced-chart-canvas__bg{fill:#fafbfc}.advanced-chart-canvas__title{font-family:var(--font-display);font-size:13px;font-weight:700;fill:var(--color-text)}.advanced-chart-canvas__axis{stroke:var(--color-text);stroke-width:1.5}.advanced-chart-canvas__tick-line{stroke:var(--color-text);stroke-width:1}.advanced-chart-canvas__tick-label{font-family:var(--font-body);font-size:9px;fill:var(--color-text-muted)}.advanced-chart-canvas__grid-line{stroke:#dde3ea;stroke-width:1}.advanced-chart-canvas__bar{cursor:pointer;outline:none}.advanced-chart-canvas__bar:focus-visible{stroke:var(--color-text);stroke-width:2}.advanced-chart-canvas__line{pointer-events:none}.advanced-chart-canvas__marker{outline:none}.advanced-chart-canvas__marker:focus-visible{stroke:var(--color-text);stroke-width:3}.advanced-chart-canvas__value-label{font-family:var(--font-display);font-size:10px;font-weight:700;fill:var(--color-text);pointer-events:none}.advanced-chart-canvas__category-label{font-family:var(--font-body);font-size:10px;fill:var(--color-text-muted);pointer-events:none}@media(max-width:768px){.advanced-chart-canvas__title{font-size:10px}.advanced-chart-canvas__tick-label{font-size:7px}.advanced-chart-canvas__value-label,.advanced-chart-canvas__category-label{font-size:8px}}.advanced-chart-data-panel{display:flex;flex-direction:column;gap:var(--space-2)}.advanced-chart-data-panel__heading{margin:0;font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--color-text)}.advanced-chart-data-panel__field{display:flex;flex-direction:column;gap:var(--space-1)}.advanced-chart-data-panel__label,.advanced-chart-data-panel__col-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted)}.advanced-chart-data-panel__input{width:100%;padding:var(--space-1) var(--space-2);border:2px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-sm);background:var(--color-bg);color:var(--color-text)}.advanced-chart-data-panel__scale-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.advanced-chart-data-panel__input--scale,.advanced-chart-data-panel__input--value{max-width:100%}.advanced-chart-data-panel__hint{margin:calc(-1 * var(--space-1)) 0 0;font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.4}.advanced-chart-data-panel__bars{display:flex;flex-direction:column;gap:var(--space-1)}.advanced-chart-data-panel__bars-header{display:grid;grid-template-columns:1fr 4rem 1.75rem;gap:var(--space-1)}.advanced-chart-data-panel__bar-row{display:grid;grid-template-columns:1fr 4rem 1.75rem;gap:var(--space-1);align-items:center}.advanced-chart-data-panel__remove{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);font-size:var(--text-lg);line-height:1;color:var(--color-text-muted);cursor:pointer}.advanced-chart-data-panel__remove:disabled{opacity:.35;cursor:not-allowed}.advanced-chart-data-panel__add{align-self:flex-start;padding:var(--space-1) var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;color:var(--color-text);cursor:pointer}.advanced-chart-data-panel__add:disabled{opacity:.35;cursor:not-allowed}@media(max-width:768px){.advanced-chart-data-panel__bars-header,.advanced-chart-data-panel__bar-row{grid-template-columns:1fr minmax(3rem,4rem) 1.75rem}}.advanced-chart-board{width:100%}.advanced-chart-board__main{display:flex;flex-direction:column;gap:var(--space-2);align-items:center}.advanced-chart-board__chart-toolbar{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;width:100%;max-width:100%}.advanced-chart-board__type-btn{min-width:8rem}.advanced-chart-board__type-label--short{display:none}@media(max-width:768px){.advanced-chart-board__main,.advanced-chart-board__chart-toolbar{gap:var(--space-1)}.advanced-chart-board__type-btn{min-width:0;flex:1 1 calc(50% - var(--space-1));max-width:calc(50% - var(--space-1) / 2);padding-inline:var(--space-2);font-size:var(--text-xs)}.advanced-chart-board__type-label--long{display:none}.advanced-chart-board__type-label--short{display:inline}}@media(max-width:768px){.advanced-chart-page.graphs-tool-page{gap:var(--space-2)}.advanced-chart-page .graphs-tool-page__board{padding:var(--space-1);border:none;box-shadow:none;background:transparent}.advanced-chart-page .graphs-tool-page__tip{display:none}}.pie-chart-canvas__bg{fill:#fafbfc}.pie-chart-canvas__empty{font-family:var(--font-body);font-size:14px;fill:var(--color-text-muted)}.pie-chart-canvas__slice{stroke:#fff;stroke-width:2;cursor:default;outline:none}.pie-chart-canvas__slice--focused,.pie-chart-canvas__slice:focus-visible{stroke:var(--color-text);stroke-width:3}.pie-chart-canvas__slice-label{font-family:var(--font-display);font-size:13px;font-weight:800;fill:#fff;paint-order:stroke;stroke:#00000059;stroke-width:3px}.pie-chart-canvas__slice-sub{font-family:var(--font-body);font-size:10px;font-weight:600;fill:#fff;paint-order:stroke;stroke:#00000059;stroke-width:2px}@media(max-width:768px){.pie-chart-canvas__slice-label{font-size:10px}.pie-chart-canvas__slice-sub{font-size:8px}}.pie-chart-data-table{width:100%}.pie-chart-data-table__caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pie-chart-data-table__table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.pie-chart-data-table__table th{text-align:left;font-size:var(--text-xs);font-weight:700;color:var(--color-text-muted);padding-bottom:var(--space-1)}.pie-chart-data-table__table td{padding-block:var(--space-1)}.pie-chart-data-table__input{width:100%;padding:var(--space-1) var(--space-2);border:2px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-sm);background:var(--color-bg);color:var(--color-text)}.pie-chart-data-table__input--value{width:4.5rem;max-width:100%}.pie-chart-data-table__table th:nth-child(2),.pie-chart-data-table__table td:nth-child(2){width:4.5rem}.pie-chart-board{width:100%}@media(max-width:768px){.pie-chart-page.graphs-tool-page{gap:var(--space-2)}.pie-chart-page .graphs-tool-page__board{padding:var(--space-1);border:none;box-shadow:none;background:transparent}}.graph-chart-canvas{display:block;width:min(100%,calc(100svh - 10rem),calc(100vw - var(--graph-tool-controls-width, 16rem) - 3rem));height:auto;aspect-ratio:1;touch-action:none;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);user-select:none;-webkit-user-select:none}.graph-chart-canvas--interactive{cursor:default}@media(max-width:768px){.graph-chart-canvas{width:min(100%,calc(100vw - 2 * var(--space-3)),calc(100svh - var(--graph-tool-mobile-chrome, 6.5rem) - var(--graph-tool-dock-height, 7.75rem)));max-width:100%;margin-inline:auto;border-radius:var(--radius-sm)}}.basket-canvas{position:relative;overflow:hidden}.basket-canvas__svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.basket-canvas__bg{fill:#f5ead6}.basket-canvas__basket{fill:#c4a574;stroke:#8d6e3f;stroke-width:3}.basket-canvas__basket-inner{fill:#f5ead6;stroke:#d4b896;stroke-width:1}.basket-canvas__weave{stroke:#a08050;stroke-width:1;opacity:.35}.basket-canvas__fruits{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.basket-canvas__fruit{position:absolute;padding:0;border:none;background:transparent;cursor:grab;pointer-events:auto;touch-action:none;border-radius:50%;transform-origin:center center;display:flex;align-items:center;justify-content:center}.basket-canvas__fruit:active{cursor:grabbing}.basket-canvas__fruit:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.basket-canvas__fruit-icon{width:100%;height:100%}.basket-canvas__ghost{position:fixed;pointer-events:none;opacity:.75;z-index:9999}.fruit-counter{padding-top:var(--space-3);border-top:2px solid var(--color-border)}.fruit-counter__heading{margin:0 0 var(--space-2);font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted)}.fruit-counter__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.fruit-counter__row,.fruit-counter__total-row{display:grid;grid-template-columns:28px minmax(0,1fr) 3.25rem 2.5rem;align-items:center;gap:var(--space-2)}.fruit-counter__label{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.fruit-counter__count{justify-self:center;width:2.5rem;font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;font-variant-numeric:tabular-nums;color:var(--color-text);text-align:center}.fruit-counter__count--hidden{visibility:hidden}.fruit-counter__guess-input{width:3.25rem;justify-self:end;padding:.25rem .35rem;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-sm);font-variant-numeric:tabular-nums;text-align:center}.fruit-counter__total-row{margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--color-border)}.fruit-counter__total-spacer{width:28px}.fruit-counter__total-label{font-size:var(--text-sm);font-weight:700;color:var(--color-text)}.fruit-counter__guess-input--total{justify-self:end}.fruit-counter__count--total{font-size:var(--text-lg)}@media(max-width:768px){.fruit-counter{padding-top:var(--space-2)}.fruit-counter__heading{display:none}.fruit-counter__label{font-size:var(--text-xs)}.fruit-counter__count{font-size:var(--text-base)}}.fruit-palette__heading{margin:0 0 var(--space-2);font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted)}.fruit-palette__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.fruit-palette__item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2);border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);cursor:grab;touch-action:none}.fruit-palette__item:active{cursor:grabbing}.fruit-palette__item:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.fruit-palette__label{font-size:var(--text-xs);font-weight:600;color:var(--color-text)}@media(max-width:768px){.fruit-palette__heading{display:none}.fruit-palette__item{padding:var(--space-1);min-height:56px}.fruit-palette__label{font-size:.65rem}}.items-in-basket-board{width:100%}.items-in-basket-board__panel{display:flex;flex-direction:column;gap:var(--space-3)}.items-in-basket-board__random{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3);border-top:2px solid var(--color-border)}.items-in-basket-board__show-btn{width:100%}.items-in-basket-board__max-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted)}.items-in-basket-board__max-input{width:100%;padding:var(--space-2) var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-sm);background:var(--color-bg);color:var(--color-text)}.items-in-basket-board__random-btn{width:100%}.items-in-basket-board__random-mobile{display:none}@media(max-width:768px){.items-in-basket-board__panel{gap:var(--space-2)}.items-in-basket-board__random{display:none}.items-in-basket-board__random-mobile{display:block}}.items-in-basket-page{display:flex;flex-direction:column;gap:var(--space-8)}.items-in-basket-page__header{text-align:center}.items-in-basket-page__badge{display:inline-block;margin-bottom:var(--space-3);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);background:linear-gradient(90deg,#2d6a9f,#6b9b4a);font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#fff}.items-in-basket-page__title{font-size:clamp(var(--text-2xl),5vw,2.75rem);font-weight:800;margin-bottom:var(--space-3);background:linear-gradient(135deg,#2d6a9f,#6b9b4a);-webkit-background-clip:text;background-clip:text;color:transparent}.items-in-basket-page__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:40rem;margin-inline:auto}.items-in-basket-page__tip{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);max-width:36rem;margin-inline:auto}.items-in-basket-page__board{display:flex;flex-direction:column;align-items:center;padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);border:2px solid var(--color-border)}.items-in-basket-page__related-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}@media(max-width:768px){.items-in-basket-page{gap:var(--space-2)}.items-in-basket-page__badge,.items-in-basket-page__subtitle,.items-in-basket-page__tip{display:none}.items-in-basket-page__title{font-size:var(--text-lg);margin-bottom:0}.items-in-basket-page__board{padding:var(--space-2);border:none;box-shadow:none;background:transparent}.items-in-basket-page__related{display:none}}.template-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.template-overlay__svg{width:100%;height:100%}.template-overlay__line{stroke:var(--color-border);stroke-width:1.5;vector-effect:non-scaling-stroke}.template-overlay__line--bold{stroke:var(--color-text-muted);stroke-width:2.5}.template-overlay__field-split:before{content:"";position:absolute;top:8%;bottom:8%;left:50%;width:2px;background:var(--color-border);transform:translate(-50%)}.template-overlay__rows{display:flex;flex-direction:column;height:100%;padding:var(--space-2);gap:var(--space-1)}.template-overlay__row-label{flex:1;display:flex;align-items:flex-start;padding:var(--space-2);font-size:var(--text-xs);font-weight:700;color:var(--color-text-muted);border:1px dashed var(--color-border);border-radius:var(--radius-sm)}.tile-canvas{display:flex;flex-direction:column;gap:var(--space-2);flex:1;min-width:0}.tile-canvas__label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;text-align:center;color:var(--color-text-muted)}.tile-canvas__board{position:relative;flex:1;min-height:240px;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-tray-inner);overflow:hidden}.tile-canvas__tile{position:absolute;z-index:2;width:32px;height:32px;border:2px solid rgb(255 255 255 / .5);border-radius:var(--radius-sm);box-shadow:0 2px 6px #2c2a2626;cursor:grab;touch-action:none;display:flex;align-items:center;justify-content:center;transition:transform .1s ease}.tile-canvas__tile:active{cursor:grabbing;transform:scale(1.05);z-index:3}.tile-canvas__tile-label{font-family:var(--font-mono);font-size:var(--text-base);font-weight:800;color:#fff;text-shadow:0 1px 2px rgb(0 0 0 / .2);line-height:1}@media(max-width:768px){.tile-canvas__board{min-height:180px}.tile-canvas__tile{width:28px;height:28px}.tile-canvas__tile-label{font-size:var(--text-sm)}}.tile-palette{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-muted);border:2px solid var(--color-border);min-width:0}.tile-palette__heading{font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);text-align:center}.tile-palette__group{display:flex;flex-direction:column;gap:var(--space-1)}.tile-palette__group-label{font-size:var(--text-xs);font-weight:700;color:var(--color-text-muted)}.tile-palette__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-1)}.tile-palette__grid--symbols{grid-template-columns:repeat(3,1fr)}.tile-palette__tile{aspect-ratio:1;border:2px solid rgb(255 255 255 / .45);border-radius:var(--radius-sm);cursor:grab;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #2c2a261f;touch-action:none;min-height:0}.tile-palette__tile:active:not(:disabled){cursor:grabbing;transform:scale(1.05)}.tile-palette__tile--locked{opacity:.4;cursor:not-allowed}.tile-palette__tile-label{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:800;color:#fff;text-shadow:0 1px 2px rgb(0 0 0 / .2)}.tile-palette__hint{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center}@media(max-width:768px){.tile-palette{padding:var(--space-2)}.tile-palette__hint{display:none}}.number-tiles-board{display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-width:100%;margin-inline:auto}.number-tiles-board__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3)}.number-tiles-board__toolbar-group{display:flex;align-items:center;gap:var(--space-2)}.number-tiles-board__label{font-size:var(--text-sm);font-weight:700;color:var(--color-text-muted)}.number-tiles-board__select{padding:var(--space-2) var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-sm);background:var(--color-surface)}.number-tiles-board__checkbox{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);cursor:pointer}.number-tiles-board__main{display:flex;gap:var(--space-3);align-items:stretch;width:100%}.number-tiles-board__main>.tile-palette{flex:0 0 25%;max-width:25%}.number-tiles-board__canvases{display:flex;flex:0 0 75%;max-width:75%;min-width:0}.number-tiles-board__canvases--dual{gap:var(--space-3)}.number-tiles-board__teacher{font-size:var(--text-sm);color:var(--color-text-muted)}.number-tiles-board__teacher summary{cursor:pointer;font-weight:700;text-align:center}.number-tiles-board__teacher-panel{margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-muted)}.number-tiles-board__teacher-label{margin-bottom:var(--space-2);text-align:center}.number-tiles-board__lock-grid{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.number-tiles-board__ghost{position:fixed;z-index:9999;width:32px;height:32px;border-radius:var(--radius-sm);border:2px solid rgb(255 255 255 / .5);display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:.85;box-shadow:0 4px 12px #2c2a2640}.number-tiles-board__ghost span{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:800;color:#fff}@media(max-width:768px){.number-tiles-board{gap:var(--space-2)}.number-tiles-board__main{flex-direction:column;gap:var(--space-2)}.number-tiles-board__main>.tile-palette,.number-tiles-board__canvases{flex:1 1 auto;max-width:100%}.number-tiles-board__canvases--dual{flex-direction:column;gap:var(--space-2)}.number-tiles-board__toolbar{gap:var(--space-2)}}.number-tiles-page{display:flex;flex-direction:column;gap:var(--space-8)}.number-tiles-page__header{text-align:center}.number-tiles-page__badge{display:inline-block;margin-bottom:var(--space-3);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);background:linear-gradient(90deg,#2d6a9f,#6b9b4a);font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#fff}.number-tiles-page__title{font-size:clamp(var(--text-2xl),5vw,2.75rem);font-weight:800;margin-bottom:var(--space-3);background:linear-gradient(135deg,#2d6a9f,#6b9b4a);-webkit-background-clip:text;background-clip:text;color:transparent}.number-tiles-page__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:40rem;margin-inline:auto}.number-tiles-page__tip{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);max-width:32rem;margin-inline:auto}.number-tiles-page__board{padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);border:2px solid var(--color-border)}.number-tiles-page__related-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}@media(max-width:768px){.number-tiles-page{gap:var(--space-2)}.number-tiles-page__badge,.number-tiles-page__subtitle,.number-tiles-page__tip{display:none}.number-tiles-page__title{font-size:var(--text-lg);margin-bottom:0}.number-tiles-page__board{padding:var(--space-2)}}.coloured-bars{display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-width:100%;margin-inline:auto}.coloured-bars__toolbar{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.coloured-bars__label{font-size:var(--text-sm);font-weight:700;color:var(--color-text-muted)}.coloured-bars__select{padding:var(--space-2) var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--color-surface)}.coloured-bars__layout{display:flex;gap:var(--space-3);align-items:stretch;width:100%}.coloured-bars__palette{flex:0 0 25%;max-width:25%;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-muted);border:2px solid var(--color-border);min-width:0}.coloured-bars__palette-heading{font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);text-align:center}.coloured-bars__palette-list{display:flex;flex-direction:column;gap:var(--space-1)}.coloured-bars__workspace-wrap{flex:0 0 75%;max-width:75%;min-width:0}.coloured-bars__workspace{position:relative;width:100%;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-tray-inner);padding-bottom:2.25rem}.coloured-bars__grid-lines{position:absolute;top:0;right:0;bottom:2.25rem;left:0;pointer-events:none}.coloured-bars__grid-line{position:absolute;top:0;bottom:0;width:1px;background:var(--color-border);transform:translate(-50%)}.coloured-bars__grid-line--major{width:3px;background:var(--color-text-muted)}.coloured-bars__row{position:relative;height:var(--row-height);border-bottom:1px solid var(--color-border)}.coloured-bars__row:last-of-type{border-bottom:none}.coloured-bars__bar{position:relative;border:2px solid rgb(255 255 255 / .4);border-radius:var(--radius-sm);cursor:grab;touch-action:none;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #2c2a261f}.coloured-bars__bar--palette{height:22px;min-width:0}.coloured-bars__bar--placed{position:absolute;top:4px;height:calc(var(--row-height) - 8px);z-index:2}.coloured-bars__bar:active{cursor:grabbing;z-index:3}.coloured-bars__bar-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:800;color:#fff;text-shadow:0 1px 2px rgb(0 0 0 / .25)}.coloured-bars__ruler{position:absolute;left:0;right:0;bottom:0;height:2.25rem;border-top:2px solid var(--color-text-muted);background:var(--color-surface-muted);pointer-events:none}.coloured-bars__ruler-mark{position:absolute;bottom:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;padding-bottom:var(--space-1);font-size:.625rem;font-weight:700;color:var(--color-text-muted)}.coloured-bars__ruler-mark:before{content:"";width:1px;height:.5rem;background:var(--color-border);margin-bottom:2px}.coloured-bars__ruler-mark--major{font-size:var(--text-sm);font-weight:800;color:var(--color-text)}.coloured-bars__ruler-mark--major:before{width:3px;height:.75rem;background:var(--color-text-muted)}.coloured-bars__ghost{position:fixed;z-index:9999;height:22px;transform:translate(-50%,-50%);border-radius:var(--radius-sm);border:2px solid rgb(255 255 255 / .5);pointer-events:none;opacity:.85;box-shadow:0 4px 12px #2c2a2640}@media(max-width:768px){.coloured-bars__layout{flex-direction:column;gap:var(--space-2)}.coloured-bars__palette,.coloured-bars__workspace-wrap{flex:1 1 auto;max-width:100%}.coloured-bars__palette-list{flex-direction:row;flex-wrap:wrap;gap:var(--space-1)}.coloured-bars__bar--palette{height:20px}}.coloured-bars-page{display:flex;flex-direction:column;gap:var(--space-8)}.coloured-bars-page__header{text-align:center}.coloured-bars-page__badge{display:inline-block;margin-bottom:var(--space-3);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);background:linear-gradient(90deg,#c45c5c,#5b7fc4);font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#fff}.coloured-bars-page__title{font-size:clamp(var(--text-2xl),5vw,2.75rem);font-weight:800;margin-bottom:var(--space-3);background:linear-gradient(135deg,#c45c5c,#5b7fc4);-webkit-background-clip:text;background-clip:text;color:transparent}.coloured-bars-page__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:40rem;margin-inline:auto}.coloured-bars-page__tip{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);max-width:32rem;margin-inline:auto}.coloured-bars-page__board{padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);border:2px solid var(--color-border)}.coloured-bars-page__related-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}@media(max-width:768px){.coloured-bars-page{gap:var(--space-2)}.coloured-bars-page__badge,.coloured-bars-page__subtitle,.coloured-bars-page__tip{display:none}.coloured-bars-page__title{font-size:var(--text-lg);margin-bottom:0}.coloured-bars-page__board{padding:var(--space-2)}}.coloured-bar-up-to-10{display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-width:32rem;margin-inline:auto}.coloured-bar-up-to-10__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3)}.coloured-bar-up-to-10__mode{margin:0;padding:var(--space-2) var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted)}.coloured-bar-up-to-10__mode-legend{padding:0 var(--space-2);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.coloured-bar-up-to-10__mode-options{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4)}.coloured-bar-up-to-10__mode-option{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--color-text);cursor:pointer}.coloured-bar-up-to-10__track-wrap{width:100%}.coloured-bar-up-to-10__track{display:flex;width:100%;min-height:3.5rem;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-tray-inner);overflow:hidden}.coloured-bar-up-to-10__segment{position:relative;min-width:0;border:none;border-right:2px solid rgb(255 255 255 / .35);padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 -2px #00000014;transition:filter .15s ease}.coloured-bar-up-to-10__segment:last-child{border-right:none}.coloured-bar-up-to-10__segment:hover:not(:disabled){filter:brightness(1.06)}.coloured-bar-up-to-10__segment:active:not(:disabled){filter:brightness(.94)}.coloured-bar-up-to-10__segment:disabled{cursor:default;opacity:.95}.coloured-bar-up-to-10__segment-label{font-family:var(--font-mono);font-size:clamp(.625rem,2.5vw,var(--text-sm));font-weight:800;color:#fff;text-shadow:0 1px 2px rgb(0 0 0 / .25);pointer-events:none}.coloured-bar-up-to-10__ticks{position:relative;height:1.5rem;margin-top:var(--space-1)}.coloured-bar-up-to-10__tick{position:absolute;bottom:0;transform:translate(-50%);font-size:.625rem;font-weight:700;color:var(--color-text-muted)}.coloured-bar-up-to-10__tick:before{content:"";display:block;width:1px;height:.45rem;margin:0 auto 2px;background:var(--color-border)}.coloured-bar-up-to-10__tick--major{font-size:var(--text-xs);font-weight:800;color:var(--color-text)}.coloured-bar-up-to-10__tick--major:before{width:2px;height:.65rem;background:var(--color-text-muted)}.coloured-bar-up-to-10__equation{margin:0;text-align:center;font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;color:var(--color-text)}@media(max-width:768px){.coloured-bar-up-to-10{max-width:100%;gap:var(--space-2)}.coloured-bar-up-to-10__toolbar{gap:var(--space-2)}.coloured-bar-up-to-10__mode{flex:1 1 100%;padding:var(--space-2)}.coloured-bar-up-to-10__mode-options{flex-direction:column;gap:var(--space-1)}.coloured-bar-up-to-10__track{min-height:2.75rem}.coloured-bar-up-to-10__equation{font-size:var(--text-base)}}.coloured-bar-up-to-10-page{display:flex;flex-direction:column;gap:var(--space-8)}.coloured-bar-up-to-10-page__header{text-align:center}.coloured-bar-up-to-10-page__badge{display:inline-block;margin-bottom:var(--space-3);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);background:linear-gradient(90deg,#c45c5c,#8b6bb8);font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#fff}.coloured-bar-up-to-10-page__title{font-size:clamp(var(--text-2xl),5vw,2.75rem);font-weight:800;margin-bottom:var(--space-3);background:linear-gradient(135deg,#c45c5c,#8b6bb8);-webkit-background-clip:text;background-clip:text;color:transparent}.coloured-bar-up-to-10-page__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:40rem;margin-inline:auto}.coloured-bar-up-to-10-page__tip{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);max-width:32rem;margin-inline:auto}.coloured-bar-up-to-10-page__board{padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);border:2px solid var(--color-border)}.coloured-bar-up-to-10-page__related-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}@media(max-width:768px){.coloured-bar-up-to-10-page{gap:var(--space-2)}.coloured-bar-up-to-10-page__badge,.coloured-bar-up-to-10-page__subtitle,.coloured-bar-up-to-10-page__tip{display:none}.coloured-bar-up-to-10-page__title{font-size:var(--text-lg);margin-bottom:0}.coloured-bar-up-to-10-page__board{padding:var(--space-2)}}.number-bonds-board{display:flex;flex-direction:column;gap:var(--space-4);width:fit-content;max-width:100%;margin-inline:auto}.number-bonds-board__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3)}.number-bonds-board__toolbar-group{display:flex;align-items:center;gap:var(--space-2)}.number-bonds-board__label{font-size:var(--text-sm);font-weight:700;color:var(--color-text-muted)}.number-bonds-board__select,.number-bonds-board__input{padding:var(--space-2) var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--color-surface)}.number-bonds-board__input{width:4rem}.number-bonds-board__reset{padding:var(--space-2) var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:700;background:var(--color-surface);cursor:pointer}.number-bonds-board__diagram{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6)}.number-bonds-board__connector{width:3px;height:2rem;background:var(--color-text-muted);border-radius:var(--radius-full)}.number-bonds-board__parts{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-6)}.bond-part-column{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:8.5rem}.bond-part-column--whole{width:9.5rem}.bond-circle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);border-radius:50%;border:3px solid var(--color-primary);background:var(--color-surface);box-shadow:var(--shadow-card);flex-shrink:0}.bond-circle--whole{width:8rem;height:8rem;border-color:var(--color-accent);background:linear-gradient(180deg,#fff8f0,#fff)}.bond-circle--part{width:6.5rem;height:6.5rem;border-color:var(--color-primary)}.bond-circle__label{font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.bond-circle__value{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:800;color:var(--color-text);line-height:1}.bond-part-column__input-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);width:100%}.bond-part-column__input-label{font-size:var(--text-xs);font-weight:700;color:var(--color-text-muted)}.bond-part-column__input{width:100%;max-width:5rem;padding:var(--space-2);border:2px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-base);font-weight:700;text-align:center;background:var(--color-surface)}.bond-counters{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;width:100%;min-height:2.5rem;padding:var(--space-1);border-radius:var(--radius-sm);background:var(--color-surface-muted)}.bond-counters--placeholder{visibility:hidden}.bond-counters__block{width:10px;height:10px;border-radius:2px;background:var(--color-accent);flex-shrink:0}.bond-counters__more{font-size:var(--text-xs);color:var(--color-text-muted);align-self:center}.number-bonds-board__feedback{text-align:center;font-weight:700;font-size:var(--text-lg)}.number-bonds-board__feedback--ok{color:var(--color-success)}.number-bonds-board__feedback--warn{color:var(--color-accent)}.number-bonds-board__teacher{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}.number-bonds-board__teacher summary{cursor:pointer;font-weight:700}.number-bonds-board__teacher-panel{display:flex;justify-content:center;gap:var(--space-4);margin-top:var(--space-2)}.number-bonds-board__checkbox{display:flex;align-items:center;gap:var(--space-1);cursor:pointer;font-size:var(--text-sm)}@media(max-width:768px){.number-bonds-board__diagram{padding:var(--space-2);gap:var(--space-2)}.bond-circle--whole{width:6.5rem;height:6.5rem}.bond-circle--part{width:5.5rem;height:5.5rem}.bond-part-column{width:7rem}.number-bonds-board__toolbar{gap:var(--space-2)}}.number-bonds-page{display:flex;flex-direction:column;gap:var(--space-8)}.number-bonds-page__header{text-align:center}.number-bonds-page__badge{display:inline-block;margin-bottom:var(--space-3);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);background:linear-gradient(90deg,#e07a3a,#3d8b6e);font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#fff}.number-bonds-page__title{font-size:clamp(var(--text-2xl),5vw,2.75rem);font-weight:800;margin-bottom:var(--space-3);background:linear-gradient(135deg,#e07a3a,#3d8b6e);-webkit-background-clip:text;background-clip:text;color:transparent}.number-bonds-page__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:40rem;margin-inline:auto}.number-bonds-page__tip{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);max-width:32rem;margin-inline:auto}.number-bonds-page__board{padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);border:2px solid var(--color-border)}.number-bonds-page__related-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}@media(max-width:768px){.number-bonds-page{gap:var(--space-2)}.number-bonds-page__badge,.number-bonds-page__subtitle,.number-bonds-page__tip{display:none}.number-bonds-page__title{font-size:var(--text-lg);margin-bottom:0}.number-bonds-page__board{padding:var(--space-2)}}.analog-clock-face{width:min(100%,30rem);height:auto;touch-action:none;-webkit-user-select:none;user-select:none}.analog-clock-face__dial{fill:#faf8f4;stroke:#2a9a8a;stroke-width:4}.analog-clock-face__hour-label{font-family:var(--font-display);font-size:14px;font-weight:800;fill:#2c2a26}.analog-clock-face__hand{cursor:grab;touch-action:none}.analog-clock-face__hand:active{cursor:grabbing}.analog-clock-face__hand--hour line{stroke:#2c2a26}.analog-clock-face__hand--minute line{stroke:#c4842a}.analog-clock-face__hub{fill:#2a9a8a;pointer-events:none}@media(max-width:768px){.analog-clock-face{width:min(100%,22rem)}}.clock-side-panel{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-muted);border:2px solid var(--color-border);min-width:11rem}.clock-side-panel__digital{text-align:center}.clock-side-panel__digital-label{display:block;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--space-1)}.clock-side-panel__digital-value{display:block;font-family:var(--font-mono);font-size:clamp(var(--text-xl),4vw,var(--text-2xl));font-weight:800;color:var(--color-text)}.clock-side-panel__format{display:flex;gap:var(--space-2)}.clock-side-panel__format .btn{flex:1;padding:var(--space-2);font-size:var(--text-sm)}.clock-side-panel__setters{display:flex;flex-direction:column;gap:var(--space-3)}.clock-side-panel__stepper-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;color:var(--color-text-muted)}.clock-side-panel__stepper-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.clock-side-panel__stepper-controls button{width:2.25rem;height:2.25rem;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-lg);font-weight:700;color:var(--color-primary);cursor:pointer}.clock-side-panel__stepper-controls span{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:700}.clock-side-panel__toggles{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.clock-side-panel__toggles legend{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-1)}.clock-side-panel__toggle{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);cursor:pointer}@media(max-width:768px){.clock-side-panel{min-width:0}.clock-side-panel__format .btn{min-height:2.75rem}}.interactive-clock-board--compact{grid-template-columns:auto auto;gap:var(--space-2);justify-content:center;align-items:center}.interactive-clock-board__face-wrap{display:flex;justify-content:center;align-items:center}@media(max-width:768px){.interactive-clock-board--compact{grid-template-columns:1fr;width:100%}}.time-tool-page{display:flex;flex-direction:column;gap:var(--space-8)}.time-tool-page__header{text-align:center}.time-tool-page__badge{display:inline-block;margin-bottom:var(--space-3);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);background:linear-gradient(90deg,#c4842a,#2a9a8a);font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#fff}.time-tool-page__title{font-size:clamp(var(--text-2xl),5vw,2.75rem);font-weight:800;margin-bottom:var(--space-3);background:linear-gradient(135deg,#c4842a,#2a9a8a);-webkit-background-clip:text;background-clip:text;color:transparent}.time-tool-page__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:40rem;margin-inline:auto}.time-tool-page__tip{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);max-width:36rem;margin-inline:auto}.time-tool-page__board{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);border:2px solid var(--color-border)}.time-tool-page__related{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.time-tool-page__related-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.time-tool-board{display:grid;grid-template-columns:minmax(0,4fr) minmax(11rem,1fr);gap:var(--space-4);width:fit-content;max-width:100%;margin-inline:auto;align-items:start}.time-tool-board--centered{display:flex;flex-direction:column;align-items:center;width:fit-content;max-width:100%;margin-inline:auto}.time-tool-board__main{min-width:0;display:flex;justify-content:center}.time-tool-board__side{min-width:0}@media(max-width:768px){.time-tool-page{gap:var(--space-2)}.time-tool-page__badge,.time-tool-page__subtitle,.time-tool-page__tip,.time-tool-page__related{display:none}.time-tool-page__title{font-size:var(--text-xl);margin-bottom:var(--space-2)}.time-tool-page__board{padding:var(--space-3);border:none;box-shadow:none;background:transparent}.time-tool-board{grid-template-columns:1fr;width:100%}.time-tool-board__side{order:2}}.random-time-panel{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-muted);border:2px solid var(--color-border);min-width:11rem}.random-time-panel__actions{display:flex;flex-direction:column;gap:var(--space-3)}.random-time-panel__random-btn{width:100%}.random-time-panel__toggles{display:flex;flex-wrap:wrap;gap:var(--space-2)}.random-time-panel__toggles .btn{flex:1;min-width:4.5rem;padding:var(--space-2);font-size:var(--text-sm)}.random-time-panel__digital{text-align:center;padding:var(--space-4) var(--space-3);border-radius:var(--radius-md);background:linear-gradient(145deg,#faf8f4,#f0ebe2);border:2px solid var(--color-border);box-shadow:inset 0 1px #fff9}.random-time-panel__digital-value{display:block;font-family:var(--font-mono);font-size:clamp(var(--text-2xl),5vw,2.25rem);font-weight:800;letter-spacing:.04em;color:var(--color-text);font-variant-numeric:tabular-nums}@media(max-width:768px){.random-time-panel{min-width:0;width:100%}.random-time-panel__toggles .btn{min-height:2.75rem}}.random-time-board--compact{grid-template-columns:auto auto;gap:var(--space-2);justify-content:center;align-items:center}.random-time-board__face-wrap{display:flex;justify-content:center;align-items:center}@media(max-width:768px){.random-time-board--compact{grid-template-columns:1fr;width:100%}}.countdown-face{position:relative;width:min(100%,28rem);aspect-ratio:1;margin-inline:auto}.countdown-face__svg{width:100%;height:100%}.countdown-face__track{stroke:#e8e4dc}.countdown-face__progress{stroke:#2a9a8a;stroke-linecap:round;transition:stroke-dashoffset .1s linear}.countdown-face--running .countdown-face__progress{stroke:#c4842a}.countdown-face--finished .countdown-face__progress{stroke:#c45c5c}.countdown-face__display{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);pointer-events:none}.countdown-face__time{font-family:var(--font-mono);font-size:clamp(var(--text-2xl),6vw,2.5rem);font-weight:800;color:var(--color-text)}.countdown-face__status{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.countdown-face--finished .countdown-face__time{color:#c45c5c}@media(max-width:768px){.countdown-face{width:min(100%,22rem)}}.countdown-side-panel{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-muted);border:2px solid var(--color-border)}.countdown-side-panel__title{margin:0;font-size:var(--text-sm);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);text-align:center}.countdown-side-panel__stepper-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;color:var(--color-text-muted)}.countdown-side-panel__stepper-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.countdown-side-panel__stepper-controls button{width:2.25rem;height:2.25rem;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-weight:700;color:var(--color-primary);cursor:pointer}.countdown-side-panel__stepper-controls span{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700}.countdown-side-panel__actions{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.countdown-side-panel__actions .btn{width:100%}@media(max-width:768px){.countdown-side-panel__actions{flex-direction:row;flex-wrap:wrap}.countdown-side-panel__actions .btn{flex:1;min-width:5rem}}.countdown-timer-board--wide{grid-template-columns:minmax(0,4fr) minmax(11rem,1fr);width:min(100%,52rem)}.countdown-timer-board__face-wrap{display:flex;justify-content:center;align-items:center}@media(max-width:768px){.countdown-timer-board--wide{width:100%}}.stopwatch-face{position:relative;container-type:inline-size;width:min(100%,28rem);aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(145deg,#3a3a3a,#1a1a1a);box-shadow:inset 0 2px 8px #ffffff1f,0 8px 24px #00000040}.stopwatch-face__bezel{position:absolute;top:8%;right:8%;bottom:8%;left:8%;z-index:0;border-radius:50%;border:3px solid #555;background:#f5f0e8}.stopwatch-face__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center}.stopwatch-face__anchor{position:relative}.stopwatch-face__stoplight{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:clamp(.85rem,5cqi,1.35rem);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:clamp(.55rem,5.5cqi,1.15rem);opacity:.35;transition:opacity .25s ease}.stopwatch-face__light{width:clamp(1rem,11cqi,2.25rem);aspect-ratio:1;flex-shrink:0;border-radius:50%;background:#444;transition:box-shadow .2s ease,background .2s ease}.stopwatch-face__light--red{background:#6b3030}.stopwatch-face__light--amber{background:#6b5a20}.stopwatch-face__light--green{background:#2a5a30}.stopwatch-face--running .stopwatch-face__stoplight{opacity:1}.stopwatch-face--running .stopwatch-face__light--green{background:#3dcc4a;box-shadow:0 0 8px 2px #3dcc4a99}.stopwatch-face--stopped .stopwatch-face__stoplight{opacity:1}.stopwatch-face--stopped .stopwatch-face__light--amber{background:#e8b020;box-shadow:0 0 7px 2px #e8b0208c}.stopwatch-face--flash .stopwatch-face__stoplight{opacity:1}.stopwatch-face--flash .stopwatch-face__light--red{background:#e04040;box-shadow:0 0 8px 2px #e0404099}.stopwatch-face__display{max-width:72cqi;text-align:center;line-height:1;font-family:var(--font-mono);font-size:clamp(1.1rem,11cqi,2.4rem);font-weight:800;color:#1a1a1a;letter-spacing:.02em;white-space:nowrap}@media(max-width:768px){.stopwatch-face{width:min(100%,22rem)}}.stopwatch-board{gap:var(--space-6)}.stopwatch-board__controls{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.stopwatch-board__controls .btn{min-width:7rem}@media(max-width:768px){.stopwatch-board__controls .btn{min-height:2.75rem;flex:1;max-width:10rem}}.timeline-arc-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.fixed-timeline-axis{width:100%}.fixed-timeline-axis__area{position:relative;width:100%}.fixed-timeline-axis__svg{display:block;width:100%}.fixed-timeline-axis__tick-label{font-family:var(--font-mono);font-size:12px;font-weight:700}@media(max-width:768px){.fixed-timeline-axis__tick-label{font-size:10px}}.timeline-jump-controls{display:flex;flex-direction:column;gap:var(--space-4);width:100%;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-muted);border:2px solid var(--color-border)}.timeline-jump-controls__title{margin:0;text-align:center;font-family:var(--font-display);font-size:var(--text-sm);font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.timeline-jump-controls__body,.timeline-jump-controls__grid{display:flex;flex-direction:column;gap:var(--space-3)}.timeline-jump-controls__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.timeline-jump-controls__label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--color-text);flex-shrink:0}.timeline-jump-controls__stepper,.timeline-jump-controls__jump-group{display:flex;align-items:center;gap:var(--space-2)}.timeline-jump-controls__step-btn,.timeline-jump-controls__jump-btn{display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding-inline:var(--space-2);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;color:var(--color-primary);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.timeline-jump-controls__step-btn{width:2.5rem;font-size:var(--text-xl)}.timeline-jump-controls__step-btn:hover,.timeline-jump-controls__jump-btn:hover{background:var(--color-col-whole);border-color:var(--color-primary)}.timeline-jump-controls__step-btn:focus-visible,.timeline-jump-controls__jump-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.timeline-jump-controls__value,.timeline-jump-controls__land-value{min-width:4.5rem;text-align:center;font-family:var(--font-mono);font-size:var(--text-base);font-weight:700;color:var(--color-text)}.timeline-jump-controls__row--land{padding-top:var(--space-2);border-top:1px dashed var(--color-border)}.timeline-jump-controls__land-value{color:var(--color-success)}.timeline-jump-controls__apply{width:100%}.timeline-jump-controls__readouts{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.timeline-jump-controls__readouts p{margin:0}.timeline-jump-controls__time-input{display:flex;flex-direction:column;gap:var(--space-1)}.timeline-jump-controls__time-input label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.timeline-jump-controls__time-input input{padding:var(--space-2) var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-base);width:100%}.timeline-jump-controls--horizontal{gap:var(--space-3);padding:var(--space-3) var(--space-4)}.timeline-jump-controls--horizontal .timeline-jump-controls__title{text-align:left}.timeline-jump-controls--horizontal .timeline-jump-controls__body{flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-4)}.timeline-jump-controls--horizontal .timeline-jump-controls__extras{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:flex-end}.timeline-jump-controls--horizontal .timeline-jump-controls__extras .timeline-jump-controls__time-input{margin-bottom:0;min-width:7rem}.timeline-jump-controls--horizontal .timeline-jump-controls__grid{flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-4);flex:1}.timeline-jump-controls--horizontal .timeline-jump-controls__row{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.timeline-jump-controls--horizontal .timeline-jump-controls__row--land{padding-top:0;border-top:none}.timeline-jump-controls--horizontal .timeline-jump-controls__readouts{flex-direction:row;flex-wrap:wrap;gap:var(--space-3) var(--space-4)}.timeline-jump-controls--horizontal .timeline-jump-controls__apply{width:auto;flex-shrink:0}@media(max-width:768px){.timeline-jump-controls{gap:var(--space-2);padding:var(--space-3)}.timeline-jump-controls__step-btn,.timeline-jump-controls__jump-btn{min-width:2.25rem;height:2.25rem}.timeline-jump-controls__step-btn{font-size:var(--text-lg)}.timeline-jump-controls--horizontal .timeline-jump-controls__body,.timeline-jump-controls--horizontal .timeline-jump-controls__grid{flex-direction:column;align-items:stretch}.timeline-jump-controls--horizontal .timeline-jump-controls__row{flex-direction:row;align-items:center;justify-content:space-between}.timeline-jump-controls--horizontal .timeline-jump-controls__readouts{flex-direction:column}.timeline-jump-controls--horizontal .timeline-jump-controls__apply{width:100%}}.timeline-marker{position:absolute;transform:translate(-50%,-100%);width:2rem;height:2.75rem;padding:0;border:none;background:transparent;cursor:grab;touch-action:none;z-index:3}.timeline-marker:active{cursor:grabbing}.timeline-marker__arrow{display:block;width:0;height:0;margin-inline:auto;border-left:.65rem solid transparent;border-right:.65rem solid transparent;border-top:1.35rem solid #c4842a;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.timeline-marker:focus-visible{outline:none}.timeline-marker:focus-visible .timeline-marker__arrow{filter:drop-shadow(0 0 0 3px rgba(196,132,42,.45))}@media(max-width:768px){.timeline-marker{width:1.75rem;height:2.25rem}.timeline-marker__arrow{border-left-width:.55rem;border-right-width:.55rem;border-top-width:1.1rem}}.time-of-day-timeline-page .time-tool-page__board{width:100%;max-width:100%;padding:var(--space-4)}.time-of-day-timeline-page{gap:var(--space-4)}@media(max-width:768px){.time-of-day-timeline-page .time-tool-page__board{padding:var(--space-2)}}.time-timeline-board--stacked{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:100%;margin-inline:auto}.time-timeline-board__axis-wrap,.time-timeline-board__controls{width:100%;min-width:0}.time-timeline-board .fixed-timeline-axis__area{position:relative}@media(max-width:768px){.time-timeline-board--stacked{gap:var(--space-2)}}.elapsed-time-timeline-page .time-tool-page__board{width:100%;max-width:100%;padding:var(--space-4)}.elapsed-time-timeline-page{gap:var(--space-4)}@media(max-width:768px){.elapsed-time-timeline-page .time-tool-page__board{padding:var(--space-2)}}.money-bank{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;flex:0 0 148px;height:100%;max-height:100%;overflow:hidden}.money-bank__heading{font-size:var(--text-base);font-weight:700;margin:0;flex-shrink:0}.money-bank__body{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--space-2);overflow:hidden}.money-bank__section{display:flex;flex-direction:column;gap:var(--space-1);min-height:0}.money-bank__section--bills{flex:1}.money-bank__section--coins{flex-shrink:0}.money-bank__subheading{margin:0;font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0}.money-bank__grid--bills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1);align-content:start}.money-bank__grid--bills-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.money-bank__grid--bills-dense{grid-template-columns:repeat(3,minmax(0,1fr))}.money-bank__grid--coins{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-1)}.money-bank__chip{display:flex;align-items:center;justify-content:center;padding:var(--space-1);border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-raised);cursor:grab;touch-action:none;transition:border-color .15s;min-width:0}.money-bank__chip--compact{padding:2px}.money-bank__chip:hover{border-color:#c4842a}.money-bank__chip:active{cursor:grabbing}@media(max-width:768px){.money-bank{flex:none;width:100%;height:auto;max-height:none}.money-bank__body{overflow:visible}.money-bank__section--bills,.money-bank__section--coins{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.money-bank__grid--bills,.money-bank__grid--coins{display:flex;flex-wrap:nowrap;width:max-content;padding-bottom:var(--space-1)}}.money-canvas-wrap{position:relative;flex:1;min-width:0;height:100%;min-height:0}.money-canvas{position:relative;width:100%;height:100%;min-height:0;border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(90deg,rgba(196,132,42,.04) 1px,transparent 1px),linear-gradient(rgba(196,132,42,.04) 1px,transparent 1px),var(--color-surface-raised);background-size:24px 24px;overflow:hidden}.money-canvas__item{position:absolute;transform:translate(-50%,-50%);padding:0;border:none;background:transparent;cursor:grab;touch-action:none;z-index:1}.money-canvas__item:active{cursor:grabbing;z-index:2}.money-canvas__ghost{position:fixed;transform:translate(-50%,-50%);pointer-events:none;z-index:9999;opacity:.85;filter:drop-shadow(0 4px 12px rgba(0,0,0,.25))}@media(max-width:768px){.money-canvas{min-height:280px}}.money-summary{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:var(--space-4) var(--space-6);padding:var(--space-4);border-radius:var(--radius-md);background:linear-gradient(135deg,#c4842a14,#d4a8431f);border:2px solid rgba(196,132,42,.25)}.money-summary__total-block{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:8rem}.money-summary__label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.money-summary__value{font-family:var(--font-display);font-size:clamp(var(--text-2xl),4vw,2rem);font-weight:800;color:#8b6914}.money-summary__count{font-size:var(--text-xs);color:var(--color-text-muted)}.money-summary__target-block{display:flex;flex-direction:column;gap:var(--space-2);flex:1;min-width:min(100%,22rem);max-width:32rem}.money-summary__target-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.money-summary__target-input{flex:1 1 8rem;min-width:0;padding:var(--space-2) var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--color-surface)}.money-summary__target-input:focus{outline:2px solid #c4842a;outline-offset:1px}.money-summary__random-btn{flex-shrink:0;white-space:nowrap}.money-summary__match{font-size:var(--text-sm);font-weight:600}.money-summary__match--ok{color:#2d6a4f}.money-summary__match--warn{color:#c1121f}.money-summary__match--reserved{display:block;min-height:1.375rem;line-height:1.375rem}.money-summary__match--empty{visibility:hidden}@media(max-width:768px){.money-summary{flex-direction:column;align-items:stretch;gap:var(--space-3);padding:var(--space-3)}.money-summary__total-block{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:baseline}.money-summary__target-block{max-width:none}.money-summary__target-row{flex-direction:column;align-items:stretch}.money-summary__target-row .btn{width:100%}}.money-workspace-board{display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-width:56rem;margin-inline:auto}.money-workspace-board__main{display:flex;gap:var(--space-3);align-items:stretch;justify-content:center;height:380px}.money-workspace-board__main .money-bank{flex:0 0 228px;overflow:visible}.money-workspace-board__main .money-bank__body{gap:var(--space-4);overflow:visible}.money-workspace-board__main .money-bank__section--bills{flex:0 0 auto}.money-workspace-board__main .money-bank__section--coins{margin-top:var(--space-1);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.money-workspace-board__main .money-canvas-wrap{flex:0 1 300px;max-width:40%}.money-workspace-board__main .money-bank__grid--coins{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:768px){.money-workspace-board__main{flex-direction:column;height:auto}.money-workspace-board__main .money-bank{flex:none;width:100%}.money-workspace-board__main .money-canvas-wrap{flex:none;max-width:none;width:100%}.money-workspace-board__main .money-canvas{min-height:280px}}.money-tool-page{display:flex;flex-direction:column;gap:var(--space-8)}.money-tool-page__header{text-align:center}.money-tool-page__badge{display:inline-block;margin-bottom:var(--space-3);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);background:linear-gradient(90deg,#c4842a,#d4a843);font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#fff}.money-tool-page__title{font-size:clamp(var(--text-2xl),5vw,2.75rem);font-weight:800;margin-bottom:var(--space-3);background:linear-gradient(135deg,#c4842a,#8b6914);-webkit-background-clip:text;background-clip:text;color:transparent}.money-tool-page__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:40rem;margin-inline:auto}.money-tool-page__currency{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-top:var(--space-4)}.money-tool-page__currency-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted)}.money-tool-page__currency-select{min-width:min(100%,16rem);padding:var(--space-2) var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-base);font-family:inherit;color:var(--color-text);cursor:pointer}.money-tool-page__currency-select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.money-tool-page__tip{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);max-width:36rem;margin-inline:auto}.money-tool-page__board{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);border:2px solid var(--color-border)}.money-tool-page__related{text-align:center}.money-tool-page__related-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;max-width:48rem;margin-inline:auto}@media(max-width:768px){.money-tool-page{gap:var(--space-5)}.money-tool-page__tip{display:none}.money-tool-page__board{padding:var(--space-3)}.money-tool-page__related-actions{gap:var(--space-1)}.money-tool-page__related-actions .btn{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}}.money-timeline-board--stacked{display:flex;flex-direction:column;gap:var(--space-3);width:100%;max-width:100%;margin-inline:auto}.money-timeline-board__axis-wrap,.money-timeline-board__controls{width:100%;min-width:0}.money-timeline-board .fixed-timeline-axis__area{position:relative}@media(max-width:768px){.money-timeline-board--stacked{gap:var(--space-2)}}.money-line-board .timeline-jump-controls__readouts{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-6)}@media(max-width:768px){.money-line-board .timeline-jump-controls__readouts p{font-size:var(--text-sm)}}.money-line-page__board{width:100%;max-width:56rem;margin-inline:auto}@media(max-width:768px){.money-line-page .money-tool-page__tip{display:none}}.change-item-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.change-item-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.change-item-card__title{font-size:var(--text-base);font-weight:700;margin:0}.change-item-card__remove{border:none;background:transparent;color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;text-decoration:underline}.change-item-card__field{display:flex;flex-direction:column;gap:var(--space-1)}.change-item-card__field label,.change-item-card__label{font-size:var(--text-sm);font-weight:600}.change-item-card__field input,.change-item-card__field select,.change-item-card__discount select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);min-width:0}.change-item-card__pricing-toggle{display:flex;gap:var(--space-2)}.change-item-card__pricing-toggle button{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);font-size:var(--text-sm);cursor:pointer}.change-item-card__pricing-toggle button.is-active{border-color:#c4842a;background:#fdf6e8}.change-item-card__pricing-toggle button:disabled{opacity:.5;cursor:not-allowed}.change-item-card__ratio-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.change-item-card__resolved{grid-column:1 / -1;margin:0;font-size:var(--text-sm)}.change-item-card__hint{margin:0;font-size:var(--text-xs);color:var(--color-text-muted)}.change-item-card__discount{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:flex-end}@media(max-width:768px){.change-item-card{padding:var(--space-3);gap:var(--space-2)}.change-item-card__ratio-row{grid-template-columns:1fr}}.solve-mode-picker{border:none;margin:0;padding:0}.solve-mode-picker__legend{font-weight:700;font-size:var(--text-sm);margin-bottom:var(--space-2)}.solve-mode-picker__options{display:flex;flex-wrap:wrap;gap:var(--space-2)}.solve-mode-picker__option{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);cursor:pointer;background:var(--color-surface)}.solve-mode-picker__option:has(input:checked){border-color:#c4842a;background:#fdf6e8}.solve-mode-picker__option input{position:absolute;opacity:0;width:0;height:0}@media(max-width:768px){.solve-mode-picker__options{gap:var(--space-1)}.solve-mode-picker__option{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}}.how-much-change-board{display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-width:56rem;margin-inline:auto}.how-much-change-board__items{display:flex;flex-direction:column;gap:var(--space-3)}.how-much-change-board__money-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.how-much-change-board__field{display:flex;flex-direction:column;gap:var(--space-1);position:relative}.how-much-change-board__field label{font-size:var(--text-sm);font-weight:600}.how-much-change-board__field input{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base)}.how-much-change-board__field input:read-only{background:#fdf6e8;border-color:#c4842a;font-weight:700}.how-much-change-board__solved-tag{position:absolute;top:0;right:0;font-size:var(--text-xs);font-weight:700;color:#c4842a;text-transform:uppercase}.how-much-change-board__error{margin:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:#fef2f2;color:#b91c1c;font-size:var(--text-sm)}.how-much-change-board__summary{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-elevated, #f8f9fa);font-size:var(--text-sm);display:flex;flex-direction:column;gap:var(--space-2)}.how-much-change-board__summary p{margin:0;line-height:1.5}.how-much-change-board__summary-label{font-weight:600}.how-much-change-board__summary strong{font-weight:700}.how-much-change-board__timeline .timeline-marker{pointer-events:none}@media(max-width:768px){.how-much-change-board__money-row{grid-template-columns:1fr;gap:var(--space-2)}.how-much-change-board{gap:var(--space-3)}.how-much-change-board__summary{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}}@media(max-width:768px){.how-much-change-page .money-tool-page__tip{display:none}}.venn-item-card{display:inline-flex;align-items:center;justify-content:center;min-width:3rem;min-height:3rem;padding:var(--space-2);border:2px solid var(--color-border-strong);border-radius:var(--radius-md);background:#fff;box-shadow:0 2px 6px #00000014;cursor:grab;touch-action:none;color:var(--color-text);transition:border-color .15s ease,box-shadow .15s ease}.venn-item-card:active{cursor:grabbing}.venn-item-card--compact{min-width:2.25rem;min-height:2.25rem;padding:var(--space-1)}.venn-item-card__label{font-size:var(--text-lg);font-weight:700;font-variant-numeric:tabular-nums}.venn-item-card--compact .venn-item-card__label{font-size:var(--text-sm)}.venn-item-card--correct{border-color:#3d8b6e;box-shadow:0 0 0 2px #3d8b6e59}.venn-item-card--incorrect{border-color:#c45c5c;box-shadow:0 0 0 2px #c45c5c59}.venn-item-card--ghost{opacity:.9;transform:translate(-50%,-50%);pointer-events:none}@media(max-width:768px){.venn-item-card{min-width:2.5rem;min-height:2.5rem}}.venn-canvas{position:relative;width:100%;max-width:320px;margin-inline:auto;aspect-ratio:320 / 260}.venn-canvas__svg{display:block;max-width:100%;height:auto}.venn-canvas__circle{stroke:#00000026;stroke-width:2}.venn-canvas__circle--a{fill:#2d6a9f73}.venn-canvas__circle--b{fill:#ffe66d73;mix-blend-mode:multiply}.venn-canvas__rule-label{font-size:11px;font-weight:700;font-family:var(--font-sans);fill:var(--color-text)}.venn-canvas__zones{position:absolute;top:0;right:0;bottom:0;left:0}.venn-canvas__zone{position:absolute;display:flex;align-items:center;justify-content:center;min-height:2rem}.venn-canvas__zone--a-only{left:2%;top:28%;width:32%;height:44%}.venn-canvas__zone--intersection{left:34%;top:28%;width:32%;height:44%}.venn-canvas__zone--b-only{right:2%;top:28%;width:32%;height:44%}.venn-canvas__zone--outer{left:5%;top:5%;width:90%;height:18%}.venn-canvas__zone-items{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;align-items:center;max-width:100%;pointer-events:none}.venn-canvas__zone-items>*{pointer-events:auto}@media(max-width:768px){.venn-canvas{max-width:min(100%,300px)}.venn-canvas__rule-label{font-size:9px}}.venn-check-panel{display:flex;flex-direction:column;gap:var(--space-3);align-items:center;width:100%}.venn-check-panel__presets{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.venn-check-panel__preset-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted)}.venn-check-panel__preset-select{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--color-surface)}.venn-check-panel__actions{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.venn-check-panel__summary{margin:0;font-size:var(--text-sm);font-weight:500;text-align:center;color:var(--color-text-muted);min-height:1.25rem}@media(max-width:768px){.venn-check-panel{position:sticky;bottom:0;z-index:10;padding:var(--space-2) 0;background:var(--color-surface)}}.venn-item-pool{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-surface-raised);border:2px dashed var(--color-border)}.venn-item-pool__title{margin:0;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.venn-item-pool__items{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;min-height:3.5rem;align-items:center}.venn-item-pool__empty{margin:0;font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}@media(max-width:768px){.venn-item-pool{padding:var(--space-2)}.venn-item-pool__items{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:var(--space-1)}}.venn-sorting-board{display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-width:min(100%,40rem);margin-inline:auto;align-items:center}.venn-sorting-board__ghost-host{position:fixed;z-index:200;pointer-events:none}.venn-sorting-board__ghost-host .venn-item-card{opacity:.9;transform:translate(-50%,-50%);box-shadow:0 6px 16px #0003}@media(max-width:768px){.venn-sorting-board{gap:var(--space-2)}}.venn-sorting-page{display:flex;flex-direction:column;gap:var(--space-8)}.venn-sorting-page__header{text-align:center}.venn-sorting-page__badge{display:inline-block;margin-bottom:var(--space-3);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);background:linear-gradient(90deg,#2d6a9f,#ffe66d);font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#1a1a1a}.venn-sorting-page__title{font-size:clamp(var(--text-2xl),5vw,2.75rem);font-weight:800;margin-bottom:var(--space-3);background:linear-gradient(135deg,#2d6a9f,#c4a035);-webkit-background-clip:text;background-clip:text;color:transparent}.venn-sorting-page__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:36rem;margin-inline:auto}.venn-sorting-page__tip{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);max-width:32rem;margin-inline:auto}.venn-sorting-page__board{padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);border:2px solid var(--color-border)}@media(max-width:768px){.venn-sorting-page{gap:var(--space-4)}.venn-sorting-page__board{padding:var(--space-3)}.venn-sorting-page__tip{display:none}}.negative-line-marker{position:absolute;display:flex;flex-direction:column;align-items:center;gap:2px;padding:0;border:none;background:transparent;transform:translate(-50%,-100%);cursor:grab;touch-action:none;z-index:2}.negative-line-marker:active{cursor:grabbing}.negative-line-marker__frog{font-size:1.75rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.negative-line-marker__value{font-size:var(--text-xs);font-weight:700;font-variant-numeric:tabular-nums;padding:2px 6px;border-radius:var(--radius-sm);background:var(--color-primary);color:#fff}@media(max-width:768px){.negative-line-marker__frog{font-size:1.4rem}}.fixed-negative-line{position:relative;width:100%;max-width:640px;margin-inline:auto}.fixed-negative-line__svg{display:block;width:100%;max-width:640px;margin-inline:auto;touch-action:none}.fixed-negative-line__track{stroke:var(--color-text);stroke-width:2}.fixed-negative-line__tick-mark{stroke:var(--color-text-muted);stroke-width:1.5}.fixed-negative-line__tick-label{font-size:11px;font-weight:600;font-family:var(--font-sans);font-variant-numeric:tabular-nums}.fixed-negative-line__tick--neg .fixed-negative-line__tick-label{fill:#b54545}.fixed-negative-line__tick--pos .fixed-negative-line__tick-label{fill:#2d7a5e}.fixed-negative-line__tick--zero .fixed-negative-line__tick-label{fill:var(--color-text);font-weight:800}.fixed-negative-line__arc{stroke-width:2.5;stroke-linecap:round}@media(max-width:768px){.fixed-negative-line__tick-label{font-size:9px}}.negative-line-controls{display:flex;flex-direction:column;gap:var(--space-4);align-items:center;width:100%}.negative-line-controls__jumps{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center;width:100%}.negative-line-controls__jump-btn{min-width:8rem;font-size:var(--text-lg);font-weight:700}.negative-line-controls__options{display:flex;justify-content:center}.negative-line-controls__toggle{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;cursor:pointer}.negative-line-controls__toggle input{width:1.1rem;height:1.1rem;accent-color:var(--color-primary)}.negative-line-controls__actions{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}@media(max-width:768px){.negative-line-controls__jump-btn{flex:1;min-width:0;font-size:var(--text-base)}}.negative-number-line-board{display:flex;flex-direction:column;gap:var(--space-6);width:100%;max-width:min(100%,42rem);margin-inline:auto;align-items:center}.negative-number-line-board__summary{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-raised);border:1px solid var(--color-border);text-align:center;width:100%;max-width:20rem}.negative-number-line-board__summary-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.negative-number-line-board__summary-value{font-size:var(--text-xl);font-weight:700;font-variant-numeric:tabular-nums}@media(max-width:768px){.negative-number-line-board{gap:var(--space-3)}}.negative-number-line-page{display:flex;flex-direction:column;gap:var(--space-8)}.negative-number-line-page__header{text-align:center}.negative-number-line-page__badge{display:inline-block;margin-bottom:var(--space-3);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);background:linear-gradient(90deg,#b54545,#2d7a5e);font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#fff}.negative-number-line-page__title{font-size:clamp(var(--text-2xl),5vw,2.75rem);font-weight:800;margin-bottom:var(--space-3);background:linear-gradient(135deg,#b54545,#2d7a5e);-webkit-background-clip:text;background-clip:text;color:transparent}.negative-number-line-page__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:36rem;margin-inline:auto}.negative-number-line-page__tip{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);max-width:32rem;margin-inline:auto}.negative-number-line-page__board{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);border:2px solid var(--color-border)}.negative-number-line-page__related{text-align:center}.negative-number-line-page__related-nav{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-top:var(--space-4)}.negative-number-line-page__related-link{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-border);font-size:var(--text-sm);font-weight:500;text-decoration:none;color:var(--color-text);transition:background .15s ease,border-color .15s ease}.negative-number-line-page__related-link:hover{background:var(--color-surface-raised);border-color:var(--color-border-strong)}.negative-number-line-page__related-link--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}@media(max-width:768px){.negative-number-line-page{gap:var(--space-4)}.negative-number-line-page__board{padding:var(--space-3)}.negative-number-line-page__tip{display:none}}.slice-piece{display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:grab;touch-action:none}.slice-piece:active{cursor:grabbing}.slice-piece--bench{border-radius:var(--radius-md);transition:transform .15s ease}.slice-piece--bench:hover{transform:scale(1.05)}.slice-piece--placed{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer}.slice-piece--ghost{opacity:.85;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2));transform:translate(-50%,-50%)}.slice-piece__path{fill:var(--slice-color);stroke:#fff9;stroke-width:1.5}.slice-piece__label{fill:#1a1a1a;font-weight:600;font-family:var(--font-sans);pointer-events:none;transition:opacity .2s ease}.slice-piece--ghost .slice-piece__path{stroke:#00000026}.slice-bench{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface-raised);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.slice-bench__title{margin:0;font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.slice-bench__list{display:flex;flex-direction:column;gap:var(--space-3);margin:0;padding:0;list-style:none;align-items:center}@media(max-width:768px){.slice-bench{padding:var(--space-2)}.slice-bench__list{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}}.whole-circle-workspace{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.whole-circle-workspace__drop{position:relative;flex-shrink:0}.whole-circle-workspace__ring{fill:var(--color-surface);stroke:var(--color-border-strong);stroke-width:2;stroke-dasharray:6 4}.whole-circle-workspace__slice{fill:var(--slice-color);stroke:#ffffffb3;stroke-width:1.5;cursor:pointer;transition:opacity .15s ease}.whole-circle-workspace__slice-group:hover .whole-circle-workspace__slice{opacity:.85}.whole-circle-workspace__label{fill:#1a1a1a;font-weight:600;font-family:var(--font-sans);pointer-events:none;transition:opacity .2s ease}.whole-circle-workspace__readout{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);margin:0;text-align:center}.whole-circle-workspace__readout-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.whole-circle-workspace__readout-value{font-size:var(--text-xl);font-weight:700;font-variant-numeric:tabular-nums}.whole-circle-workspace__of{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted)}@media(max-width:768px){.whole-circle-workspace__drop{transform:scale(.85);transform-origin:center top}}.decimal-percentage-circles-board{display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-width:min(100%,48rem);margin-inline:auto}.decimal-percentage-circles-board__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%}.decimal-percentage-circles-board__mode{display:flex;align-items:center;gap:var(--space-2)}.decimal-percentage-circles-board__mode-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted)}.decimal-percentage-circles-board__mode-btn{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease}.decimal-percentage-circles-board__mode-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.decimal-percentage-circles-board__reject{margin:0;padding:var(--space-2) var(--space-3);background:#fef3cd;border:1px solid #ffc107;border-radius:var(--radius-md);font-size:var(--text-sm);text-align:center}.decimal-percentage-circles-board__main{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--space-4);align-items:start;justify-items:center}.decimal-percentage-circles-board__ghost-host{position:fixed;z-index:200;pointer-events:none}@media(max-width:768px){.decimal-percentage-circles-board{gap:var(--space-2)}.decimal-percentage-circles-board__main{grid-template-columns:1fr;gap:var(--space-2)}.decimal-percentage-circles-board__toolbar{position:sticky;bottom:0;z-index:10;padding:var(--space-2) 0;background:var(--color-surface)}}.addition-block{display:inline-flex;align-items:center;justify-content:center;min-width:5.5rem;min-height:3rem;padding:var(--space-2) var(--space-3);border:2px solid var(--color-border-strong);border-radius:var(--radius-md);background:#fff;box-shadow:0 2px 6px #00000014;cursor:grab;touch-action:none;color:var(--color-text);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.addition-block:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0000001f}.addition-block:active{cursor:grabbing}.addition-block--compact{min-width:4.5rem;min-height:2.5rem;padding:var(--space-1) var(--space-2)}.addition-block__expression{font-size:var(--text-lg);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.addition-block--compact .addition-block__expression{font-size:var(--text-sm)}.addition-block--success{border-color:#3d8b6e;box-shadow:0 0 0 2px #3d8b6e59}.addition-block--error{border-color:#d97745;background:#d977451f;animation:addition-block-shake .4s ease}@keyframes addition-block-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@media(max-width:768px){.addition-block{min-width:4.75rem;min-height:2.75rem}.addition-block__expression{font-size:var(--text-base)}}.addition-block-pool{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-surface-raised);border:2px dashed var(--color-border);width:100%}.addition-block-pool__title{margin:0;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);text-align:center}.addition-block-pool__items{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;min-height:3.5rem;align-items:center}.addition-block-pool__empty{margin:0;font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}@media(max-width:768px){.addition-block-pool{padding:var(--space-2)}.addition-block-pool__items{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:var(--space-1)}}.addition-sorting-controls{display:flex;flex-direction:column;gap:var(--space-3);align-items:center;width:100%}.addition-sorting-controls__actions{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.addition-sorting-controls__status{margin:0;font-size:var(--text-sm);font-weight:500;text-align:center;color:var(--color-text-muted);min-height:1.25rem}@media(max-width:768px){.addition-sorting-controls{position:sticky;bottom:0;z-index:10;padding:var(--space-2) 0;background:var(--color-surface)}}.sorting-containers{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-4);width:100%}.sorting-container{display:flex;flex-direction:column;min-height:10rem;border-radius:var(--radius-lg);border:3px solid var(--color-border-strong);overflow:hidden;background:var(--color-surface-raised)}.sorting-container--not-target{border-color:#5b8def}.sorting-container--not-target .sorting-container__header{background:linear-gradient(135deg,#5b8def,#7ba7f7)}.sorting-container--target{border-color:#3d8b6e}.sorting-container--target .sorting-container__header{background:linear-gradient(135deg,#3d8b6e,#5cb896)}.sorting-container__header{padding:var(--space-3);text-align:center}.sorting-container__title{margin:0;font-family:var(--font-display);font-size:clamp(var(--text-xl),4vw,2rem);font-weight:800;color:#fff;letter-spacing:.02em}.sorting-container__body{display:flex;flex-wrap:wrap;gap:var(--space-2);align-content:flex-start;justify-content:center;flex:1;padding:var(--space-3);min-height:6rem}.sorting-container__empty{margin:auto;font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}@media(max-width:768px){.sorting-containers{gap:var(--space-2)}.sorting-container{min-height:8rem}.sorting-container__header{padding:var(--space-2)}.sorting-container__title{font-size:var(--text-lg)}.sorting-container__body{padding:var(--space-2);min-height:5rem}}.addition-sorting-board{display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-width:min(100%,44rem);margin-inline:auto;align-items:center}.addition-sorting-board__ghost-host{position:fixed;z-index:200;pointer-events:none}.addition-sorting-board__ghost-host .addition-block{opacity:.9;transform:translate(-50%,-50%);box-shadow:0 6px 16px #0003}@media(max-width:768px){.addition-sorting-board{gap:var(--space-2)}}.addition-sorting-page{display:flex;flex-direction:column;gap:var(--space-8)}.addition-sorting-page__header{text-align:center}.addition-sorting-page__badge{display:inline-block;margin-bottom:var(--space-3);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);background:linear-gradient(90deg,#3d8b6e,#5b8def);font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#fff}.addition-sorting-page__title{font-size:clamp(var(--text-2xl),5vw,2.75rem);font-weight:800;margin-bottom:var(--space-3);background:linear-gradient(135deg,#3d8b6e,#5b8def);-webkit-background-clip:text;background-clip:text;color:transparent}.addition-sorting-page__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:38rem;margin-inline:auto}.addition-sorting-page__tip{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);max-width:32rem;margin-inline:auto}.addition-sorting-page__board{padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);border:2px solid var(--color-border)}.addition-sorting-page__related{margin-top:var(--space-2)}.addition-sorting-page__related-nav{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-top:var(--space-4)}.addition-sorting-page__related-link{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);font-size:var(--text-sm);font-weight:600;color:var(--color-text);text-decoration:none;transition:border-color .15s ease,background .15s ease}.addition-sorting-page__related-link:hover{border-color:var(--color-border-strong);background:var(--color-surface-raised)}.addition-sorting-page__related-link--active{border-color:#3d8b6e;background:#3d8b6e1a}@media(max-width:768px){.addition-sorting-page{gap:var(--space-4)}.addition-sorting-page__board{padding:var(--space-3)}.addition-sorting-page__tip{display:none}}:root{--color-bg: #f3f1f8;--color-bg-pattern: #e8e4f0;--color-surface: #ffffff;--color-surface-muted: #ebe7f2;--color-border: #d4cfe0;--color-text: #1e1c28;--color-text-muted: #5c5768;--color-primary: #4a5fc1;--color-primary-hover: #3a4da3;--color-primary-soft: #e8ecfa;--color-accent: #e86f51;--color-accent-hover: #d05a3d;--color-accent-soft: #fdeee9;--color-success: #2d9a6f;--color-success-soft: #e3f5ed;--color-warning: #d4a017;--color-warning-soft: #fdf6e3;--gradient-hero: linear-gradient(135deg, #4a5fc1 0%, #6b4fa8 50%, #e86f51 100%);--gradient-card-shine: linear-gradient(180deg, rgb(255 255 255 / .9) 0%, rgb(255 255 255 / .6) 100%);--color-col-whole: #e8ecfa;--color-col-decimal: #fdeee9;--color-col-active: #fff8e6;--color-col-separator: #d4cfe0;--color-zone-ones: #e3f5ef;--color-zone-tens: #e8ecfa;--color-zone-hundreds: #fdeee9;--color-zone-thousands: #f0e8f7;--color-zone-ten-thousands: #eef5e8;--color-piece-unit: #4a9b7f;--color-piece-ten: #5b7fc4;--color-piece-hundred: #c4845a;--color-piece-thousand: #8b6bb8;--color-piece-ten-thousand: #6b9b4a;--color-tray-rim: #c9bfb0;--color-tray-inner: #faf8f4;--font-display: "Outfit", system-ui, sans-serif;--font-body: "Atkinson Hyperlegible", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-section: clamp(2rem, 5vw, 4rem);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-card: 0 4px 24px rgb(30 28 40 / .08);--shadow-card-hover: 0 12px 40px rgb(30 28 40 / .12);--shadow-focus: 0 0 0 3px rgb(74 95 193 / .35);--shadow-glow: 0 0 60px rgb(74 95 193 / .15);--max-content: 72rem;--header-height: 4rem;--trials-header-height: 52px;--trials-cell-height: 80px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{margin:0;min-height:100vh;font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);background-image:radial-gradient(circle at 1px 1px,var(--color-bg-pattern) 1px,transparent 0);background-size:24px 24px;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.25;margin:0}p{margin:0}a{color:var(--color-primary);text-decoration-thickness:2px;text-underline-offset:3px}a:hover{color:var(--color-primary-hover)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer}.container{width:min(100% - var(--space-8),var(--max-content));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}