:root{font-family:Inter,ui-rounded,SF Pro Rounded,system-ui,sans-serif;color:var(--color-dark-blue);background:var(--color-cream);font-synthesis:none;--color-cream: #fff8ea;--color-terracotta: #c96345;--color-dark-blue: #233a55;--color-mint: #a9d8bf;--color-surface: #fffdf8;--color-border: #d9cbb7;--color-focus-ring: #245d8d;--shadow-soft: 0 10px 32px rgb(35 58 85 / 12%)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-width:320px;margin:0;background:var(--color-cream)}button,input{font:inherit}button{min-width:44px;min-height:44px;border:0;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:3px}.onboarding-screen,.app-shell{width:min(100%,44rem);min-height:100vh;min-height:100svh;margin:0 auto}.onboarding-screen{display:grid;place-items:stretch center;padding:max(16px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom));background:var(--color-cream)}.onboarding-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(100%,28rem);min-height:100%;margin:0 auto;padding:8px 0 0}.onboarding-card__topline{display:flex;align-items:center;justify-content:space-between;min-height:32px}.onboarding-card__brand{color:var(--color-terracotta);font-size:1.05rem;font-weight:850;letter-spacing:-.04em}.onboarding-card__step,.onboarding-card__note{color:color-mix(in srgb,var(--color-dark-blue),transparent 43%);font-size:.8rem;line-height:1.35}.onboarding-card__step{font-weight:700}.onboarding-card__content{display:grid;align-content:center;justify-items:center;text-align:center;padding:10px 0 14px}.onboarding-card__content .mascot{width:126px;height:126px;margin:0 0 2px}.onboarding-card h1,.app-section h1{margin:0;color:var(--color-dark-blue);font-size:clamp(1.85rem,8vw,2.4rem);line-height:1.05;letter-spacing:-.055em}.onboarding-card__lead{max-width:22rem;margin:12px 0 0;color:color-mix(in srgb,var(--color-dark-blue),transparent 25%);font-size:.97rem;line-height:1.45;text-wrap:pretty}.onboarding-form{display:grid;width:min(100%,20rem);gap:8px;margin-top:22px;text-align:left}.onboarding-form label,.onboarding-card__choice-label{margin:0;color:color-mix(in srgb,var(--color-dark-blue),transparent 22%);font-size:.86rem;font-weight:750}.onboarding-form input{width:100%;min-height:52px;padding:10px 14px;border:1px solid var(--color-border);border-radius:14px;color:var(--color-dark-blue);background:var(--color-surface)}.onboarding-form [role=alert]{margin:0;color:var(--color-terracotta);font-size:.85rem}.onboarding-card__note{max-width:20rem;margin:15px 0 0}.onboarding-card__icon{display:grid;width:68px;height:68px;margin-bottom:12px;place-items:center;border-radius:22px;color:var(--color-terracotta);background:color-mix(in srgb,var(--color-terracotta),transparent 89%)}.onboarding-card__eyebrow{margin:0 0 11px;padding:5px 10px;border-radius:999px;color:var(--color-terracotta);background:color-mix(in srgb,var(--color-terracotta),transparent 91%);font-size:.75rem;font-weight:850}.onboarding-card__rules{display:grid;gap:9px;width:min(100%,21rem);margin:18px 0 0;padding:0;list-style:none;text-align:left}.onboarding-card__rules li{display:flex;align-items:center;gap:10px;min-height:44px;padding:9px 12px;border-radius:13px;background:color-mix(in srgb,var(--color-mint),transparent 72%);color:var(--color-dark-blue);font-size:.87rem;font-weight:700}.onboarding-card__rules li:before{width:8px;height:8px;flex:none;border-radius:50%;background:var(--color-terracotta);content:""}.onboarding-card__choices{display:grid;gap:16px;width:100%;margin-top:19px}.onboarding-card__sound-options,.onboarding-card__theme-options{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:7px}.onboarding-card__sound{display:grid;width:42px;height:42px;min-width:42px;min-height:42px;place-items:center;border-radius:13px;color:color-mix(in srgb,var(--color-dark-blue),transparent 55%);background:transparent}.onboarding-card__sound--selected{color:var(--color-terracotta);background:color-mix(in srgb,var(--color-terracotta),transparent 88%)}.onboarding-card__swatch{width:29px;height:29px;min-width:29px;min-height:29px;padding:0;border:3px solid var(--color-cream);border-radius:50%;background:var(--onboarding-swatch);box-shadow:0 0 0 1px var(--color-border)}.onboarding-card__swatch--selected{box-shadow:0 0 0 2px var(--color-terracotta)}.onboarding-card__footer{display:grid;gap:12px;padding-top:10px}.onboarding-card__progress{display:flex;justify-content:center;gap:6px}.onboarding-card__progress span{width:7px;height:7px;border-radius:99px;background:color-mix(in srgb,var(--color-dark-blue),transparent 83%)}.onboarding-card__progress .onboarding-card__progress-dot--active{width:21px;background:var(--color-terracotta)}.onboarding-card__primary{width:100%;min-height:54px;border-radius:16px;color:var(--color-surface);background:var(--color-terracotta);font-weight:800}.onboarding-card__back{justify-self:center;min-height:30px;color:color-mix(in srgb,var(--color-dark-blue),transparent 42%);background:transparent;font-size:.88rem}@media(max-height:610px){.onboarding-card__content .mascot{width:96px;height:96px}.onboarding-card__lead{margin-top:8px}.onboarding-form{margin-top:14px}.onboarding-card__note{margin-top:10px}}@media(max-width:340px)and (max-height:610px){.onboarding-screen{padding-top:8px;padding-bottom:8px}.onboarding-card{padding-top:0}.onboarding-card__topline{min-height:26px}.onboarding-card__content{padding:4px 0 6px}.onboarding-card__icon{width:48px;height:48px;margin-bottom:6px;border-radius:16px}.onboarding-card__eyebrow{margin-bottom:6px;padding:4px 8px}.onboarding-card h1{font-size:1.7rem}.onboarding-card__lead{font-size:.9rem;line-height:1.32}.onboarding-card__rules{gap:5px;margin-top:10px}.onboarding-card__rules li{min-height:38px;padding:7px 10px;font-size:.82rem}.onboarding-card__choices{gap:10px;margin-top:12px}.onboarding-card__footer{gap:8px;padding-top:4px}.onboarding-card__primary{min-height:50px}.onboarding-card__back{min-height:22px}}.app-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100vh;height:100svh;overflow:hidden;background:var(--color-cream)}.tablet-nav{display:none}.app-shell__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:max(20px,env(safe-area-inset-top)) 20px 16px}.app-shell__brand{color:var(--color-terracotta);font-size:1.25rem;font-weight:800;letter-spacing:-.04em}.app-shell__greeting{margin:0;color:var(--color-dark-blue);font-size:.95rem}.app-shell__profile{display:grid;justify-items:end;gap:4px}.app-shell__cat-total{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:2px 8px;border-radius:999px;color:var(--color-terracotta);background:color-mix(in srgb,var(--color-terracotta),transparent 90%);font-weight:800}.app-shell__cat-total output{font-variant-numeric:tabular-nums}.app-shell__content{min-height:0;overflow:hidden}.app-shell__screen{height:100%;min-height:0;animation:app-screen-enter .18s ease-out both}@keyframes app-screen-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app-section{min-height:0;padding:20px}.app-section--timer{display:grid;grid-template-rows:auto minmax(0,1fr);gap:16px;height:100%;overflow:hidden}.app-section--timer .mascot{align-self:center;justify-self:center}.timer-screen{min-height:0;height:100%;overflow:hidden}.timer-screen__tablet-layout,.timer-screen__core{min-height:0;height:100%}.timer-screen__core{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px;overflow:hidden}.timer-screen__tablet-sidebar{display:none}.timer-screen__status{display:grid;justify-items:center;gap:12px;text-align:center}.timer-screen__status p{margin:0;color:var(--color-terracotta);font-size:clamp(1rem,4vw,1.25rem);font-weight:700;line-height:1.2}.timer-screen__status output{display:block;font-size:clamp(3rem,18vw,6rem);font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.timer-screen__progress{width:min(100%,280px);height:8px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--color-terracotta),transparent 82%)}.timer-screen__progress span{display:block;height:100%;border-radius:inherit;background:var(--color-terracotta);transition:width .25s linear}.timer-screen__sound-controls{display:flex;align-items:center;gap:2px}.timer-screen__sound-toggle,.timer-screen__sound-option{display:grid;width:40px;min-height:44px;place-items:center;padding:0;background:transparent}.timer-screen__sound-toggle{width:44px;color:var(--color-terracotta)}.timer-screen__sound-divider{width:1px;height:24px;margin:0 3px;background:var(--color-border)}.timer-screen__sound-option{color:color-mix(in srgb,var(--color-dark-blue),transparent 62%)}.timer-screen__sound-option--active{border-radius:12px;color:var(--color-terracotta);background:color-mix(in srgb,var(--color-terracotta),transparent 88%)}.timer-screen__task{display:grid;justify-items:center;gap:6px;font-weight:600;text-align:center}.timer-screen__task input{width:100%;min-height:44px;padding:8px 12px;border:1px solid var(--color-border);border-radius:12px;color:var(--color-dark-blue);background:var(--color-surface);text-align:center}.timer-screen__actions{display:grid;min-height:0;place-items:center;align-content:center;gap:12px}.timer-screen__actions .mascot{aspect-ratio:428 / 340}.timer-screen__actions .mascot__image{height:100%;object-fit:contain}.timer-screen__actions p{margin:0;color:var(--color-terracotta);font-size:.875rem}.timer-screen__controls{display:grid;width:100%;gap:8px}.timer-screen__secondary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.timer-screen__reset,.timer-screen__skip,.timer-screen__primary{display:inline-flex;align-items:center;justify-content:center;gap:8px}.timer-screen__reset,.timer-screen__skip{min-height:44px;padding:8px;border:1px solid var(--color-border);border-radius:12px;color:var(--color-dark-blue);background:var(--color-surface);font-weight:700}.timer-screen__skip:disabled{cursor:not-allowed;opacity:.45}.timer-screen__button-icon{flex:none}.timer-screen__primary{width:100%;border-radius:16px;color:var(--color-surface);background:var(--color-terracotta);font-size:1.1rem;font-weight:800}.app-section--scroll{height:100%;overflow:auto;overscroll-behavior:contain}.settings-screen,.stats-screen,.advice-list{display:grid;gap:18px;padding-bottom:20px}.advice-list__intro{display:grid;gap:8px}.advice-list__intro p,.advice-list__intro span{margin:0}.advice-list__intro p{color:var(--color-terracotta);font-size:.875rem;font-weight:700}.advice-list__intro h2{margin:0;font-size:clamp(1.45rem,7vw,2rem);line-height:1.1}.advice-list__intro span{color:color-mix(in srgb,var(--color-dark-blue),transparent 25%);line-height:1.45}.advice-list__articles{display:grid;gap:12px;margin:0;padding:0;list-style:none}.advice-list__article-button{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:0;padding:18px;border:1px solid var(--color-border);border-radius:18px;color:inherit;background:var(--color-surface);box-shadow:0 5px 16px #233a550d;text-align:left}.advice-list__articles article{display:grid;gap:6px}.advice-list__articles h3,.advice-list__articles p{margin:0}.advice-list__articles h3{font-size:1.05rem;line-height:1.25}.advice-list__articles p{color:color-mix(in srgb,var(--color-dark-blue),transparent 28%);font-size:.9375rem;line-height:1.4}.advice-list__article-button:hover{border-color:var(--color-terracotta);box-shadow:0 7px 20px #233a5517}.advice-list__chevron{color:var(--color-terracotta)}.advice-article{display:grid;gap:18px;padding-bottom:20px}.advice-article__illustration{justify-self:center;width:min(100%,240px);max-height:200px;object-fit:contain}.advice-article h2,.advice-article p{margin:0}.advice-article h2{font-size:clamp(1.6rem,8vw,2.25rem);line-height:1.1}.advice-article p{font-size:1rem;line-height:1.55}.advice-article__back{width:100%;border:1px solid var(--color-border);border-radius:14px;color:var(--color-dark-blue);background:var(--color-surface);font-weight:700}.settings-screen__form{display:grid;gap:16px}.settings-screen fieldset,.stats-screen__total,.stats-screen__history,.stats-screen__session-count{display:grid;gap:10px;margin:0;padding:16px;border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface)}.settings-screen legend{padding:0 4px;color:var(--color-terracotta);font-weight:700}.settings-screen label,.settings-screen__name-row{display:grid;gap:6px}.settings-screen input:not([type=checkbox]):not([type=range]):not([type=radio]),.settings-screen select{width:100%;min-height:44px;padding:8px 10px;border:1px solid var(--color-border);border-radius:10px;color:var(--color-dark-blue);background:var(--color-cream)}.settings-screen__name-row{grid-template-columns:minmax(0,1fr) auto;align-items:end}.settings-screen__name-row button,.settings-screen__danger button,.settings-screen__share button{border-radius:10px;color:var(--color-surface);background:var(--color-terracotta);font-weight:700}.settings-screen__toggle{grid-template-columns:auto 1fr;align-items:center;min-height:44px}.settings-screen__toggle input{inline-size:20px;block-size:20px}.theme-settings__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.theme-settings__option{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;min-height:44px;padding:8px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-cream);font-size:.8125rem;line-height:1.15}.theme-settings__option:has(input:checked){border-color:var(--color-terracotta);box-shadow:0 0 0 1px var(--color-terracotta)}.theme-settings__option input{position:absolute;opacity:0}.theme-settings__swatch{width:22px;height:22px;border:2px solid var(--color-surface);border-radius:50%;box-shadow:0 0 0 1px var(--color-border)}.sound-settings input[type=range]{width:100%;min-height:32px;accent-color:var(--color-terracotta)}.settings-screen__share p,.settings-screen__credit p{margin:0;color:color-mix(in srgb,var(--color-dark-blue),transparent 25%);line-height:1.45}.settings-screen__share button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:fit-content;padding:0 14px}.settings-screen__share [role=status]{color:var(--color-terracotta);font-size:.875rem;font-weight:700}.settings-screen__credit a{width:fit-content;color:var(--color-terracotta);font-weight:750;text-decoration-thickness:1.5px;text-underline-offset:3px}.settings-screen__danger [role=alert]{display:grid;gap:8px;color:var(--color-dark-blue)}.settings-screen__danger [role=alert] button+button{color:var(--color-dark-blue);background:var(--color-cream);border:1px solid var(--color-border)}.stats-screen__totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stats-screen__total h2,.stats-screen__history h2{margin:0;font-size:1rem}.stats-screen__total output{color:var(--color-terracotta);font-size:clamp(1.6rem,8vw,2.5rem);font-weight:800;font-variant-numeric:tabular-nums}.stats-screen__share{display:grid;gap:8px;margin-block:14px}.stats-screen__share button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:14px;color:var(--color-surface);background:var(--color-terracotta);font-weight:750}.stats-screen__share button:disabled{cursor:wait;opacity:.72}.stats-screen__share [role=status]{margin:0;color:color-mix(in srgb,var(--color-dark-blue),transparent 25%);font-size:.875rem;line-height:1.35}.stats-screen__sessions{display:grid;gap:12px}.stats-screen__session-count{grid-template-columns:auto minmax(0,1fr);align-items:center}.stats-screen__session-count h2{margin:0;font-size:1rem}.stats-screen__session-count output{justify-self:end;color:var(--color-terracotta);font-size:2rem;font-weight:800;font-variant-numeric:tabular-nums}.stats-screen__cats{display:flex;grid-column:1 / -1;flex-wrap:wrap;gap:4px;color:var(--color-terracotta)}.stats-screen__history ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.stats-screen__history li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:10px 0;border-top:1px solid var(--color-border)}.stats-screen__history time{grid-column:1 / -1;color:color-mix(in srgb,var(--color-dark-blue),transparent 35%);font-size:.8125rem}@media(max-height:38rem){.app-shell__header{padding-block:max(8px,env(safe-area-inset-top)) 8px}.app-section{padding-block:8px}.app-section--timer,.timer-screen{gap:8px}.app-section h1{font-size:1.4rem}.timer-screen__status output{font-size:3rem}.timer-screen__actions .mascot{display:none}}.bottom-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:8px 12px max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:var(--color-surface)}.bottom-nav__button{display:grid;min-height:56px;place-items:center;align-content:center;gap:3px;padding:5px 4px;border-radius:14px;color:color-mix(in srgb,var(--color-dark-blue),transparent 25%);background:transparent;font-size:.75rem;font-weight:500;line-height:1.1}.bottom-nav__icon{width:22px;height:22px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bottom-nav__label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav__button[aria-current=page]{color:var(--color-surface);background:var(--color-terracotta);font-weight:650}.bottom-nav__button:not([aria-current=page]):hover{color:var(--color-dark-blue);background:color-mix(in srgb,var(--color-terracotta),transparent 92%)}@media(max-width:21.25rem){.bottom-nav__button{padding-inline:1px;font-size:.65rem}.bottom-nav__icon{width:20px;height:20px}}.mascot{width:min(234px,57vw);color:var(--color-terracotta)}.mascot__image{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;transform-origin:bottom center}.mascot--active .mascot__image{animation:mascot-breathe 2.8s ease-in-out infinite}.mascot--celebrate.mascot--active .mascot__image{animation:mascot-celebrate .75s ease-out infinite}.mascot__body,.mascot__head,.mascot__tail,.mascot__paws,.mascot__eyes,.mascot__notebook,.mascot__spark{transform-box:fill-box;transform-origin:center}.mascot--pause .mascot__eyes,.mascot--pause .mascot__mouth{transform:translateY(2px)}.mascot--stretch .mascot__body{transform:translateY(7px) scale(1.05,.9)}.mascot--stretch .mascot__head{transform:translateY(-4px) rotate(-4deg)}.mascot--stretch .mascot__tail{transform:rotate(-20deg)}.mascot--celebrate .mascot__paws{transform:translateY(-14px)}.mascot--active .mascot__body{animation:mascot-breathe 2.8s ease-in-out infinite}.mascot--active .mascot__eyes{animation:mascot-blink 5s step-end infinite}.mascot--active .mascot__tail{animation:mascot-tail-sway 2.4s ease-in-out infinite}.mascot--active .mascot__paws,.mascot--active .mascot__pencil{animation:mascot-write 1.2s ease-in-out infinite}.mascot--celebrate.mascot--active .mascot__spark{animation:mascot-spark .75s ease-out infinite}@keyframes mascot-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.025,.975)}}@keyframes mascot-celebrate{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.06) rotate(-2deg)}}@keyframes mascot-blink{0%,94%,to{transform:scaleY(1)}96%{transform:scaleY(.12)}}@keyframes mascot-tail-sway{0%,to{transform:rotate(0)}50%{transform:rotate(9deg)}}@keyframes mascot-write{0%,to{transform:translate(0)}50%{transform:translate(2px,1px)}}@keyframes mascot-spark{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}@media(min-width:48rem){.app-shell{border-inline:1px solid var(--color-border)}.app-section{padding-inline:40px}}@media(min-width:64rem)and (orientation:landscape){.app-shell{width:100%;grid-template-rows:auto minmax(0,1fr);border:0}.app-shell__header{align-items:center;padding:16px 32px;border-bottom:1px solid var(--color-border)}.app-shell__brand{font-size:1.35rem}.app-shell__profile{display:flex;align-items:center;gap:10px}.app-shell__cat-total{color:color-mix(in srgb,var(--color-dark-blue),transparent 10%);background:color-mix(in srgb,var(--color-terracotta),transparent 92%)}.tablet-nav{display:flex;gap:4px;padding:4px;border:1px solid var(--color-border);border-radius:15px;background:var(--color-surface)}.tablet-nav button{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 12px;border-radius:10px;color:color-mix(in srgb,var(--color-dark-blue),transparent 30%);background:transparent;font-size:.82rem;font-weight:720}.tablet-nav button[aria-current=page]{color:var(--color-dark-blue);background:color-mix(in srgb,var(--color-terracotta),transparent 86%)}.bottom-nav{display:none}.app-section--timer{padding:18px 32px 24px}.timer-screen__tablet-layout{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(400px,1.2fr) minmax(240px,.75fr);gap:20px}.timer-screen__tablet-sidebar{display:block;min-width:0;min-height:0}.timer-screen__core{padding:24px 28px 20px;border:1px solid var(--color-border);border-radius:28px;background:var(--color-surface);box-shadow:0 12px 26px #233a550f}.timer-screen__core .timer-screen__sound-controls{display:none}.timer-screen__status{gap:10px}.timer-screen__status output{font-size:clamp(5.3rem,9vw,8.8rem)}.timer-screen__progress{width:min(100%,380px)}.timer-screen__actions .mascot{width:min(255px,25vw)}.timer-screen__primary{min-height:56px;background:color-mix(in srgb,var(--color-terracotta),var(--color-surface) 18%)}.tablet-stats,.tablet-routine{display:grid;gap:16px;height:100%;padding:24px;border-radius:28px}.tablet-stats{align-content:start;background:color-mix(in srgb,var(--color-mint),var(--color-surface) 20%)}.tablet-stats h2,.tablet-routine h2,.tablet-stats h3,.tablet-routine p{margin:0}.tablet-stats h2{font-size:1.65rem;line-height:1;letter-spacing:-.055em}.tablet-stats__period{display:grid;gap:5px;padding-top:15px;border-top:1px solid color-mix(in srgb,var(--color-dark-blue),transparent 82%)}.tablet-stats__period h3{color:color-mix(in srgb,var(--color-dark-blue),transparent 38%);font-size:.75rem;font-weight:850;letter-spacing:.075em;text-transform:uppercase}.tablet-stats__period output{font-size:clamp(1.55rem,2.6vw,2.25rem);font-weight:850;letter-spacing:-.065em;line-height:1}.tablet-stats__period p{margin:0;color:color-mix(in srgb,var(--color-dark-blue),transparent 30%);font-size:.82rem;font-weight:700}.tablet-stats__cats{display:flex;flex-wrap:wrap;gap:2px;min-height:30px;color:color-mix(in srgb,var(--color-terracotta),var(--color-dark-blue) 25%)}.tablet-stats__share{display:grid;gap:7px;margin-top:auto;padding-top:16px;border-top:1px solid color-mix(in srgb,var(--color-dark-blue),transparent 82%)}.tablet-stats__share button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid color-mix(in srgb,var(--color-terracotta),transparent 62%);border-radius:13px;color:var(--color-dark-blue);background:color-mix(in srgb,var(--color-surface),transparent 18%);font-size:.82rem;font-weight:780}.tablet-stats__share [role=status]{margin:0;color:color-mix(in srgb,var(--color-dark-blue),transparent 25%);font-size:.78rem}.tablet-routine{align-content:space-between;border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface),var(--color-cream) 40%)}.tablet-routine__sound,.tablet-routine__rhythm{display:grid;gap:11px}.tablet-routine h2{font-size:1.05rem;line-height:1.15;letter-spacing:-.035em}.tablet-routine__mute,.tablet-routine__sound-option{display:flex;align-items:center;gap:9px;width:100%;min-height:40px;padding:8px 10px;border-radius:11px;color:color-mix(in srgb,var(--color-dark-blue),transparent 28%);background:transparent;font-size:.82rem;font-weight:680;text-align:left}.tablet-routine__mute{border:1px solid var(--color-border)}.tablet-routine__sounds{display:grid;gap:4px}.tablet-routine__sound-option[aria-pressed=true]{color:var(--color-dark-blue);background:color-mix(in srgb,var(--color-terracotta),transparent 88%)}.tablet-routine__rhythm{padding-top:16px;border-top:1px solid var(--color-border)}.tablet-routine__rhythm p{color:color-mix(in srgb,var(--color-dark-blue),transparent 35%);font-size:.82rem;line-height:1.35}.tablet-routine__rounds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.tablet-routine__rounds span{height:8px;border-radius:99px;background:color-mix(in srgb,var(--color-dark-blue),transparent 88%)}.tablet-routine__rounds .tablet-routine__round--complete{background:color-mix(in srgb,var(--color-terracotta),var(--color-surface) 28%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.app-shell__screen,.mascot--active .mascot__image,.mascot--active .mascot__body,.mascot--active .mascot__eyes,.mascot--active .mascot__tail,.mascot--active .mascot__paws,.mascot--active .mascot__pencil,.mascot--active .mascot__spark{animation:none}}