@property --p{syntax:"<number>";inherits:false;initial-value:0}body{font-size:var(--text-base);letter-spacing:-.006em;font-optical-sizing:auto}h1,h2,h3,h4{font-family:var(--font-sans);font-weight:var(--weight-title);letter-spacing:var(--tracking-tight)}h1 em,h2 em,h3 em,.h2 em,.h1-display em{color:var(--text-secondary);font-family:inherit;font-style:normal}.display{font-family:var(--font-sans);letter-spacing:-.03em;font-weight:620}.numeral{font-variant-numeric:tabular-nums}::selection{color:inherit;background:#203b2d29}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.link{color:var(--text-primary);text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:.22em;transition:text-decoration-color var(--duration-fast) var(--ease-out);font-weight:500}.link:hover{text-decoration-color:currentColor}.btn{min-height:2.75rem;font-size:.9375rem;font-weight:var(--weight-button);letter-spacing:-.006em;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), transform var(--duration-fast) var(--ease-out);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:0 1.25rem;line-height:1.2;display:inline-flex;position:relative}@media (hover:hover){.btn:hover:not(:disabled){transform:scale(1.015)}}.btn:focus-visible{outline-offset:3px}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn[aria-busy=true]{cursor:progress;opacity:.85}.btn-sm{min-height:2.25rem;font-size:var(--text-sm);border-radius:10px;padding:0 .875rem}.btn-lg{border-radius:14px;min-height:3.25rem;padding:0 1.5rem;font-size:1rem}.btn>svg{transition:transform var(--duration-base) var(--ease-out);flex-shrink:0}@media (hover:hover){.btn:hover:not(:disabled)>svg:last-child:not(:first-child){transform:translate(2px)}}.btn[aria-busy=true]{color:#0000!important}.btn[aria-busy=true]>*{visibility:hidden}.btn[aria-busy=true]:after{content:"";border:2px solid #fff;border-color:#fff #fff #ffffff4d #ffffff4d;border-radius:50%;width:1.125rem;height:1.125rem;margin:-.5625rem 0 0 -.5625rem;animation:.7s linear infinite spin;position:absolute;top:50%;left:50%}.btn-secondary[aria-busy=true]:after,.btn-ghost[aria-busy=true]:after{border-color:var(--text-primary) var(--text-primary) var(--border-default) var(--border-default)}@keyframes spin{to{transform:rotate(360deg)}}.btn-block{width:100%}.btn-primary{background:var(--brand-forest);color:#fff;box-shadow:0 1px 2px #141a1624,inset 0 1px #ffffff14}.btn-primary:hover:not(:disabled){background:var(--brand-forest-hover);box-shadow:0 6px 16px -6px #203b2d73}.btn-secondary{background:var(--surface-raised);color:var(--text-primary);border-color:var(--border-default);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background:var(--surface-raised);border-color:var(--border-strong)}.btn-ghost,.btn-quiet{color:var(--text-primary);background:0 0}.btn-ghost:hover:not(:disabled),.btn-quiet:hover:not(:disabled){background:#141a160d}.btn-danger{background:var(--state-danger);color:#fff}.btn-danger:hover:not(:disabled){background:#9a2019}.btn-on-dark{background:var(--surface-page);color:var(--surface-inverse)}.btn-on-dark:hover:not(:disabled){background:#fff}.link-button{min-height:2.75rem;color:var(--text-primary);font-size:var(--text-sm);text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:.22em;align-items:center;font-weight:500;display:inline-flex}.link-button:hover{text-decoration-color:currentColor}.back-link{border-radius:var(--radius-sm);min-height:2.25rem;color:var(--text-secondary);font-size:var(--text-sm);transition:color var(--duration-fast) var(--ease-out);align-items:center;gap:.375rem;padding-right:.5rem;font-weight:500;display:inline-flex}.back-link:hover{color:var(--text-primary)}.field{flex-direction:column;gap:.4375rem;min-width:0;display:flex}.field-label-row{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary)}.label-optional{font-size:var(--text-xs);color:var(--text-tertiary);margin-left:.25rem;font-weight:400}.field-link{font-size:var(--text-sm);color:var(--text-secondary);text-underline-offset:.22em;transition:color var(--duration-fast) var(--ease-out), text-decoration-color var(--duration-fast) var(--ease-out);font-weight:500;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.field-link:hover{color:var(--text-primary);text-decoration-color:currentColor}.input{background:var(--surface-raised);border-radius:var(--radius-md);width:100%;min-height:3rem;box-shadow:var(--shadow-xs);color:var(--text-primary);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);border:1px solid #141a1633;padding:.75rem .9375rem;font-size:1rem;line-height:1.4}.input::placeholder{color:#8a8d87;opacity:1}.input:hover:not(:focus):not(:disabled){border-color:var(--border-strong)}.input:focus,.input:focus-visible{border-color:var(--brand-forest);outline:none;box-shadow:0 0 0 3px #203b2d29}.input[aria-invalid=true]{border-color:var(--state-danger)}.input[aria-invalid=true]:focus{box-shadow:0 0 0 3px #b3261e24}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%235a5f59' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-position:right .875rem center;background-repeat:no-repeat;padding-right:2.5rem}textarea.input{resize:vertical;min-height:6rem;line-height:1.5}.input-lg{letter-spacing:-.01em;border-radius:14px;min-height:3.5rem;padding-inline:1.125rem;font-size:1.25rem;font-weight:500}.input-affix,.input-suffix{position:relative}.input-affix .input{padding-right:3.25rem}.input-affix-button{width:2.75rem;height:2.75rem;color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);border-radius:10px;place-items:center;display:grid;position:absolute;top:50%;right:.25rem;transform:translateY(-50%)}.input-affix-button:hover{color:var(--text-primary);background:#141a160d}.input-suffix .input{padding-right:3rem}.input-suffix>span{color:var(--text-secondary);pointer-events:none;font-weight:500;position:absolute;top:50%;right:1.125rem;transform:translateY(-50%)}input[type=checkbox],input[type=radio]{accent-color:var(--brand-forest)}.hint{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.error-text{font-size:var(--text-sm);color:var(--state-danger);font-weight:500}.field-note{font-size:var(--text-sm);color:var(--text-secondary)}.field-note[data-tone=warning]{color:var(--state-warning)}.form-alert{border-radius:var(--radius-md);background:var(--state-danger-surface);color:var(--state-danger);font-size:var(--text-sm);animation:fade-up var(--duration-base) var(--ease-out);border:1px solid #b3261e29;padding:.75rem 1rem;font-weight:500;line-height:1.45}.password-rule{color:var(--text-secondary);transition:color var(--duration-base) var(--ease-out);align-items:center;gap:.375rem;display:inline-flex}.password-rule svg{opacity:.35;transition:opacity var(--duration-base) var(--ease-out)}.password-rule[data-ok=true]{color:var(--state-success)}.password-rule[data-ok=true] svg{opacity:1}.check-row{min-height:var(--touch-min);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;align-items:flex-start;gap:.75rem;line-height:1.5;display:flex}.check-row input{flex-shrink:0;width:1.125rem;height:1.125rem;margin-top:.15rem}.save-feedback{font-size:var(--text-sm);color:var(--state-success)}.choice-grid{border:0;gap:.5rem;min-width:0;margin:1rem 0 1.25rem;padding:0;display:grid}@media (min-width:560px){.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.choice-card,.chip-option,.option-row{border:1px solid var(--border-default);background:var(--surface-raised);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);border-radius:14px;gap:.75rem;display:flex;position:relative}.choice-card{align-items:flex-start;min-height:3.75rem;padding:.875rem 1rem .875rem .875rem}.choice-card input{opacity:0;pointer-events:none;position:absolute}.choice-card:after{content:"";border:1.5px solid var(--border-strong);width:1.25rem;height:1.25rem;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);background:#fff 50%/.75rem no-repeat;border-radius:50%;position:absolute;top:.875rem;right:.875rem}:is(.choice-card:has(input:checked),.chip-option:has(input:checked),.option-row:has(input:checked)){border-color:var(--brand-forest);box-shadow:0 0 0 1px var(--brand-forest);background:#f2f6f3}.choice-card:has(input:checked):after{border-color:var(--brand-forest);background-color:var(--brand-forest);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7'/%3E%3C/svg%3E")}:is(.choice-card:has(input:focus-visible),.chip-option:has(input:focus-visible),.option-row:has(input:focus-visible),.ob-species-card:has(input:focus-visible)){outline:2px solid var(--focus-ring);outline-offset:2px}.choice-card:active,.chip-option:active,.option-row:active{transform:scale(.985)}.choice-card-icon{background:var(--surface-sunken);width:2.25rem;height:2.25rem;color:var(--text-primary);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.choice-card-text{min-width:0;padding-right:1.75rem}.choice-card-text b,.option-row b{font-weight:var(--weight-button);display:block}.choice-card-text small,.option-row small{font-size:var(--text-sm);color:var(--text-secondary);margin-top:.125rem;line-height:1.4;display:block}.chip-group{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0;padding:0;display:grid}@media (min-width:480px){.chip-group{grid-template-columns:repeat(3,minmax(0,1fr))}}.chip-option{flex-direction:column;gap:.125rem;padding:.875rem 1rem}.chip-option b{font-weight:var(--weight-button)}.chip-option small{font-size:var(--text-xs);color:var(--text-secondary)}.option-list{border:0;gap:.5rem;margin:0;padding:0;display:grid}.option-row{align-items:center;gap:.875rem;padding:1rem}.option-row input{flex-shrink:0;width:1.25rem;height:1.25rem;margin:0}@media (max-width:559px){.routine-fields{grid-template-columns:minmax(0,1fr);gap:1rem}}.weekday-options label{min-height:2.75rem;font-size:var(--text-sm);align-items:center;gap:.375rem;display:inline-flex}.checkin-option{min-height:3.25rem;font-size:var(--text-sm);font-weight:500;line-height:var(--leading-snug);text-align:center;justify-content:center;align-items:center;padding:.5rem .75rem}.checkin-radio{opacity:0;pointer-events:none;position:absolute}.card{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.panel-head h2{font-size:var(--text-lg);letter-spacing:-.015em;font-weight:600}.tag{border-radius:var(--radius-full);background:var(--surface-sunken);color:var(--text-secondary);font-size:var(--text-xs);white-space:nowrap;align-items:center;gap:.25rem;padding:.1875rem .5625rem;font-weight:500;display:inline-flex}.tag[data-tone=ok]{background:var(--state-success-surface);color:var(--state-success)}.tag[data-tone=warning]{background:var(--state-warning-surface);color:var(--state-warning)}.tag[data-tone=danger]{background:var(--state-danger-surface);color:var(--state-danger)}.empty-state{border:1px dashed var(--border-default);border-radius:var(--radius-lg);background:var(--surface-raised);flex-direction:column;align-items:flex-start;gap:.5rem;padding:clamp(1.25rem,3vw,1.75rem);display:flex}.empty-state-inline{background:var(--surface-muted)}.empty-state-title{font-size:var(--text-lg);letter-spacing:-.015em;font-weight:600}.empty-state-body{max-width:48ch;color:var(--text-secondary)}.empty-state .btn{margin-top:.5rem}.skeleton,.skeleton-panel{background:linear-gradient(90deg, var(--surface-sunken) 0%, #f1efea 50%, var(--surface-sunken) 100%);background-size:200% 100%;animation:1.4s linear infinite shimmer}.skeleton-panel{border-radius:var(--radius-lg);min-height:9rem}.muted{color:var(--text-secondary);font-size:var(--text-sm)}.mini-track{border-radius:var(--radius-full);background:var(--surface-sunken);height:6px;margin-top:.5rem;display:block;overflow:hidden}.mini-fill{border-radius:inherit;height:100%;transition:width .7s var(--ease-out);display:block}.mini-date{border:1px solid var(--border-subtle);background:var(--surface-raised);border-radius:12px;flex-shrink:0;align-content:center;place-items:center;width:3rem;height:3rem;line-height:1;display:grid}.mini-date b{font-size:var(--text-lg);letter-spacing:-.02em;font-weight:620}.mini-date small{color:var(--text-secondary);letter-spacing:.04em;margin-top:.1875rem;font-size:.625rem;font-weight:600}.mini-date[data-urgent=true]{background:var(--state-warning-surface);color:var(--state-warning);border-color:#0000}.mini-date[data-urgent=true] small{color:var(--state-warning)}.toast-region{left:0;right:0;bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom) + .75rem);z-index:var(--z-toast);pointer-events:none;justify-content:center;padding-inline:1rem;display:flex;position:fixed}@media (min-width:1024px){.toast-region{padding-left:16rem;bottom:1.5rem}}.toast{background:var(--surface-inverse);max-width:min(28rem,100%);min-height:3rem;color:var(--text-on-inverse);box-shadow:var(--shadow-lg);font-size:var(--text-sm);pointer-events:auto;animation:toast-in var(--duration-slow) var(--ease-out);border-radius:14px;align-items:center;gap:1rem;padding:.5rem .5rem .5rem 1.125rem;font-weight:500;display:flex}.toast[data-tone=error]{background:#7a1c16}.toast button{color:#fff;min-height:2.25rem;font-size:var(--text-sm);transition:background-color var(--duration-fast) var(--ease-out);background:#ffffff1f;border-radius:10px;flex-shrink:0;padding:0 .875rem;font-weight:600}.toast button:hover{background:#fff3}.connection-status{top:calc(env(safe-area-inset-top) + .75rem);z-index:var(--z-toast);border-radius:var(--radius-full);background:var(--surface-inverse);max-width:calc(100vw - 2rem);color:var(--text-on-inverse);box-shadow:var(--shadow-lg);font-size:var(--text-sm);animation:fade-down var(--duration-slow) var(--ease-out);align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;display:flex;position:fixed;left:50%;transform:translate(-50%)}.connection-status[data-state=online]{background:var(--state-success)}.status-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:100dvh;padding:2rem 1.25rem;display:flex}.status-code{color:var(--text-accent);font-size:var(--text-sm);margin-top:2.5rem;font-weight:500}.status-title{font-size:var(--text-3xl);letter-spacing:-.034em;text-wrap:balance;font-weight:620;line-height:1.08}.status-body{max-width:40ch;color:var(--text-secondary);font-size:var(--text-md)}.status-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.empty-state .status-actions{justify-content:flex-start;margin-top:.5rem}.status-digest{color:var(--text-tertiary);font-size:var(--text-xs);margin-top:.75rem}.app-head{margin-bottom:1.5rem}.record{min-height:3.5rem;padding-block:.875rem}.record-main b{font-size:.9375rem;font-weight:var(--weight-button)}.record-main small,.record-meta{font-size:var(--text-xs)}.seg a{font-weight:500}.seg a[aria-current=page]{font-weight:var(--weight-button)}.pet-switch a{font-weight:500}.pet-switch a[aria-current=page]{border-color:var(--brand-forest);background:var(--brand-forest);color:#fff}.stat-label,.omni-kind,.data-table th{font-size:var(--text-xs);letter-spacing:0;text-transform:none;font-weight:500}.stat-value{letter-spacing:-.025em;font-weight:620}.alert{border-radius:12px}.empty{border-color:var(--border-default)}.empty h3{font-family:var(--font-sans);letter-spacing:-.015em;font-weight:600}.lede{color:var(--text-secondary);font-size:var(--text-md);line-height:1.55}.app-shell{background:var(--surface-page);min-height:100dvh}.app-side{display:none}.app-side-inner{z-index:var(--z-header);border-right:1px solid var(--border-subtle);background:var(--surface-page);flex-direction:column;gap:1rem;width:16rem;padding:1.25rem .875rem 1rem;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.app-side-logo{border-radius:var(--radius-sm);align-self:flex-start;padding:.25rem .5rem .375rem;display:inline-flex}.app-nav{gap:2px;display:grid}.app-nav-group{color:var(--text-tertiary);font-size:var(--text-xs);letter-spacing:0;text-transform:none;margin:1.125rem .75rem .375rem;font-weight:500}.app-nav a{min-height:2.375rem;color:var(--text-secondary);font-size:var(--text-sm);transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);border-radius:10px;align-items:center;gap:.75rem;padding:0 .75rem;font-weight:500;display:flex}.app-nav a:hover{color:var(--text-primary);background:#141a160b}.app-nav a[aria-current=page]{background:var(--surface-raised);color:var(--text-primary);font-weight:var(--weight-button);box-shadow:var(--shadow-sm), 0 0 0 1px var(--border-subtle)}.app-nav a[aria-current=page] svg{color:var(--brand-forest)}.app-plan{border:1px solid var(--border-subtle);background:var(--surface-raised);border-radius:14px;gap:.125rem;margin-top:auto;padding:.875rem;display:grid}.app-plan-label{color:var(--text-tertiary);font-size:var(--text-xs)}.app-plan-name{font-size:var(--text-sm);font-weight:600}.app-plan-meta{color:var(--text-secondary);font-size:var(--text-xs)}.app-plan .btn{margin-top:.625rem}.app-body{min-width:0}.app-topbar{z-index:var(--z-header);padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-page) 86%, transparent);-webkit-backdrop-filter:saturate(160%)blur(14px);backdrop-filter:saturate(160%)blur(14px);position:sticky;top:0}.app-topbar-inner{max-width:var(--width-app);align-items:center;gap:.5rem;min-height:3.5rem;margin-inline:auto;padding:.5rem clamp(1rem,4vw,2.5rem);display:flex}.app-topbar-logo{flex-shrink:0;display:inline-flex}.app-topbar-pet{flex:0 auto;min-width:0}.app-topbar-actions{flex-shrink:0;align-items:center;gap:.5rem;margin-left:auto;display:flex}.omni-trigger,.create-trigger{min-width:2.75rem;min-height:2.75rem;padding:0}.omni-trigger{color:var(--text-secondary);font-weight:500}.omni-trigger-label,.omni-trigger-kbd,.create-trigger-label,.create-trigger-chevron{display:none}.create-trigger-chevron{transition:transform var(--duration-fast) var(--ease-out)}.create-trigger-chevron[data-open=true]{transform:rotate(180deg)}.omni-trigger-kbd{border:1px solid var(--border-default);background:var(--surface-muted);color:var(--text-tertiary);font-family:var(--font-sans);border-radius:6px;margin-left:.25rem;padding:.0625rem .375rem;font-size:.6875rem}@media (min-width:768px){.omni-trigger,.create-trigger{min-height:2.5rem;padding:0 1rem}.omni-trigger-label,.create-trigger-label,.create-trigger-chevron{display:inline}.omni-trigger-kbd{display:inline-block}}@media (max-width:400px){.app-topbar-logo{display:none}}@media (min-width:1024px){.app-shell{padding-left:16rem}.app-side{display:block}.app-topbar-logo,.app-topbar-pet{display:none}.app-topbar-inner{min-height:4rem}}.app-main{padding-bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom) + 1.5rem)}@media (min-width:1024px){.app-main{padding-bottom:3rem}}.app-page{max-width:var(--width-app);margin-inline:auto;padding:clamp(1.25rem,3vw,2.25rem) clamp(1rem,4vw,2.5rem) 0}.app-page-narrow{max-width:46rem}.app-title{font-family:var(--font-sans);font-size:var(--text-2xl);letter-spacing:-.03em;font-weight:620;line-height:1.1}.app-sub{max-width:60ch;color:var(--text-secondary);font-size:var(--text-md);margin-top:.5rem;line-height:1.5}.page-head{margin:.75rem 0 1.5rem}.app-tabbar{z-index:var(--z-tabbar);padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-raised) 90%, transparent);-webkit-backdrop-filter:saturate(160%)blur(16px);backdrop-filter:saturate(160%)blur(16px);position:fixed;inset:auto 0 0}.app-tabbar ul{grid-template-columns:repeat(5,1fr);max-width:32rem;margin-inline:auto;padding-inline:.25rem;display:grid}.app-tabbar a{min-height:var(--tabbar-height);color:var(--text-tertiary);font-size:var(--text-2xs);-webkit-tap-highlight-color:transparent;transition:color var(--duration-fast) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-weight:500;display:flex}.app-tab-icon{border-radius:var(--radius-full);width:3.5rem;height:1.875rem;transition:background-color var(--duration-base) var(--ease-out), transform var(--duration-fast) var(--ease-out);place-items:center;display:grid}.app-tabbar a[aria-current=page]{color:var(--text-primary);font-weight:600}.app-tabbar a[aria-current=page] .app-tab-icon{color:var(--brand-forest);background:#203b2d1a}@media (min-width:1024px){.app-tabbar{display:none}}.app-shell:has(.focus-page){padding-left:0}:is(.app-shell:has(.focus-page) .app-side,.app-shell:has(.focus-page) .app-topbar,.app-shell:has(.focus-page) .app-tabbar){display:none}.app-shell:has(.focus-page) .app-main{padding-bottom:0}.create-sheet{border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);animation:pop-in .18s var(--ease-out);border-radius:16px}.create-sheet a{border-radius:10px}.pet-avatar-dot{color:#5a4632;background:#efe3cf;border-radius:50%;flex-shrink:0;place-items:center;width:2.25rem;height:2.25rem;font-size:.9375rem;font-weight:600;line-height:1;display:inline-grid}.pet-avatar-dot[data-species=cat]{color:#8a3d26;background:#f5ded4}.pet-avatar-dot[data-size=sm]{width:1.875rem;height:1.875rem;font-size:.8125rem}.pet-avatar-dot[data-size=lg]{width:3rem;height:3rem;font-size:1.25rem}.pet-menu{min-width:0;position:relative}.pet-menu-trigger{border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--surface-raised);max-width:100%;min-height:2.75rem;box-shadow:var(--shadow-xs);font-size:var(--text-sm);font-weight:var(--weight-button);transition:border-color var(--duration-fast) var(--ease-out);align-items:center;gap:.5rem;padding:.25rem .75rem .25rem .375rem;display:flex}.pet-menu-trigger:hover{border-color:var(--border-strong)}.pet-menu-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:8.5rem;overflow:hidden}.pet-menu-chevron{color:var(--text-secondary);transition:transform var(--duration-fast) var(--ease-out);flex-shrink:0}.pet-menu-trigger[aria-expanded=true] .pet-menu-chevron{transform:rotate(180deg)}.app-side .pet-menu-trigger{border-radius:12px;width:100%;min-height:3rem;padding:.375rem .75rem .375rem .5rem}.app-side .pet-menu-name{max-width:none}.app-side .pet-menu-chevron{margin-left:auto}.pet-menu-pop{z-index:var(--z-dropdown);border:1px solid var(--border-subtle);background:var(--surface-raised);width:16rem;max-width:calc(100vw - 2rem);box-shadow:var(--shadow-lg);transform-origin:100% 0;animation:pop-in .18s var(--ease-out);border-radius:16px;padding:.375rem;position:absolute;top:calc(100% + .5rem);right:0}.pet-menu[data-align=start] .pet-menu-pop{transform-origin:0 0;width:100%;min-width:14rem;left:0;right:auto}.pet-menu-label{color:var(--text-tertiary);font-size:var(--text-xs);padding:.5rem .625rem .25rem;font-weight:500}.pet-menu-pop ul{max-height:50vh;overflow-y:auto}.pet-menu-pop li a{min-height:2.75rem;transition:background-color var(--duration-fast) var(--ease-out);border-radius:10px;align-items:center;gap:.75rem;padding:.4375rem .625rem;display:flex}.pet-menu-pop li a:hover,.pet-menu-pop li a[aria-current=true]{background:var(--surface-muted)}.pet-menu-item-text{flex:1;min-width:0}.pet-menu-item-text b{font-size:var(--text-sm);font-weight:var(--weight-button);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.pet-menu-item-text small{color:var(--text-secondary);font-size:var(--text-xs);display:block}.pet-menu-check{color:var(--brand-forest);flex-shrink:0}.pet-menu-add{border-top:1px solid var(--border-subtle);min-height:2.75rem;color:var(--text-secondary);font-size:var(--text-sm);transition:color var(--duration-fast) var(--ease-out);align-items:center;gap:.625rem;margin-top:.25rem;padding:.625rem;font-weight:500;display:flex}.pet-menu-add:hover{color:var(--text-primary)}.td-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:clamp(1.25rem,3vw,2rem);display:flex}.td-date{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500}.td-date:first-letter{text-transform:uppercase}.td-greeting{font-size:var(--text-2xl);letter-spacing:-.032em;margin-top:.25rem;font-weight:620;line-height:1.1}.td-pet{width:3rem;height:3rem;box-shadow:0 0 0 3px var(--surface-page), 0 0 0 4px var(--border-default);transition:transform var(--duration-fast) var(--ease-out);border-radius:50%;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.td-pet img{object-fit:cover;width:100%;height:100%}.td-pet:hover{transform:scale(1.04)}.td-grid{gap:1.5rem;display:grid}@media (min-width:1024px){.td-grid{grid-template-columns:minmax(0,1fr) 20rem;align-items:start;gap:2rem}}.td-main,.td-side{min-width:0}.td-side{align-content:start;gap:1rem;display:grid}.td-summary{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--surface-raised);box-shadow:var(--shadow-sm);gap:1.25rem;padding:clamp(1.25rem,3vw,1.625rem);display:grid}.td-summary-text{min-width:0}.td-kicker{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500}.td-headline{max-width:26ch;font-size:var(--text-xl);letter-spacing:-.02em;text-wrap:balance;margin-top:.375rem;font-weight:600;line-height:1.25}.td-next{color:var(--text-secondary);font-size:var(--text-sm);flex-wrap:wrap;align-items:center;gap:.375rem;margin-top:.875rem;display:flex}.td-next b,.td-next span{color:var(--text-primary)}.td-next b{font-weight:600}.td-next[data-late=true],.td-next[data-late=true] b{color:var(--state-warning)}.td-streak{border-radius:var(--radius-full);color:var(--text-accent);font-size:var(--text-xs);background:#f7e8e1;align-items:center;gap:.375rem;margin-top:.75rem;padding:.25rem .625rem;font-weight:500;display:inline-flex}.td-routine-heading{font-size:var(--text-xl);letter-spacing:-.02em;font-weight:600}.td-summary .td-headline{font-size:var(--text-md);color:var(--text-secondary);text-wrap:pretty;max-width:52ch;font-weight:400;line-height:1.5}.td-progress{min-width:0}.td-progress-label{font-size:var(--text-sm);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.td-progress-label strong{font-size:var(--text-lg);color:var(--brand-forest)}.td-progress-track{border-radius:var(--radius-full);background:var(--surface-sunken);height:.625rem;margin-top:.625rem;overflow:hidden}.td-progress-track>span{transform-origin:0;background:var(--brand-forest);border-radius:inherit;width:100%;height:100%;transition:transform .42s var(--ease-out);display:block}.td-progress[data-complete=true] .td-progress-track>span{background:var(--state-success)}.td-progress-note{font-size:var(--text-xs);color:var(--text-secondary);margin-top:.625rem}.td-toggle:target{outline:2px solid var(--brand-forest);outline-offset:3px;scroll-margin-block:6rem}@media (prefers-reduced-motion:reduce){.td-progress-track>span{transition:none}}.td-list-head{justify-content:space-between;align-items:baseline;gap:1rem;margin:1.75rem 0 .75rem;display:flex}.td-list-head h2{font-size:var(--text-lg);letter-spacing:-.015em;font-weight:600}.td-link{color:var(--text-secondary);font-size:var(--text-sm);text-decoration:underline;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);text-underline-offset:.22em;transition:color var(--duration-fast) var(--ease-out), text-decoration-color var(--duration-fast) var(--ease-out);font-weight:500}.td-link:hover{color:var(--text-primary);text-decoration-color:currentColor}.td-group{color:var(--text-tertiary);font-size:var(--text-xs);margin:1.25rem 0 .5rem;font-weight:500}.td-list{gap:.5rem;display:grid}.td-toggle{border:1px solid var(--border-subtle);background:var(--surface-raised);text-align:left;-webkit-tap-highlight-color:transparent;width:100%;min-height:3.875rem;transition:background-color var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), transform var(--duration-fast) var(--ease-out);border-radius:14px;grid-template-columns:2.75rem 2.5rem minmax(0,1fr) 1.75rem;align-items:center;gap:.75rem;padding:.625rem .875rem;display:grid}@media (hover:hover){.td-toggle:hover:not(:disabled){border-color:var(--border-default);box-shadow:var(--shadow-sm)}}.td-toggle:active:not(:disabled){transform:scale(.985)}.td-toggle:disabled{opacity:1;cursor:progress}.td-time{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500}.td-cat{background:var(--surface-sunken);width:2.5rem;height:2.5rem;color:var(--text-primary);transition:background-color var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out);border-radius:12px;place-items:center;display:grid}.td-label{flex-direction:column;min-width:0;display:flex}.td-label-text{font-weight:var(--weight-button);overflow-wrap:anywhere;transition:color var(--duration-base) var(--ease-out)}.td-label small{color:var(--text-secondary);font-size:var(--text-xs)}.td-check{border:1.5px solid var(--border-strong);width:1.75rem;height:1.75rem;transition:background-color .22s var(--ease-out), border-color .22s var(--ease-out);border-radius:50%;justify-self:end;place-items:center;display:grid}.td-check svg{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24px;width:1rem;height:1rem;transition:stroke-dashoffset .36s var(--ease-out) 60ms}.td-item[data-done=true] .td-toggle{background:var(--surface-muted);border-color:#0000}.td-item[data-done=true] .td-check{border-color:var(--brand-forest);background:var(--brand-forest)}.td-item[data-done=true] .td-check svg{stroke-dashoffset:0}.td-item[data-done=true] .td-label-text{color:var(--text-secondary);-webkit-text-decoration:line-through #141a1647;text-decoration:line-through #141a1647;text-decoration-thickness:1.5px}.td-item[data-done=true] .td-cat{background:var(--state-success-surface);color:var(--state-success)}.td-toggle[data-pop=true] .td-check{animation:check-pop .42s var(--ease-spring)}.td-item[data-pending=true] .td-check{animation:.9s ease-in-out infinite soft-pulse}@media (max-width:420px){.td-toggle{grid-template-columns:2.5rem 2.25rem minmax(0,1fr) 1.75rem;gap:.625rem;padding-inline:.75rem}.td-cat{width:2.25rem;height:2.25rem}}.today-checkin{border:1px solid var(--border-subtle);background:var(--surface-raised);border-radius:14px;margin-top:.5rem;padding:0 1rem}.today-checkin>summary{min-height:3.875rem;font-weight:var(--weight-button)}.td-disclaimer{color:var(--text-tertiary);font-size:var(--text-xs);margin-top:1rem}.td-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-raised);padding:1.125rem 1.125rem 1.25rem}.td-panel h2{font-size:var(--text-base);letter-spacing:-.01em;font-weight:600}.td-panel-head{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.875rem;display:flex}.td-panel-meta{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500}.td-panel-foot{color:var(--text-tertiary);font-size:var(--text-xs);margin-top:.875rem;line-height:1.5}.td-quick h2{margin-bottom:.75rem}.td-quick ul{grid-template-columns:repeat(5,minmax(0,1fr));gap:.25rem;display:grid}.td-quick a{color:var(--text-secondary);font-size:var(--text-xs);text-align:center;transition:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);border-radius:12px;flex-direction:column;align-items:center;gap:.375rem;padding:.5rem .125rem;font-weight:500;display:flex}.td-quick a:hover{background:var(--surface-muted);color:var(--text-primary)}.td-quick-icon{border:1px solid var(--border-subtle);background:var(--surface-muted);width:2.75rem;height:2.75rem;color:var(--text-primary);transition:transform var(--duration-fast) var(--ease-out);border-radius:14px;place-items:center;display:grid}.td-quick a:active .td-quick-icon{transform:scale(.92)}.td-upcoming{gap:2px;margin-inline:-.5rem;display:grid}.td-upcoming a{min-height:3rem;transition:background-color var(--duration-fast) var(--ease-out);border-radius:12px;align-items:center;gap:.75rem;padding:.5rem;display:flex}.td-upcoming a:hover{background:var(--surface-muted)}.td-upcoming-icon{background:var(--surface-sunken);border-radius:10px;flex-shrink:0;place-items:center;width:2.25rem;height:2.25rem;display:grid}.td-upcoming a[data-tone=warn] .td-upcoming-icon{background:var(--state-warning-surface);color:var(--state-warning)}.td-upcoming a[data-tone=late] .td-upcoming-icon{background:var(--state-danger-surface);color:var(--state-danger)}.td-upcoming a[data-tone=late] small{color:var(--state-danger)}.td-upcoming-text{flex:1;min-width:0}.td-upcoming-text b{font-size:var(--text-sm);font-weight:var(--weight-button);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.td-upcoming-text small{color:var(--text-secondary);font-size:var(--text-xs);margin-top:1px;display:block}.td-upcoming-chevron{color:var(--text-tertiary);flex-shrink:0}.td-empty p{color:var(--text-secondary);font-size:var(--text-sm)}.td-empty .td-link{margin-top:.375rem;display:inline-block}.td-week{grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem;height:6.5rem;display:grid}.td-week li{flex-direction:column;align-items:center;gap:.375rem;display:flex}.td-week-bar{background:var(--surface-sunken);border-radius:8px;flex:1;width:100%;max-width:1.75rem;position:relative;overflow:hidden}.td-week-bar span{height:calc(var(--v,0) * 100%);background:var(--brand-forest);animation:bar-rise .8s var(--ease-out) both;border-radius:8px;position:absolute;inset:auto 0 0}.td-week li[data-state=today] .td-week-bar span{background:var(--brand-terracotta)}.td-week li[data-state=future] .td-week-bar{opacity:.5}.td-week-day{color:var(--text-tertiary);font-size:var(--text-xs);font-weight:500}.td-week li[data-state=today] .td-week-day{color:var(--text-primary);font-weight:600}.td-learn{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-raised);transition:box-shadow var(--duration-base) var(--ease-out);grid-template-columns:4.5rem minmax(0,1fr) auto;align-items:center;gap:.875rem;padding:.625rem 1rem .625rem .625rem;display:grid}.td-learn:hover{box-shadow:var(--shadow-md)}.td-learn img{object-fit:cover;border-radius:12px;width:4.5rem;height:4.5rem}.td-learn b{font-size:var(--text-sm);font-weight:600;display:block}.td-learn small{color:var(--text-secondary);font-size:var(--text-xs);display:block}.td-learn>svg{color:var(--text-tertiary)}.td-side .panel{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-raised);padding:1.125rem 1.125rem 1.25rem}.rt-list{display:grid}.rt-item{border-top:1px solid var(--border-subtle);padding:.875rem 0}.rt-item:first-child{border-top:0;padding-top:.25rem}.rt-row{align-items:center;gap:.875rem;display:flex}.rt-icon{background:var(--surface-sunken);border-radius:12px;flex-shrink:0;place-items:center;width:2.5rem;height:2.5rem;display:grid}.rt-text{flex:1;min-width:0}.rt-text b{font-weight:var(--weight-button);overflow-wrap:anywhere;display:block}.rt-text small{color:var(--text-secondary);font-size:var(--text-sm);display:block}.rt-item[data-paused=true] .rt-row{opacity:.6}.rt-actions{flex-wrap:wrap;gap:.25rem;margin:.5rem 0 0 3.375rem;display:flex}.rt-edit>summary{list-style:none}.rt-edit>summary::-webkit-details-marker{display:none}.rt-edit[open]{flex-basis:100%}.rt-edit[open]>form{border:1px solid var(--border-subtle);background:var(--surface-muted);border-radius:14px;margin-top:.5rem;padding:1rem}@media (max-width:480px){.rt-actions{margin-left:0}}.ob-page{max-width:36rem;min-height:100dvh;padding:calc(1rem + env(safe-area-inset-top)) clamp(1.25rem, 5vw, 2rem) calc(1.25rem + env(safe-area-inset-bottom));flex-direction:column;margin-inline:auto;display:flex}.ob-logo{justify-content:center;padding-block:.5rem 1.25rem;display:flex}.ob-form{flex-direction:column;flex:1;display:flex}.ob-top{align-items:center;gap:.75rem;margin-bottom:clamp(1.5rem,5vh,2.5rem);display:flex}.ob-back:disabled{visibility:hidden}.ob-progress{border-radius:var(--radius-full);background:var(--surface-sunken);flex:1;height:4px;overflow:hidden}.ob-progress span{border-radius:inherit;background:var(--brand-forest);transform-origin:0;height:100%;transition:transform .5s var(--ease-out);display:block}.ob-count{min-width:2rem;color:var(--text-tertiary);font-size:var(--text-xs);text-align:right;font-weight:500}.ob-step:not([hidden]){animation:step-in .38s var(--ease-out) both}.ob-kicker{color:var(--text-accent);font-size:var(--text-sm);font-weight:500}.ob-title{letter-spacing:-.032em;outline:none;margin:.375rem 0 1.5rem;font-size:clamp(1.75rem,1.4rem + 1.4vw,2.25rem);font-weight:620;line-height:1.12}.ob-step .hint{margin-top:.75rem}.ob-species{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0;padding:0;display:grid}.ob-species-card{border:1px solid var(--border-default);background:var(--surface-raised);cursor:pointer;transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), border-color var(--duration-fast) var(--ease-out);border-radius:18px;position:relative;overflow:hidden}.ob-species-card img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.ob-species-card span{font-size:var(--text-md);padding:.75rem 1rem;font-weight:600;display:block}.ob-species-card:has(input:checked){border-color:var(--brand-forest);box-shadow:0 0 0 2px var(--brand-forest)}@media (hover:hover){.ob-species-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ob-species-card:has(input:checked):hover{box-shadow:0 0 0 2px var(--brand-forest), var(--shadow-md)}}.ob-error{margin-top:.75rem}.ob-error:empty{margin:0}.ob-actions{gap:.5rem;margin-top:auto;padding-top:2rem;display:grid}.ready-page{place-items:center;min-height:100dvh;padding:1.5rem clamp(1.25rem,5vw,2rem);display:grid}.ready-card{text-align:center;width:100%;max-width:26rem;animation:fade-up .7s var(--ease-out) both;flex-direction:column;align-items:center;gap:1rem;display:flex}.ready-avatar{position:relative}.ready-avatar .pet-avatar-dot{width:5rem;height:5rem;font-size:2rem}.ready-badge{border:3px solid var(--surface-page);background:var(--brand-forest);color:#fff;width:1.875rem;height:1.875rem;animation:badge-pop .52s var(--ease-spring) .38s both;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-2px;right:-2px}.ready-title{letter-spacing:-.032em;text-wrap:balance;font-size:clamp(1.75rem,1.4rem + 1.5vw,2.375rem);font-weight:620;line-height:1.1}.ready-list{text-align:left;gap:.5rem;width:100%;margin-top:.5rem;display:grid}.ready-list li{border:1px solid var(--border-subtle);background:var(--surface-raised);font-size:var(--text-sm);animation:fade-up .5s var(--ease-out) both;border-radius:12px;align-items:center;gap:.625rem;padding:.75rem 1rem;font-weight:500;display:flex}.ready-list li:first-child{animation-delay:.35s}.ready-list li:nth-child(2){animation-delay:.45s}.ready-list li:nth-child(3){animation-delay:.55s}.ready-list svg{color:var(--state-success);flex-shrink:0}.ready-actions{gap:.5rem;width:100%;margin-top:1rem;display:grid}.auth{background:var(--surface-page);min-height:100dvh;display:grid}@media (min-width:960px){.auth{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}}.auth-main{min-height:100dvh;padding:calc(1.25rem + env(safe-area-inset-top)) clamp(1.25rem, 6vw, 4rem) calc(1.25rem + env(safe-area-inset-bottom));flex-direction:column;display:flex}.auth-top{display:flex}.auth-body{width:100%;max-width:24rem;animation:fade-up .6s var(--ease-out) both;margin:auto;padding-block:2.5rem}.auth-title{letter-spacing:-.034em;text-wrap:balance;font-size:clamp(1.75rem,1.35rem + 1.3vw,2.375rem);font-weight:620;line-height:1.08}.auth-subtitle{color:var(--text-secondary);font-size:var(--text-md);margin-top:.625rem;line-height:1.5}.auth-notice{border-radius:var(--radius-md);background:var(--state-info-surface);color:var(--state-info);font-size:var(--text-sm);margin-top:1.25rem;padding:.75rem 1rem;font-weight:500;line-height:1.45}.auth-form{margin-top:2rem}.auth-fields,.auth-form>form{gap:1.125rem;display:grid}.auth-fields>.btn:last-child{margin-top:.375rem}.auth-switch{color:var(--text-secondary);font-size:var(--text-sm);text-align:center;margin-top:1.75rem}.auth-legal{color:var(--text-tertiary);font-size:var(--text-xs);justify-content:center;gap:.625rem;display:flex}.auth-legal a{transition:color var(--duration-fast) var(--ease-out)}.auth-legal a:hover{color:var(--text-primary)}.auth-aside{display:none}@media (min-width:960px){.auth-aside{background:radial-gradient(120% 80% at 50% 0%, #1d2822 0%, var(--surface-inverse) 62%);border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:2.5rem;margin:.75rem;padding:3rem 2rem;display:flex;position:relative;overflow:hidden}}.auth-stage{animation:fade-up .9s var(--ease-out) .12s both;position:relative}.auth-phone{width:min(17rem,48.5437dvh - 7.28155rem)}.auth-phone .device-frame{box-shadow:0 50px 90px -30px #0009,inset 0 0 0 1px #ffffff24}.auth-float{color:var(--text-primary);animation:float-in .8s var(--ease-out) both;background:#fffffff7;border-radius:14px;align-items:center;gap:.625rem;padding:.625rem .875rem .625rem .625rem;font-size:.8125rem;display:flex;position:absolute;box-shadow:0 24px 44px -14px #0000008c}.auth-float b{font-weight:600;line-height:1.2;display:block}.auth-float small{color:var(--text-secondary);font-size:.75rem;display:block}.auth-float-icon{background:var(--state-success-surface);width:1.75rem;height:1.75rem;color:var(--state-success);border-radius:8px;place-items:center;display:grid}.auth-float-a{animation-delay:.5s;top:34%;left:-6rem}.auth-float-b{flex-direction:column;align-items:stretch;gap:.375rem;width:10.5rem;padding:.75rem .875rem;animation-delay:.7s;bottom:20%;right:-5rem}.auth-float-bar{border-radius:var(--radius-full);background:var(--surface-sunken);height:6px;overflow:hidden}.auth-float-bar span{border-radius:inherit;background:var(--brand-forest);transform-origin:0;width:80%;height:100%;animation:grow-x 1.1s var(--ease-out) 1s both;display:block}.auth-aside-caption{max-width:30ch;color:var(--text-on-inverse-muted);font-size:var(--text-sm);text-align:center;line-height:1.5}.site-nav{z-index:var(--z-header);padding-top:env(safe-area-inset-top);transition:background-color var(--duration-slow) var(--ease-out), border-color var(--duration-slow) var(--ease-out);background:0 0;border-bottom:1px solid #0000;position:fixed;inset:0 0 auto}.site-nav[data-scrolled=true]{border-bottom-color:var(--border-subtle);background:color-mix(in srgb, var(--surface-page) 84%, transparent);-webkit-backdrop-filter:saturate(160%)blur(16px);backdrop-filter:saturate(160%)blur(16px)}.site-nav-inner{max-width:var(--width-page);height:4.25rem;transition:height var(--duration-slow) var(--ease-out);justify-content:space-between;align-items:center;gap:1rem;margin-inline:auto;padding-inline:clamp(1rem,4vw,2.5rem);display:flex}.site-nav-desktop{align-items:center;gap:.25rem;display:none}.nav-link{border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-sm);transition:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);padding:.5rem .75rem;font-weight:500}.nav-link:hover{color:var(--text-primary);background:#141a160d}.nav-link[aria-current=true]{color:var(--text-primary);background:#141a160f}.site-nav[data-scrolled=true] .site-nav-inner{height:3.625rem}.site-nav[data-scrolled=true]{box-shadow:0 1px #141a1608,0 8px 24px -16px #141a162e}.site-nav-sep{background:var(--border-default);width:1px;height:1.25rem;margin-inline:.5rem}.site-nav-trigger{border-radius:var(--radius-full);place-items:center;width:2.75rem;height:2.75rem;display:grid}@media (min-width:900px){.site-nav-desktop{display:flex}.site-nav-trigger{display:none}}.lp-wrap{width:100%;max-width:var(--width-page);margin-inline:auto;padding-inline:clamp(1rem,4vw,2.5rem)}.plans-page{padding:calc(4rem + clamp(2rem,6vw,4rem)) 0 clamp(4rem,8vw,6rem)}.plans-page-head{max-width:44rem;margin-bottom:clamp(2.5rem,5vw,3.5rem)}.plans-eyebrow{color:var(--text-accent);font-size:var(--text-sm);margin-bottom:.875rem;font-weight:500}.plans-title{text-wrap:balance;font-size:var(--text-4xl);letter-spacing:-.035em;font-weight:620;line-height:1.04}.plans-title span{color:#858982;display:block}.plans-lede{max-width:48ch;color:var(--text-secondary);font-size:var(--text-md);margin-top:1.25rem;line-height:1.55}.plans-notice{border-radius:var(--radius-md);background:var(--state-info-surface);color:var(--state-info);font-size:var(--text-sm);margin-top:1.25rem;padding:.75rem 1rem;font-weight:500;display:inline-block}.plans-comparison{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}@media (min-width:900px){.plans-comparison{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:1.25rem}}.plan-option{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--surface-raised);min-width:0;box-shadow:var(--shadow-xs);flex-direction:column;padding:clamp(1.375rem,3vw,1.75rem);scroll-margin-top:6rem;display:flex;position:relative}.plan-option-featured{border:1px solid var(--brand-forest);background:var(--surface-raised);box-shadow:0 0 0 1px var(--brand-forest), var(--shadow-md);padding:clamp(1.375rem,3vw,1.75rem)}.plan-option h2,.plan-option h3,.plan-option-featured h2,.plan-option-featured h3{color:var(--text-primary);font-size:var(--text-xl);letter-spacing:-.018em;font-weight:600}.plan-recommendation{border-radius:var(--radius-full);background:var(--brand-forest);color:#fff;font-size:var(--text-xs);margin:0;padding:.25rem .625rem;font-weight:600;position:absolute;top:clamp(1.375rem,3vw,1.75rem);right:clamp(1.375rem,3vw,1.75rem)}.plan-description{color:var(--text-secondary);font-size:var(--text-sm);margin-top:.375rem;line-height:1.5}.plan-price,.plan-option-featured .plan-price{color:var(--text-primary);font-family:var(--font-sans);letter-spacing:-.04em;margin:1.5rem 0 1.25rem;font-size:clamp(2rem,1.6rem + 1.2vw,2.5rem);font-weight:640;line-height:1}.plan-price span{color:var(--text-secondary);font-size:var(--text-sm);letter-spacing:0;margin-left:.25rem;font-weight:400}.plan-option ul{border-top:1px solid var(--border-subtle);flex:1;align-content:start;gap:.75rem;margin:0 0 1.5rem;padding-top:1.25rem;display:grid}.plan-option li,.plans-included li{font-size:var(--text-sm);align-items:flex-start;gap:.625rem;line-height:1.5;display:flex}.plan-option li svg,.plans-included li svg{color:var(--state-success);flex-shrink:0;margin-top:1px}.plan-cta{gap:.5rem;display:grid}.plans-included{border-top:1px solid var(--border-subtle);margin-top:clamp(2rem,5vw,3rem);padding-top:1.75rem}.plans-included h2,.plans-included h3{font-size:var(--text-lg);letter-spacing:-.015em;font-weight:600}.plans-included ul{grid-template-columns:minmax(0,1fr);gap:.75rem 2rem;margin:1.25rem 0;display:grid}@media (min-width:720px){.plans-included ul{grid-template-columns:repeat(2,minmax(0,1fr))}}.plans-included .hint{max-width:64ch}.device{flex-shrink:0;width:18rem;container-type:inline-size}.device-frame{aspect-ratio:71.6/146.6;background:linear-gradient(155deg,#666b67 0%,#2a2d2b 12%,#141615 45%,#202321 85%,#585d59 100%);border-radius:16.5cqw;position:relative;box-shadow:inset 0 0 0 1px #ffffff29,0 1px 2px #141a1624,0 20px 40px -16px #141a164d,0 56px 100px -36px #141a1657}.device-frame:before,.device-frame:after{content:"";background:linear-gradient(90deg,#2a2d2b,#4a4f4b);width:.9cqw;position:absolute}.device-frame:before{border-radius:0 .6cqw .6cqw 0;height:12%;top:26%;right:-.75cqw}.device-frame:after{background:linear-gradient(270deg,#2a2d2b,#4a4f4b);border-radius:.6cqw 0 0 .6cqw;height:4.2%;top:19%;left:-.75cqw;box-shadow:0 10cqw #34383a,0 20cqw #34383a}.device-screen{background:var(--surface-page);color:var(--text-primary);letter-spacing:-.005em;border-radius:13.4cqw;flex-direction:column;font-size:4.1cqw;line-height:1.3;display:flex;position:absolute;inset:3.3cqw;overflow:hidden;box-shadow:0 0 0 2.3cqw #0a0b0a}.device-status{flex-shrink:0;justify-content:space-between;align-items:center;height:12.5cqw;padding:0 7.5cqw 0 8.5cqw;font-size:3.6cqw;font-weight:600;display:flex;position:relative}.device-island{border-radius:var(--radius-full);background:#0b0c0b;width:29cqw;height:8.4cqw;margin-left:-14.5cqw;position:absolute;top:2.8cqw;left:50%}.device-status-icons{align-items:center;gap:1.2cqw;display:flex}.device-status-icons i{background:currentColor;border-radius:.6cqw;width:4cqw;height:2.6cqw}.device-status-icons b{width:6.2cqw;height:3cqw;box-shadow:inset -1.6cqw 0 0 0 transparent, inset 0 0 0 .5cqw var(--surface-page);background:currentColor;border:.4cqw solid;border-radius:1cqw}.device-screen:after{content:"";z-index:6;border-radius:inherit;pointer-events:none;background:linear-gradient(118deg,#fff3 0%,#ffffff0d 26%,#fff0 40%);position:absolute;inset:0}.device-content{flex:1;min-height:0;position:relative;overflow:hidden}.device-home{z-index:3;border-radius:var(--radius-full);opacity:.85;background:#141a16;width:34cqw;height:1.3cqw;margin-left:-17cqw;position:absolute;bottom:2.2cqw;left:50%}.sc{flex-direction:column;gap:.9em;height:100%;padding:0 1.2em;display:flex;position:relative}.sc-head{justify-content:space-between;align-items:center;padding-top:.3em;display:flex}.sc-pet{align-items:center;gap:.7em;min-width:0;display:flex}.sc-pet b{letter-spacing:-.015em;font-size:1.15em;font-weight:600;display:block}.sc-pet small{color:var(--text-secondary);font-size:.82em;display:block}.sc-avatar{background:var(--surface-sunken);border-radius:50%;flex-shrink:0;overflow:hidden}.sc-avatar img{object-fit:cover;width:100%;height:100%}.sc-iconbtn{background:var(--surface-raised);width:2.4em;height:2.4em;box-shadow:var(--shadow-sm);border-radius:50%;place-items:center;display:grid}.sc-summary{text-align:left;border:1px solid var(--border-subtle);background:var(--surface-raised);border-radius:1.3em;justify-content:space-between;align-items:center;gap:.8em;width:100%;padding:1em 1.1em;display:flex;box-shadow:0 1px 2px #141a160d}.sc-kicker{color:var(--text-secondary);font-size:.82em;font-weight:500}.sc-big{letter-spacing:-.035em;margin-top:.1em;font-size:1.85em;font-weight:640;line-height:1.1}.sc-big small{color:var(--text-secondary);letter-spacing:0;font-size:.45em;font-weight:500}.sc-next{color:var(--text-secondary);margin-top:.35em;font-size:.82em}.sc-ring{background:conic-gradient(var(--brand-forest) calc(var(--p) * 1%), var(--surface-sunken) 0);width:4.2em;height:4.2em;transition:--p .9s var(--ease-out);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.sc-ring b{background:var(--surface-raised);border-radius:50%;place-items:center;width:calc(100% - .9em);height:calc(100% - .9em);font-size:.9em;font-weight:620;display:grid}.sc-list{gap:.45em;display:grid}.sc-row{text-align:left;cursor:pointer;border:1px solid var(--border-subtle);background:var(--surface-raised);width:100%;transition:background-color .4s var(--ease-out);border-radius:1em;grid-template-columns:2.7em 2.2em minmax(0,1fr) 1.9em;align-items:center;gap:.55em;padding:.55em .75em .55em .85em;display:grid}.sc-list time{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.82em;font-weight:500}.sc-cat{background:var(--surface-sunken);width:2.2em;height:2.2em;transition:background-color .4s var(--ease-out), color .4s var(--ease-out);border-radius:.7em;place-items:center;display:grid}.sc-cat svg{width:1.1em;height:1.1em}.sc-label{min-width:0;font-weight:550;line-height:1.2}.sc-label small{color:var(--text-secondary);font-size:.8em;font-weight:400;display:block}.sc-check{border:1.5px solid var(--border-strong);width:1.9em;height:1.9em;transition:background-color .3s var(--ease-out), border-color .3s var(--ease-out);border-radius:50%;place-items:center;display:grid}.sc-check svg{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24px;width:1.1em;height:1.1em;transition:stroke-dashoffset .42s var(--ease-out) .14s}.sc-list li[data-done=true] .sc-row{background:var(--surface-muted)}.sc-list li[data-done=true] .sc-check{border-color:var(--brand-forest);background:var(--brand-forest)}.sc-list li[data-done=true] .sc-check svg{stroke-dashoffset:0}.sc-list li[data-done=true] .sc-label{color:var(--text-secondary)}.sc-list li[data-done=true] .sc-cat{background:var(--state-success-surface);color:var(--state-success)}.sc-tabs{border-top:1px solid var(--border-subtle);background:#ffffffeb;grid-template-columns:repeat(5,1fr);margin:auto -1.2em 0;padding:.6em .3em 2.3em;display:grid}.sc-tabs span,.sc-tabs button{color:var(--text-tertiary);flex-direction:column;align-items:center;gap:.2em;font-size:.7em;display:flex}.sc-tabs span[data-active=true],.sc-tabs button[data-active=true]{color:var(--brand-forest);font-weight:600}.sc-seg{border-radius:var(--radius-full);background:var(--surface-sunken);gap:.25em;padding:.25em;display:flex}.sc-seg span,.sc-seg button{border-radius:var(--radius-full);color:var(--text-secondary);text-align:center;flex:1;padding:.45em 0;font-size:.82em;font-weight:500}.sc-seg span[data-active=true],.sc-seg button[data-active=true]{background:var(--surface-raised);color:var(--text-primary);box-shadow:var(--shadow-sm)}.sc-cards{gap:.5em;display:grid}.sc-card{border:1px solid var(--border-subtle);background:var(--surface-raised);border-radius:1em;align-items:center;gap:.75em;padding:.7em .85em;display:flex}.sc-card b{font-weight:550;display:block}.sc-card small{color:var(--text-secondary);margin-top:.1em;font-size:.8em;display:block}.sc-cardicon{background:var(--surface-sunken);border-radius:.75em;flex-shrink:0;place-items:center;width:2.3em;height:2.3em;display:grid}.sc-card[data-tone=warn] .sc-cardicon{background:var(--state-warning-surface);color:var(--state-warning)}.sc-card[data-tone=ok] .sc-cardicon{background:var(--state-success-surface);color:var(--state-success)}.sc-meals{grid-template-columns:repeat(2,1fr);gap:.5em;display:grid}.sc-meals div{border:1px solid var(--border-subtle);background:var(--surface-raised);border-radius:1em;padding:.8em .9em}.sc-meals small{color:var(--text-secondary);font-size:.8em;display:block}.sc-meals b{letter-spacing:-.025em;font-size:1.5em;font-weight:620}.sc-week{border:1px solid var(--border-subtle);background:var(--surface-raised);border-radius:1.2em;padding:1em 1.1em}.sc-bars{grid-template-columns:repeat(7,1fr);gap:.45em;height:6.5em;margin-top:.9em;display:grid}.sc-bars li{color:var(--text-secondary);flex-direction:column;align-items:center;gap:.35em;font-size:.75em;display:flex}.sc-bars li button{background:var(--surface-sunken);cursor:pointer;width:100%;transition:box-shadow .2s var(--ease-out);border-radius:.5em;flex:1;position:relative;overflow:hidden}.sc-bars li button[data-selected=true]{box-shadow:0 0 0 2px var(--surface-raised), 0 0 0 3.5px var(--brand-forest)}.sc-bars li button span{height:calc(var(--v) * 100%);background:var(--brand-forest);border-radius:.5em;position:absolute;inset:auto 0 0}.sc-bars li button[data-today=true] span{background:var(--brand-terracotta)}.sc-spark{fill:none;width:4.5em;height:1.5em;stroke:var(--state-success);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;margin-left:auto}.sc-alert{background:var(--brand-forest);color:#fff;border-radius:1.1em;align-items:center;gap:.7em;padding:.9em 1em;display:flex}.sc-alert b{font-weight:600;display:block}.sc-alert small{opacity:.75;font-size:.82em;display:block}.sc-group{color:var(--text-secondary);margin-bottom:-.4em;font-size:.8em;font-weight:600}.sc-profile{gap:0;padding:0}.sc-cover{flex-shrink:0;height:36%;position:relative;overflow:hidden}.sc-cover img{object-fit:cover;object-position:50% 30%;width:100%;height:100%}.sc-profile-body{background:var(--surface-page);border-radius:1.4em 1.4em 0 0;flex-direction:column;flex:1;gap:.7em;margin-top:-1.6em;padding:1.1em 1.2em;display:flex;position:relative}.sc-name{letter-spacing:-.035em;font-size:1.7em;font-weight:640;line-height:1.05}.sc-profile-body>small{color:var(--text-secondary);margin-top:-.5em;font-size:.85em}.sc-facts{grid-template-columns:repeat(3,1fr);gap:.45em;display:grid}.sc-facts div{border:1px solid var(--border-subtle);background:var(--surface-raised);border-radius:.9em;padding:.6em .7em}.sc-facts dt{color:var(--text-secondary);font-size:.75em}.sc-facts dd{margin:0;font-size:.95em;font-weight:600}.sc-profile .sc-tabs{margin-inline:0}.device[data-interactive=true] button{-webkit-tap-highlight-color:transparent}.device[data-interactive=true] button:focus-visible{outline:2px solid var(--brand-forest);outline-offset:2px}.sc-row,.sc-summary,.sc-card-button,.sc-add,.sc-btn,.sc-alert button,.sc-petchips button{transition:transform .14s var(--ease-out), border-color .2s var(--ease-out), background-color .2s var(--ease-out)}@media (hover:hover){.device[data-interactive=true] .sc-row:hover,.device[data-interactive=true] .sc-card-button:hover,.device[data-interactive=true] .sc-summary:hover{border-color:var(--border-strong)}}.sc-row:active,.sc-summary:active,.sc-card-button:active,.sc-add:active,.sc-btn:active,.sc-alert button:active,.sc-petchips button:active{transform:scale(.97)}.sc-list li[data-done=true] .sc-check{animation:check-pop .38s var(--ease-spring)}.sc-list li[data-done=true] .sc-row{animation:sc-flash .9s var(--ease-out)}@keyframes sc-flash{0%{background-color:var(--state-success-surface)}}.sc-summary,.sc-tabs button{cursor:pointer}.sc-seg button{cursor:pointer;transition:background-color .2s var(--ease-out), color .2s var(--ease-out), box-shadow .2s var(--ease-out)}.sc-toast-region{z-index:4;pointer-events:none;justify-content:center;display:flex;position:absolute;bottom:5.6em;left:1em;right:1em}.sc-toast{background:var(--surface-inverse);color:#fff;pointer-events:auto;max-width:100%;animation:toast-in .28s var(--ease-out);border-radius:.9em;align-items:center;gap:.55em;padding:.55em .55em .55em .85em;font-size:.85em;font-weight:500;display:flex;box-shadow:0 8px 20px -8px #00000073}.sc-toast>svg{color:#9ed7ae;flex-shrink:0}.sc-toast span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sc-toast button{color:#fff;cursor:pointer;background:#ffffff24;border-radius:.6em;flex-shrink:0;padding:.35em .7em;font-weight:600}.sc-swap{animation:fade-up .32s var(--ease-out)}.sc-num{animation:check-pop .36s var(--ease-spring);display:inline-block}.sc-card-new{animation:fade-up .36s var(--ease-out)}.sc-card-button{text-align:left;cursor:pointer;width:100%}.sc-go{color:var(--text-tertiary);margin-left:auto;font-size:1.3em;line-height:1}.sc-chip{border-radius:var(--radius-full);background:var(--surface-sunken);color:var(--text-secondary);flex-shrink:0;padding:.2em .5em;font-size:.72em;font-weight:600}.sc-card-button .sc-spark{margin-left:auto}.sc-add{border:1.5px dashed var(--border-strong);width:100%;color:var(--text-secondary);cursor:pointer;border-radius:1em;justify-content:center;align-items:center;gap:.4em;padding:.75em;font-weight:550;display:flex}.sc-card-stack{flex-direction:column;align-items:stretch}.sc-card-row{align-items:center;gap:.75em;display:flex}.sc-btn{background:var(--brand-forest);color:#fff;cursor:pointer;border-radius:.8em;width:100%;padding:.7em;font-weight:600}.sc-done-line{background:var(--state-success-surface);color:var(--state-success);animation:fade-up .3s var(--ease-out);border-radius:.8em;justify-content:center;align-items:center;gap:.4em;padding:.6em;font-size:.9em;font-weight:600;display:flex}.sc-alert{transition:background-color .3s var(--ease-out)}.sc-alert>div{flex:1;min-width:0}.sc-alert button{color:var(--brand-forest);cursor:pointer;background:#fff;border-radius:.7em;flex-shrink:0;padding:.5em .8em;font-weight:600}.sc-alert[data-done=true]{background:var(--state-success)}.sc-bars li{font-size:1em}.sc-bars li small{color:var(--text-secondary);font-size:.75em}.sc-day{color:var(--text-secondary);animation:fade-up .26s var(--ease-out);margin-top:.7em;font-size:.82em}.sc-day b{color:var(--text-primary);font-weight:600}.sc-cover>img{object-fit:cover;object-position:50% 30%;width:100%;height:100%}.sc-petchips{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);background:#ffffffe0;gap:.35em;padding:.25em;display:flex;position:absolute;top:.8em;left:.8em}.sc-petchips button{border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;align-items:center;gap:.35em;padding:.2em .7em .2em .2em;font-size:.85em;font-weight:550;display:flex}.sc-petchips button[data-active=true]{background:var(--brand-forest);color:#fff}.trial-banner{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-size:var(--text-sm);background:#f7efe4;justify-content:center;align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex}.trial-banner a{text-underline-offset:.2em;white-space:nowrap;font-weight:600;text-decoration:underline}.trial-banner-free{background:var(--surface-sunken);color:var(--text-secondary)}.trial-banner-free a{color:var(--text-primary)}@media (max-width:640px){.trial-banner{text-align:left;font-size:var(--text-xs);justify-content:space-between}}.upsell-actions{flex-wrap:wrap;gap:.625rem;margin-top:1rem;display:flex}.history-upsell{margin-top:var(--space-6);border-style:dashed}.history-upsell .btn{margin-top:.75rem}.wall-head{max-width:40rem;margin:clamp(.5rem,3vw,1.5rem) 0 clamp(1.5rem,4vw,2.5rem)}.wall-icon{background:var(--surface-inverse);color:#fff;border-radius:14px;place-items:center;width:2.75rem;height:2.75rem;margin-bottom:1rem;display:grid}.wall-plans{gap:1rem;display:grid}@media (min-width:900px){.wall-plans{grid-template-columns:repeat(3,minmax(0,1fr))}}.wall-plans>li{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--surface-raised);flex-direction:column;gap:.25rem;padding:1.375rem;display:flex;position:relative}.wall-plans>li[data-featured=true]{border-color:var(--brand-forest);box-shadow:0 0 0 1px var(--brand-forest), var(--shadow-md)}.wall-plans h2{font-size:var(--text-lg);font-weight:600}.wall-plans ul{flex:1;align-content:start;gap:.5rem;margin-bottom:1.25rem;display:grid}.wall-plans ul li{color:var(--text-secondary);font-size:var(--text-sm);gap:.5rem;display:flex}.wall-plans ul svg{color:var(--state-success);flex-shrink:0;margin-top:2px}.wall-foot{margin-top:1.5rem}.billing{gap:1rem;display:grid}.billing-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-raised);gap:.75rem;padding:clamp(1.125rem,3vw,1.5rem);scroll-margin-top:5rem;display:grid}.billing-kicker{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500}.billing-title{font-size:var(--text-xl);letter-spacing:-.02em;font-weight:600}.billing-title-sm{font-size:var(--text-lg);letter-spacing:-.015em;font-weight:600}.billing-row{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.billing-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}@media (max-width:480px){.billing-facts{grid-template-columns:minmax(0,1fr)}}.billing-facts div{background:var(--surface-muted);border-radius:12px;padding:.75rem .875rem}.billing-facts dt{color:var(--text-secondary);font-size:var(--text-xs)}.billing-facts dd{margin:.125rem 0 0;font-weight:600}.billing-actions,.pending-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.pending-actions .hint{flex-basis:100%}.billing-history li{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.billing-history li:first-child{border-top:0}.billing-history b{font-weight:600;display:block}.billing-history small{color:var(--text-secondary);font-size:var(--text-xs)}.pay-status{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-raised);align-items:flex-start;gap:.875rem;padding:1rem 1.125rem;display:flex}.pay-status p{color:var(--text-secondary);font-size:var(--text-sm);margin-top:.125rem}.pay-status[data-state=confirmed]{background:var(--state-success-surface);color:var(--state-success);animation:fade-up .4s var(--ease-out);border-color:#0000}.pay-status[data-state=confirmed] p{color:var(--state-success)}.spin{flex-shrink:0;animation:.9s linear infinite spin}.checkout{gap:1.25rem;display:grid}.checkout fieldset{border:0;gap:.5rem;min-width:0;margin:0;padding:0;display:grid}.checkout legend{margin-bottom:.5rem}.checkout-plan,.checkout-method{border:1px solid var(--border-default);background:var(--surface-raised);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);border-radius:14px;align-items:center;gap:.875rem;padding:.875rem 1rem;display:flex}:is(.checkout-plan:has(input:checked),.checkout-method:has(input:checked)){border-color:var(--brand-forest);box-shadow:0 0 0 1px var(--brand-forest);background:#f2f6f3}:is(.checkout-plan:has(input:focus-visible),.checkout-method:has(input:focus-visible)){outline:2px solid var(--focus-ring);outline-offset:2px}.checkout-plan[data-current=true]{cursor:default;opacity:.6}.checkout-plan input,.checkout-method input{flex-shrink:0;width:1.125rem;height:1.125rem;margin:0}.checkout-plan-text{flex:1;min-width:0}.checkout-plan-text b{flex-wrap:wrap;align-items:center;gap:.375rem;font-weight:600;display:flex}.checkout-plan-text small,.checkout-method small{color:var(--text-secondary);font-size:var(--text-xs);margin-top:.125rem;line-height:1.45;display:block}.checkout-plan-price{font-size:var(--text-lg);letter-spacing:-.02em;flex-shrink:0;font-weight:640}.checkout-plan-price small{color:var(--text-secondary);font-size:var(--text-xs);font-weight:400}.checkout-methods{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}@media (max-width:480px){.checkout-methods{grid-template-columns:minmax(0,1fr)}}.checkout-method b{font-weight:600;display:block}.checkout-fields{gap:1rem;display:grid}@media (min-width:640px){.checkout-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}.checkout{gap:1.75rem}.checkout .checkout-step{gap:.75rem}.checkout .checkout-step-title{font-size:var(--text-sm);letter-spacing:-.01em;color:var(--text-primary);align-items:center;gap:.625rem;margin-bottom:.75rem;font-weight:620;display:flex}.checkout-step-num{background:var(--brand-forest);color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;font-weight:640;display:inline-grid}.checkout-plans{gap:.5rem;display:grid}.checkout-plan input,.checkout-method input{accent-color:var(--brand-forest)}.checkout-method{align-items:center}.checkout-method-icon{background:var(--surface-sunken,#f1f0ec);width:2.25rem;height:2.25rem;color:var(--text-secondary);transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.checkout-method:has(input:checked) .checkout-method-icon{background:var(--brand-forest);color:#fff}.checkout-payer{background:var(--surface-muted);animation:pop-in var(--duration-fast) var(--ease-out);border-radius:14px;gap:.875rem 1rem;margin-top:.25rem;padding:1rem;display:grid}@media (min-width:560px){.checkout-payer{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.checkout-payer-note{grid-column:1/-1}}.checkout-payer .field{margin:0}.checkout-payer .input{background:var(--surface-raised)}.checkout-payer-note,.checkout-card-note{color:var(--text-secondary);font-size:var(--text-xs);align-items:flex-start;gap:.5rem;margin:0;line-height:1.5;display:flex}.checkout-payer-note svg,.checkout-card-note svg{flex-shrink:0;margin-top:.125rem}.checkout-card-note{background:var(--surface-muted);font-size:var(--text-sm);animation:pop-in var(--duration-fast) var(--ease-out);border-radius:14px;margin-top:.25rem;padding:.875rem 1rem}.checkout-summary{border:1px solid color-mix(in srgb, var(--brand-forest) 18%, transparent);background:#f2f6f3;border-radius:16px;gap:.875rem;padding:1.125rem;display:grid}.checkout-summary-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.checkout-summary-row span{gap:.125rem;font-weight:600;display:grid}.checkout-summary-row span small,.checkout-summary-row b small{color:var(--text-secondary);font-size:var(--text-xs);font-weight:400}.checkout-summary-row b{font-size:var(--text-xl,1.375rem);letter-spacing:-.02em;font-weight:660}.checkout-secure{color:var(--text-secondary);font-size:var(--text-xs);text-align:center;justify-content:center;align-items:center;gap:.375rem;margin:0;display:flex}.checkout .alert span{font-size:var(--text-sm)}.checkout-includes{border-block:1px solid color-mix(in srgb, var(--brand-forest) 14%, transparent);color:var(--text-secondary);font-size:var(--text-sm);gap:.375rem;padding:.75rem 0;display:grid}@media (min-width:560px){.checkout-includes{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem}}.checkout-includes li,.plan-includes li{align-items:flex-start;gap:.5rem;line-height:1.4;display:flex}.checkout-includes svg,.plan-includes svg{color:var(--brand-forest);flex-shrink:0;margin-top:.1875rem}.checkout-total{justify-content:space-between;align-items:baseline;gap:1rem;font-weight:600;display:flex}.checkout-total b{font-size:var(--text-lg);font-weight:660}.checkout-scheduled{color:var(--text-secondary);font-size:var(--text-xs);margin:-.375rem 0 0;line-height:1.5}.checkout fieldset:disabled{opacity:.7}.status-badge{border-radius:var(--radius-full);background:var(--surface-sunken);color:var(--text-secondary);font-size:var(--text-xs);white-space:nowrap;animation:pop-in var(--duration-base) var(--ease-out);align-items:center;gap:.375rem;padding:.3125rem .6875rem .3125rem .5625rem;font-weight:600;display:inline-flex}.status-badge[data-tone=ok]{background:var(--state-success-surface);color:var(--state-success)}.status-badge[data-tone=info]{background:var(--state-info-surface);color:var(--state-info)}.status-badge[data-tone=warning]{background:var(--state-warning-surface);color:var(--state-warning)}.status-badge[data-tone=danger]{background:var(--state-danger-surface);color:var(--state-danger)}.status-badge-sm{padding:.1875rem .5625rem;font-weight:500;animation:none}.pulse-dot{width:.5rem;height:.5rem;animation:pulse-soft 1.6s var(--ease-in-out) infinite;background:currentColor;border-radius:999px}@keyframes pulse-soft{50%{opacity:.35;transform:scale(.8)}}.plan-hero{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--surface-raised);gap:1rem;padding:clamp(1.25rem,3.5vw,1.75rem);display:grid}.plan-hero-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.plan-hero-price{letter-spacing:-.03em;margin-top:-.5rem;font-size:clamp(1.75rem,5vw,2.125rem);font-weight:660;line-height:1}.plan-hero-price small{color:var(--text-secondary);font-size:var(--text-sm);letter-spacing:0;margin-left:.125rem;font-weight:400}.plan-facts{border:1px solid var(--border-subtle);background:var(--border-subtle);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.plan-facts div{background:var(--surface-raised);padding:.75rem .875rem}.plan-facts dt{color:var(--text-secondary);font-size:var(--text-xs)}.plan-facts dd{align-items:center;gap:.375rem;margin:.25rem 0 0;font-weight:600;display:flex}@media (max-width:520px){.plan-facts{grid-template-columns:minmax(0,1fr)}.plan-facts div{justify-content:space-between;align-items:center;gap:1rem;display:flex}.plan-facts dd{margin:0}}.plan-notice{background:var(--surface-muted);font-size:var(--text-sm);animation:pop-in var(--duration-base) var(--ease-out);border-radius:14px;padding:.875rem 1rem}.plan-notice p{color:var(--text-secondary);margin-top:.25rem}.plan-includes{color:var(--text-secondary);font-size:var(--text-sm);gap:.375rem;display:grid}@media (min-width:560px){.plan-includes{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem}}.plan-empty{gap:.375rem;display:grid}.btn-danger-text{color:var(--state-danger)}.btn-danger-text:hover:not(:disabled){background:var(--state-danger-surface);color:var(--state-danger)}.pix{border:1px solid color-mix(in srgb, var(--brand-forest) 22%, transparent);border-radius:var(--radius-xl);background:var(--surface-raised);animation:fade-up var(--duration-base) var(--ease-out);gap:1.25rem;padding:clamp(1.25rem,3.5vw,1.75rem);display:grid}.pix-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.pix-amount{letter-spacing:-.035em;margin-top:.125rem;font-size:clamp(2rem,7vw,2.5rem);font-weight:680;line-height:1.05}.pix-plan{color:var(--text-secondary);font-size:var(--text-sm);margin-top:.25rem}.pix-body{align-items:center;gap:1.25rem;display:grid}@media (min-width:600px){.pix-body{grid-template-columns:auto minmax(0,1fr);gap:1.75rem}}.pix-qr{justify-items:center;gap:.5rem;margin:0;display:grid}.pix-qr img,.pix-qr-missing{aspect-ratio:1;border:1px solid var(--border-subtle);width:min(13rem,64vw);height:auto;image-rendering:pixelated;animation:float-in var(--duration-slow) var(--ease-out);background:#fff;border-radius:18px;padding:.625rem}.pix-qr-missing{color:var(--text-secondary);font-size:var(--text-sm);text-align:center;place-content:center;justify-items:center;gap:.5rem;display:grid}.pix-qr figcaption{color:var(--text-secondary);font-size:var(--text-xs)}.pix-steps{counter-reset:pix-step;font-size:var(--text-sm);gap:.75rem;line-height:1.45;display:grid}.pix-steps li{counter-increment:pix-step;grid-template-columns:1.5rem minmax(0,1fr);align-items:start;gap:.625rem;display:grid}.pix-steps li:before{content:counter(pix-step);background:var(--surface-sunken);width:1.5rem;height:1.5rem;color:var(--text-secondary);border-radius:999px;place-items:center;font-size:.75rem;font-weight:640;display:grid}.pix-copy{gap:.5rem;display:grid}.pix-code{background:var(--surface-muted);max-height:5.5rem;color:var(--text-primary);font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border-radius:12px;padding:.75rem .875rem;font-size:.75rem;line-height:1.5;overflow:auto}.pix-copy .btn[data-copied]{background:var(--state-success);border-color:var(--state-success)}.pix-copy .btn svg{animation:pop-in var(--duration-fast) var(--ease-out)}.pix-wait{background:var(--state-info-surface);color:var(--text-primary);font-size:var(--text-sm);border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem 1rem;padding:.875rem 1rem;line-height:1.45;display:grid}.pix-wait p{color:var(--text-secondary)}.pix-wait b{color:var(--text-primary)}.pix-wait-bar{background:color-mix(in srgb, var(--state-info) 16%, transparent);border-radius:999px;grid-column:1/-1;height:3px;overflow:hidden}.pix-wait-bar:after{content:"";border-radius:inherit;background:var(--state-info);width:36%;height:100%;animation:wait-slide 1.8s var(--ease-in-out) infinite;display:block}@keyframes wait-slide{0%{transform:translate(-110%)}to{transform:translate(290%)}}@media (max-width:480px){.pix-wait{grid-template-columns:minmax(0,1fr)}}.pix-expired{color:var(--text-secondary);gap:1rem;display:grid}.pix-foot{border-top:1px solid var(--border-subtle);color:var(--text-secondary);font-size:var(--text-xs);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding-top:1rem;display:flex}.pix-foot .link-button{font-size:var(--text-xs)}.pay-done{border-radius:var(--radius-xl);background:var(--state-success-surface);text-align:center;animation:fade-up var(--duration-slow) var(--ease-out);outline:none;justify-items:center;gap:.5rem;padding:clamp(1.75rem,5vw,2.5rem) 1.25rem;display:grid}.pay-done-check{background:var(--state-success);color:#fff;width:3.5rem;height:3.5rem;animation:check-pop .42s var(--ease-out) both;border-radius:999px;place-items:center;margin-bottom:.25rem;display:grid}.pay-done h2{font-size:var(--text-xl);letter-spacing:-.02em;font-weight:660}.pay-done p{color:var(--text-secondary)}.pay-done-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.75rem;display:flex}.cancel-reasons{border:0;gap:.375rem;margin:1.25rem 0 0;padding:0;display:grid}.cancel-reasons legend{font-size:var(--text-sm);margin-bottom:.5rem;font-weight:600}.cancel-reason{border:1px solid var(--border-subtle);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);border-radius:10px;align-items:center;gap:.625rem;padding:.5rem .75rem;display:flex}.cancel-reason:has(input:checked){border-color:var(--brand-forest);background:#f2f6f3}.cancel-reason input{accent-color:var(--brand-forest);margin:0}.cancel-dialog[open]{animation:pop-in var(--duration-base) var(--ease-out)}.billing-history li{grid-template-columns:6.5rem minmax(0,1fr) auto;align-items:center;gap:.75rem;display:grid}.history-date{color:var(--text-secondary);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.history-main{min-width:0}.history-end{align-items:center;gap:.625rem;display:flex}@media (max-width:480px){.billing-history li{grid-template-columns:minmax(0,1fr) auto}.history-date{grid-column:1/-1;margin-bottom:-.5rem}.history-end{flex-direction:column;align-items:flex-end;gap:.25rem}}@media (prefers-reduced-motion:reduce){.pix,.pix-qr img,.pay-done,.pay-done-check,.status-badge,.plan-notice,.checkout-payer,.checkout-card-note,.cancel-dialog[open]{animation:none}.pulse-dot,.pix-wait-bar:after{animation-duration:0s;animation-iteration-count:1}}.confirm-dialog{border-radius:var(--radius-xl);background:var(--surface-raised);width:min(28rem,100vw - 2rem);box-shadow:var(--shadow-xl);color:var(--text-primary);border:0;padding:1.5rem}.confirm-dialog::backdrop{background:var(--surface-overlay)}.confirm-dialog h2{font-size:var(--text-lg);letter-spacing:-.015em;font-weight:600}.confirm-dialog p{color:var(--text-secondary);margin-top:.5rem}.confirm-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:1.5rem;display:flex}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}}@keyframes fade-down{0%{opacity:0;transform:translate(-50%,-8px)}}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)scale(.97)}}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)scale(.97)}}@keyframes step-in{0%{opacity:0;transform:translate(14px)}}@keyframes float-in{0%{opacity:0;transform:translateY(14px)scale(.96)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes check-pop{0%{transform:scale(.72)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes badge-pop{0%{opacity:0;transform:scale(.4)}}@keyframes soft-pulse{50%{opacity:.45}}@keyframes bar-rise{0%{height:0}}@keyframes grow-x{0%{transform:scaleX(0)}}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.btn:hover:not(:disabled),.btn:active:not(:disabled),.td-toggle:active:not(:disabled),.ob-species-card:hover{transform:none}.skeleton,.skeleton-panel{animation:none}}.btn{transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), transform .22s var(--ease-spring)}@media (hover:hover){.btn:hover:not(:disabled){transform:translateY(-1px)}}.btn:active:not(:disabled),a.btn:active{transition-duration:90ms;transform:translateY(0)scale(.97)}.btn-primary{background-image:linear-gradient(#ffffff14,#fff0 60%)}.btn-primary:hover:not(:disabled){box-shadow:0 10px 22px -10px #203b2d8c,0 2px 4px -2px #203b2d40,inset 0 1px #ffffff1a}.btn-secondary:hover:not(:disabled){background:var(--surface-page);box-shadow:var(--shadow-sm)}.btn-upgrade>svg:first-child{color:#f2c27b;transition:transform .3s var(--ease-spring)}@media (hover:hover){.btn-upgrade:hover:not(:disabled)>svg:first-child{transform:rotate(-12deg)scale(1.12)}}@keyframes enter-up{0%{opacity:0;transform:translateY(8px)}}.app-page>*{animation:enter-up .32s var(--ease-out) backwards}.app-page>:nth-child(2){animation-delay:40ms}.app-page>:nth-child(3){animation-delay:80ms}.app-page>:nth-child(4){animation-delay:.12s}.app-page>:nth-child(n+5){animation-delay:.16s}dialog[open]{animation:dialog-in .24s var(--ease-out)}dialog[open]::backdrop{animation:backdrop-in .24s var(--ease-out)}@keyframes dialog-in{0%{opacity:0;transform:translateY(6px)scale(.97)}}@keyframes backdrop-in{0%{opacity:0}}.card-lift{transition:transform .22s var(--ease-spring), box-shadow var(--duration-base) var(--ease-out), border-color var(--duration-fast) var(--ease-out)}@media (hover:hover){.card-lift:hover{box-shadow:var(--shadow-md);border-color:var(--border-default);transform:translateY(-2px)}}.card-lift:active{transform:scale(.99)}.upsell{border:1px solid color-mix(in srgb, var(--brand-forest) 16%, var(--border-subtle));border-radius:var(--radius-xl);background:var(--surface-raised);display:grid;position:relative;overflow:hidden}@media (min-width:760px){.upsell{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}}.upsell-preview{background:radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--brand-forest) 9%, transparent), transparent 60%), var(--surface-muted);min-height:11rem;padding:1.25rem;position:relative;overflow:hidden}.upsell-preview-inner{filter:blur(1.5px);opacity:.75;-webkit-user-select:none;user-select:none;pointer-events:none;gap:.5rem;display:grid}.upsell-preview:after{content:"";background:linear-gradient(180deg, transparent, var(--surface-muted));height:45%;position:absolute;inset:auto 0 0}.upsell-sample{z-index:1;border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-2xs);letter-spacing:.02em;background:#ffffffd9;padding:.125rem .5rem;font-weight:600;position:absolute;top:.75rem;right:.75rem}.upsell-row{background:var(--surface-raised);box-shadow:var(--shadow-xs);font-size:var(--text-sm);border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .875rem;display:flex}.upsell-row small{color:var(--text-secondary);font-size:var(--text-2xs);display:block}.upsell-body{align-content:center;gap:.75rem;padding:clamp(1.25rem,3.5vw,1.75rem);display:grid}.upsell-tag{border-radius:var(--radius-full);background:color-mix(in srgb, var(--brand-terracotta) 12%, transparent);color:color-mix(in srgb, var(--brand-terracotta) 80%, #000);font-size:var(--text-2xs);letter-spacing:.03em;text-transform:uppercase;justify-self:start;align-items:center;gap:.375rem;padding:.25rem .625rem;font-weight:650;display:inline-flex}.upsell-body h2{font-size:var(--text-xl);letter-spacing:-.02em;font-weight:640;line-height:1.2}.upsell-body>p{color:var(--text-secondary);line-height:1.5}.upsell-benefits{font-size:var(--text-sm);gap:.375rem;display:grid}.upsell-benefits li{align-items:flex-start;gap:.5rem;display:flex}.upsell-benefits svg{color:var(--brand-forest);flex-shrink:0;margin-top:.1875rem}.upsell-actions{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:.25rem;display:flex}.upsell-actions small{color:var(--text-secondary);font-size:var(--text-xs)}.setup{gap:.75rem;display:grid}.setup-head{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.setup-head h2{font-size:var(--text-base);font-weight:640}.setup-head span{color:var(--text-secondary);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.setup-bar{background:var(--surface-sunken);border-radius:999px;height:4px;overflow:hidden}.setup-bar span{border-radius:inherit;background:var(--brand-forest);transform-origin:0;height:100%;animation:bar-grow .7s var(--ease-out) .15s backwards;display:block}@keyframes bar-grow{0%{transform:scaleX(0)}}.setup-list{gap:.125rem;display:grid}.setup-item{min-height:2.5rem;color:var(--text-primary);font-size:var(--text-sm);transition:background-color var(--duration-fast) var(--ease-out);border-radius:10px;align-items:center;gap:.625rem;margin-inline:-.5rem;padding:.375rem .5rem;text-decoration:none;display:flex}a.setup-item:hover{background:var(--surface-muted)}.setup-item[data-done=true]{color:var(--text-secondary);text-decoration:line-through;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong)}.setup-dot{border:1.5px solid var(--border-strong);color:#fff;border-radius:999px;flex-shrink:0;place-items:center;width:1.375rem;height:1.375rem;display:grid}.setup-item[data-done=true] .setup-dot{border-color:var(--brand-forest);background:var(--brand-forest);animation:check-pop .38s var(--ease-spring) backwards}.setup-item>svg:last-child{color:var(--text-tertiary);margin-left:auto}.plans-nudge{border-radius:var(--radius-lg);background:radial-gradient(140% 120% at 100% 0%, color-mix(in srgb, var(--brand-terracotta) 10%, transparent), transparent 55%), var(--surface-raised);border:1px solid var(--border-subtle);gap:.5rem;padding:1rem 1.125rem;display:grid}.plans-nudge b{font-size:var(--text-sm);align-items:center;gap:.375rem;display:flex}.plans-nudge b svg{color:var(--brand-terracotta)}.plans-nudge p{color:var(--text-secondary);font-size:var(--text-xs);line-height:1.5}.plans-nudge .link-button{justify-self:start;min-height:2rem}.td-complete{border-radius:var(--radius-full);background:var(--state-success-surface);color:var(--state-success);font-size:var(--text-sm);animation:complete-in .48s var(--ease-spring) backwards;align-items:center;gap:.5rem;margin-top:.625rem;padding:.375rem .75rem .375rem .5rem;font-weight:600;display:inline-flex}.td-complete svg{animation:check-pop .52s var(--ease-spring) .12s backwards}@keyframes complete-in{0%{opacity:0;transform:translateY(6px)scale(.94)}}.empty-icon{border-radius:var(--radius-full);background:var(--surface-sunken);width:3rem;height:3rem;color:var(--text-secondary);place-items:center;display:inline-grid}.page-skeleton{gap:1rem;display:grid}.page-skeleton .skeleton{border-radius:12px}.recurring-add{margin-top:var(--space-4);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:flex}.recurring-form{margin-top:var(--space-4);border-radius:var(--radius-lg);background:var(--surface-muted);animation:dialog-in .22s var(--ease-out);grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;padding:1rem;display:grid}.recurring-form .field{margin:0}.recurring-form .input{background:var(--surface-raised)}.recurring-wide{grid-column:1/-1}@media (max-width:480px){.recurring-form{grid-template-columns:minmax(0,1fr)}}.recurring-actions{justify-content:flex-end;gap:.5rem;display:flex}.budget-form{margin-top:var(--space-4);gap:.5rem;max-width:28rem;display:grid}.budget-row{flex-wrap:wrap;gap:.5rem;display:flex}.budget-row .input{flex:8rem}.icon-button{width:2.25rem;height:2.25rem;color:var(--text-secondary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), transform .16s var(--ease-spring);background:0 0;border:0;border-radius:10px;place-items:center;display:inline-grid}.icon-button:hover:not(:disabled){background:var(--state-danger-surface);color:var(--state-danger)}.icon-button:active:not(:disabled){transform:scale(.92)}.plan-cta-note{color:var(--text-secondary);font-size:var(--text-xs);text-align:center;margin-top:.5rem}.plan-free{border:1px dashed var(--border-default);border-radius:16px;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr) auto;align-items:center;gap:1rem 2rem;margin-top:24px;padding:20px 28px;display:grid}.plan-free h2{font-size:var(--text-lg)}.plan-free h2 span{color:var(--text-secondary);margin-left:.5rem;font-weight:500}.plan-free ul{grid-template-columns:1fr 1fr;gap:8px 16px;display:grid}.plan-free li{font-size:var(--text-sm);align-items:flex-start;gap:8px;line-height:1.45;display:flex}.plan-free li svg{color:var(--text-secondary);flex-shrink:0;margin-top:2px}.plans-guarantee{max-width:760px;color:var(--text-secondary);font-size:var(--text-sm);margin-top:24px;line-height:1.55}.plans-guarantee b{color:var(--text-primary)}.plans-trial-line{color:var(--text-secondary);font-size:var(--text-md);margin-top:.75rem}@media (max-width:800px){.plan-free{grid-template-columns:1fr;padding:20px}.plan-free ul{grid-template-columns:1fr}}.checkout-summary-kicker{color:var(--text-secondary);font-size:var(--text-2xs);letter-spacing:.06em;text-transform:uppercase;font-weight:650}.checkout-trust{color:var(--text-secondary);font-size:var(--text-xs);gap:.375rem;display:grid}.checkout-trust li{align-items:center;gap:.5rem;display:flex}.checkout-trust svg{color:var(--brand-forest);flex-shrink:0}.app-tab-icon{transition:transform .18s var(--ease-spring)}.app-tabbar a:active .app-tab-icon{transform:scale(.88)}.plan-recommendation{white-space:nowrap;top:0;left:50%;right:auto;transform:translate(-50%,-50%);box-shadow:0 4px 10px -4px #203b2d73}.plan-option{transition:transform .26s var(--ease-spring), box-shadow var(--duration-base) var(--ease-out)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.plan-option:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.plan-option-featured:hover{box-shadow:0 0 0 1px var(--brand-forest), var(--shadow-lg)}}.pet-avatar-dot{overflow:hidden}.pet-avatar-dot img{object-fit:cover;width:100%;height:100%}.pet-menu-trigger{transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), transform .2s var(--ease-spring);gap:.625rem;padding-block:.25rem}@media (hover:hover){.pet-menu-trigger:hover{box-shadow:var(--shadow-sm)}}.pet-menu-trigger:active{transform:scale(.97)}.pet-menu[data-open] .pet-menu-trigger{border-color:var(--brand-forest);box-shadow:var(--focus-halo)}.pet-menu-avatar{flex-shrink:0;display:inline-grid;position:relative}.pet-menu-species{border:2px solid var(--surface-raised);color:#fff;background:#5a4632;border-radius:999px;place-items:center;width:.9375rem;height:.9375rem;display:grid;position:absolute;bottom:-3px;right:-3px}.pet-menu-species[data-species=cat]{background:#8a3d26}.pet-menu-text{text-align:left;min-width:0;line-height:1.15;display:grid}.pet-menu-meta{color:var(--text-secondary);font-size:var(--text-2xs);text-overflow:ellipsis;white-space:nowrap;font-weight:450;overflow:hidden}.pet-menu-head{justify-content:space-between;align-items:baseline;gap:.5rem;padding-right:.625rem;display:flex}.pet-menu-count{color:var(--text-tertiary);font-size:var(--text-2xs)}.pet-menu-item-text small{align-items:center;gap:.3125rem;display:flex}.pet-menu-pop li a[aria-current=true]{background:color-mix(in srgb, var(--brand-forest) 8%, var(--surface-raised))}.pet-menu-pop li a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.pet-menu-foot{border-top:1px solid var(--border-subtle);margin-top:.25rem;padding-top:.25rem;display:grid}.pet-menu-foot .pet-menu-add{color:var(--text-primary);font-size:var(--text-sm);transition:background-color var(--duration-fast) var(--ease-out);border-radius:10px;margin:0;font-weight:500}.pet-menu-foot .pet-menu-add:hover{background:var(--surface-muted)}.pet-menu-foot .pet-menu-add svg{color:var(--text-secondary)}.pet-menu-scrim,.pet-menu-grip{display:none}@media (max-width:640px){.pet-menu-scrim{z-index:var(--z-overlay);background:var(--surface-overlay);animation:backdrop-in .2s var(--ease-out);border:0;display:block;position:fixed;inset:0}.pet-menu-pop,.pet-menu[data-align=start] .pet-menu-pop{z-index:var(--z-modal);width:auto;min-width:0;max-width:none;padding:.5rem .75rem calc(.75rem + env(safe-area-inset-bottom));animation:sheet-up .26s var(--ease-out);border-radius:22px 22px 0 0;position:fixed;inset:auto 0 0}.pet-menu-grip{background:var(--border-strong);border-radius:999px;width:2.5rem;height:4px;margin:.25rem auto .5rem;display:block}.pet-menu-pop li a{min-height:3.5rem}.pet-menu-pop ul{max-height:55vh}.app-topbar:has(.pet-menu[data-open]){z-index:var(--z-modal);background:var(--surface-page);-webkit-backdrop-filter:none;backdrop-filter:none}}@keyframes sheet-up{0%{transform:translateY(100%)}}.pet-switch{max-width:100%;margin-bottom:var(--space-5);border-radius:var(--radius-full);background:var(--surface-sunken);gap:.25rem;padding:.25rem;display:inline-flex}.pet-switch a{color:var(--text-secondary);transition:background-color var(--duration-base) var(--ease-out), color var(--duration-fast) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), transform .2s var(--ease-spring);background:0 0;border:0;gap:.5rem;padding:.25rem .875rem .25rem .25rem}.pet-switch a:hover{color:var(--text-primary)}.pet-switch a:active{transform:scale(.96)}.pet-switch a[aria-current=page]{background:var(--surface-raised);color:var(--text-primary);box-shadow:var(--shadow-sm);border:0}@media (prefers-reduced-motion:reduce){.pet-menu-pop,.pet-menu-scrim{animation:none}}.toy-sounds{margin-block:var(--space-6);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:radial-gradient(120% 100% at 100% 0%, color-mix(in srgb, var(--brand-terracotta) 8%, transparent), transparent 55%), var(--surface-raised);gap:1rem;padding:clamp(1.125rem,3vw,1.5rem);display:grid}.toy-sounds-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem 1.5rem;display:flex}.toy-sounds-head h2{font-size:var(--text-xl);letter-spacing:-.02em;font-weight:640}.toy-sounds-head p{color:var(--text-secondary);font-size:var(--text-sm);margin-top:.25rem}.toy-volume{color:var(--text-secondary);align-items:center;gap:.5rem;display:flex}.toy-volume input{width:8rem;accent-color:var(--brand-forest)}.toy-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,13.5rem),1fr));gap:.625rem;display:grid}.toy-sound{border:1px solid var(--border-subtle);background:var(--surface-raised);min-height:4rem;color:var(--text-primary);text-align:left;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), transform .2s var(--ease-spring);border-radius:14px;align-items:center;gap:.75rem;padding:.75rem .875rem;display:flex}@media (hover:hover){.toy-sound:hover{border-color:var(--border-default);box-shadow:var(--shadow-sm);transform:translateY(-1px)}}.toy-sound:active{transform:scale(.97)}.toy-sound[data-playing]{border-color:var(--brand-forest);background:color-mix(in srgb, var(--brand-forest) 6%, var(--surface-raised));box-shadow:0 0 0 1px var(--brand-forest)}.toy-sound-icon{background:var(--surface-sunken);width:2.5rem;height:2.5rem;color:var(--text-secondary);transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.toy-sound[data-playing] .toy-sound-icon{background:var(--brand-forest);color:#fff;animation:toy-bump .42s var(--ease-spring)}.toy-sound-text{flex:1;min-width:0;display:grid}.toy-sound-text b{font-size:var(--text-sm);font-weight:600}.toy-sound-text small{color:var(--text-secondary);font-size:var(--text-2xs);line-height:1.35}.toy-wave{opacity:0;height:1.25rem;transition:opacity var(--duration-fast) var(--ease-out);align-items:center;gap:2px;display:flex}.toy-wave i{background:var(--brand-forest);border-radius:2px;width:3px;height:100%;display:block;transform:scaleY(.3)}.toy-sound[data-playing] .toy-wave{opacity:1}.toy-sound[data-playing] .toy-wave i{animation:toy-wave .6s var(--ease-in-out) infinite alternate}.toy-sound[data-playing] .toy-wave i:nth-child(2){animation-delay:.15s}.toy-sound[data-playing] .toy-wave i:nth-child(3){animation-delay:.3s}.toy-sound[data-playing] .toy-wave i:nth-child(4){animation-delay:75ms}@keyframes toy-wave{to{transform:scaleY(1)}}@keyframes toy-bump{40%{transform:scale(1.12)rotate(-6deg)}}.toy-note{color:var(--text-secondary);font-size:var(--text-xs);line-height:1.5}@media (prefers-reduced-motion:reduce){.toy-sound[data-playing] .toy-wave i,.toy-sound[data-playing] .toy-sound-icon{animation:none}.toy-sound[data-playing] .toy-wave i{transform:scaleY(.7)}.app-page>*,dialog[open],dialog[open]::backdrop,.setup-bar span,.setup-item[data-done=true] .setup-dot,.td-complete,.td-complete svg{animation:none}.btn:hover:not(:disabled),.card-lift:hover,.card-lift:active{transform:none}}
.play-discovery{background:var(--brand-forest);color:#fff9ed;border-radius:20px;grid-template-columns:1fr 1.15fr;gap:clamp(1.25rem,3vw,2.5rem);margin-block:1.5rem 2rem;padding:clamp(1.25rem,3vw,2rem);display:grid}.play-discovery h2{letter-spacing:-.025em;font-size:clamp(1.4rem,3vw,2rem);line-height:1.15}.play-discovery>div>p{color:#eee8db;max-width:40ch;margin-top:.7rem}.discovery-times{flex-wrap:wrap;gap:.4rem;margin-top:1.3rem;display:flex}.discovery-times button{min-height:44px;color:inherit;cursor:pointer;font:inherit;background:0 0;border:1px solid #83988b;border-radius:9px;padding:.5rem .85rem;transition:background .18s,color .18s,transform .18s}.discovery-times button[aria-pressed=true]{color:#21382b;background:#f5eedf;border-color:#f5eedf;transform:translateY(-2px)}.discovery-count{font-size:.8rem}.discovery-result{color:#24392e;background:#fcf9f2;border-radius:14px;min-width:0;padding:1.4rem}.discovery-result>span{align-items:center;gap:.4rem;font-size:.8rem;display:flex}.discovery-result h3{margin:.8rem 0;font-size:1.45rem;line-height:1.2}.play-discovery .discovery-result>p{color:#4b5a50;font-size:.9rem}.discovery-actions{flex-wrap:wrap;gap:.6rem;margin-top:1.3rem;display:flex}.sound-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.sound-tabs{border:1px solid var(--border-subtle);border-radius:12px;gap:.25rem;max-width:100%;padding:.25rem;display:flex}.sound-tabs button{font:inherit;cursor:pointer;min-height:44px;color:var(--text-secondary);background:0 0;border:0;border-radius:9px;padding:.5rem .85rem;font-size:.85rem}.sound-tabs button[aria-pressed=true]{background:var(--brand-forest);color:#fff9ed}.activity-hub .toy-sounds{background:var(--surface-raised)}.activity-hub .activity-entry{flex-direction:column;justify-content:space-between;gap:1rem;display:flex}.activity-hub .activity-entry>a{display:block}.activity-hub .activity-entry .btn{min-height:44px}.activity-hub :is(button,a):focus-visible{outline:3px solid var(--brand-terracotta);outline-offset:4px}.activity-hub .toy-sound{min-height:88px}.activity-hub .toy-sound small{line-height:1.45}.activity-hub .filter-pills{flex-wrap:wrap}.activity-hub .video-stage{overflow:hidden}@media (max-width:680px){.play-discovery{border-radius:16px;grid-template-columns:1fr;gap:1.25rem}.discovery-result{padding:1.1rem}.discovery-actions>.btn-primary{justify-content:center;width:100%}.sound-toolbar{align-items:stretch}.sound-tabs,.sound-tabs button{flex:1}.activity-hub .toy-grid{grid-template-columns:1fr 1fr}.activity-hub .toy-sound{flex-wrap:wrap;gap:.5rem;padding:.8rem}.activity-hub .toy-sound-text{flex-basis:100%}.activity-hub .toy-wave{margin-left:auto}}@media (prefers-reduced-motion:reduce){.discovery-times button{transition:none;transform:none!important}}
.sounds-page{max-width:1120px;padding-bottom:2rem}.sounds-heading{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.sounds-heading .app-title{text-wrap:balance;max-width:19ch}.sound-studio{--sound-ink:#203b30;--sound-muted:#59675f;--sound-line:#d8ded6;--sound-paper:#fffdf8;color:var(--sound-ink)}.sound-discover{justify-content:space-between;align-items:end;gap:1rem;margin:1.5rem 0;display:flex}.sound-discover>span{color:var(--sound-muted);font-size:.82rem}.sound-search{gap:.45rem;width:min(100%,360px);font-size:.85rem;font-weight:600;display:grid}.sound-search input{background:var(--sound-paper);border:1px solid var(--sound-line);width:100%;min-height:46px;font:inherit;color:inherit;border-radius:10px;padding:.65rem .9rem}.sound-filters{flex-wrap:wrap;gap:.4rem;padding-bottom:1.2rem;display:flex}.sound-filters button{min-height:44px;color:var(--sound-muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:.5rem .9rem;font-size:.85rem;transition:background .16s,color .16s}.sound-filters button[aria-pressed=true]{background:var(--sound-ink);color:#fffdf8}.sound-filters button:hover:not([aria-pressed=true]){color:var(--sound-ink);background:#e5eadf}.sound-library{grid-template-columns:1fr 1fr;column-gap:2rem;display:grid}.sound-row{border-bottom:1px solid var(--sound-line);padding:.7rem 0}.sound-trigger{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:1rem;padding:.5rem .35rem;transition:background .16s;display:flex}.sound-trigger:hover{background:#e9ede5}.sound-art{background:#e5eadf;border-radius:14px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.sound-trigger strong{font-size:1rem;font-weight:600;display:block}.sound-trigger small{color:var(--sound-muted);margin-top:.3rem;font-size:.8rem;display:block}.sound-row-action{margin-left:auto;padding:.5rem}.sound-row[data-playing] .sound-art{background:var(--sound-ink);color:#fff}.sound-row{align-items:center;gap:.25rem;display:flex}.sound-trigger{flex:1;min-width:0}.favorite-compact{flex-shrink:0}.favorite-compact .error-text{font-size:.75rem;position:absolute}.favorite-icon{width:44px;height:44px;color:var(--sound-muted);cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;transition:background .16s,color .16s,transform .16s;display:grid}.favorite-icon:hover{color:var(--sound-ink);background:#e9ede5}.favorite-icon:active{transform:scale(.92)}.favorite-icon[aria-pressed=true]{color:#c9684a}.favorite-icon:disabled{opacity:.5}.favorite-icon:focus-visible{outline:2px solid var(--sound-ink);outline-offset:2px}.sound-empty{padding:2rem 0}.sound-empty h2{font-size:1.2rem}.sound-whistle{background:#e5eadf;border-radius:16px;grid-template-columns:1fr 1fr;gap:2rem;margin:2.5rem 0 1rem;padding:1.75rem;display:grid}.sound-whistle h2{margin:.75rem 0;font-size:1.5rem}.sound-whistle p{color:#45594b;max-width:38ch;font-size:.9rem}.whistle-controls{gap:1rem;display:grid}.whistle-controls label{grid-template-columns:1fr auto;gap:.6rem;font-size:.88rem;display:grid}.whistle-controls input{width:100%;accent-color:var(--sound-ink);grid-column:1/-1;min-height:32px}.whistle-controls select{background:var(--sound-paper);min-height:40px;color:inherit;border:1px solid #bcc9bb;border-radius:8px;padding:0 .6rem}.whistle-controls output{font-variant-numeric:tabular-nums}.sound-player{z-index:12;color:#fffdf8;background:#203b30;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.8rem;padding:1rem 1.2rem;display:flex;position:sticky;bottom:1rem;box-shadow:0 8px 24px #12221820}.sound-player-track{align-items:center;gap:1rem;min-width:0;display:flex}.sound-player-track strong{font-size:.95rem;display:block}.sound-player-track span[role=status]{color:#d0ddcf;margin-top:.25rem;font-size:.75rem;display:block}.sound-player-controls{align-items:center;gap:.65rem;display:flex}.sound-player-controls button{min-width:44px;min-height:44px;color:inherit;cursor:pointer;background:0 0;border:1px solid #718576;border-radius:50%;place-items:center;display:grid}.sound-player-controls button:disabled{opacity:.4;cursor:default}.sound-player-controls button:hover:enabled{background:#375645}.sound-time{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.75rem}.sound-volume{align-items:center;gap:.5rem;display:flex}.sound-volume input{accent-color:#d3e2bc;width:88px;min-height:36px}.sound-player progress{accent-color:#d3e2bc;background:#435c4e;border:0;border-radius:2px;flex-basis:100%;width:100%;height:3px;display:block}.sound-player progress::-webkit-progress-bar{background:#435c4e}.sound-player progress::-webkit-progress-value{background:#d3e2bc}.sound-wave{align-items:center;gap:3px;width:32px;height:30px;display:flex}.sound-wave i{background:#d3e2bc;border-radius:3px;width:3px;height:6px;display:block}.sound-wave[data-active] i{animation:.8s ease-in-out infinite alternate sound-pulse}.sound-wave i:nth-child(2){animation-delay:-.2s}.sound-wave i:nth-child(3){animation-delay:-.6s}.sound-wave i:nth-child(4){animation-delay:-.4s}.sound-wave i:nth-child(5){animation-delay:-.1s}@keyframes sound-pulse{to{height:26px}}.sound-studio :focus-visible{outline-offset:3px;outline:3px solid #557742}.sound-player :focus-visible{outline-color:#e3efce}.sound-studio input::placeholder{color:#647168}.sound-studio input{caret-color:var(--sound-ink)}@media (max-width:700px){.sounds-heading{display:block}.sounds-heading>.btn{margin-top:1rem}.sound-discover{flex-direction:column;align-items:stretch}.sound-search{width:100%}.sound-library{grid-template-columns:1fr}.sound-whistle{grid-template-columns:1fr;gap:1rem;padding:1.2rem}.sound-player{bottom:calc(76px + env(safe-area-inset-bottom));gap:.75rem;padding:.9rem}.sound-player-track,.sound-player-controls{width:100%}.sound-volume{margin-left:auto}.sound-volume input{width:72px}.sounds-page{padding-bottom:1rem}}@media (prefers-reduced-motion:reduce){.sound-studio *{transition:none!important;animation:none!important}}.sound-use{color:var(--sound-muted);grid-column:1/-1;margin:.1rem .5rem .3rem 3.9rem;font-size:.82rem}.sound-use summary,.sound-credits summary{cursor:pointer;min-height:32px;padding:.4rem 0;display:list-item}.sound-use p{max-width:52ch;margin:.4rem 0;line-height:1.6}.sound-credits{margin:1.5rem 0;font-size:.85rem}.sound-credits p,.sound-credits li{line-height:1.7}.sound-credits a{text-decoration:underline}
.explore-hero{background:#fff;border-radius:20px;grid-template-columns:1fr 1.1fr;align-items:stretch;margin-bottom:1.25rem;display:grid;overflow:hidden}.explore-copy{align-self:center;padding:clamp(1.4rem,3vw,2.5rem)}.explore-copy .app-title{text-wrap:balance;letter-spacing:-.035em;max-width:20ch;font-size:clamp(1.7rem,3.2vw,2.5rem);line-height:1.08}.explore-copy p{color:#506157;max-width:37ch;margin:1rem 0;font-size:.94rem;line-height:1.65}.explore-species{color:#425b49;background:#edf1e8;border-radius:7px;padding:.45rem .7rem;font-size:.78rem;font-weight:600;display:inline-flex}.explore-photo{background:#fff;min-height:235px;display:flex}.explore-photo img{object-fit:contain;object-position:center;align-self:center;width:100%;height:100%}.explore-tabs{border-bottom:1px solid #d9dfd5;gap:.4rem;margin:0 0 1.6rem;display:flex}.explore-tabs a{color:#5b685f;border-bottom:3px solid #0000;justify-content:center;align-items:center;gap:.5rem;min-height:52px;padding:.6rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .18s,background .18s;display:flex;position:relative}.explore-tabs a[aria-current=page]{color:#203b30;border-color:#203b30}.explore-tabs a:hover{color:#203b30;background:#e9ede5}.explore-tabs a:focus-visible{outline-offset:2px;outline:3px solid #557742}.activity-hub .explore-hero,.activity-hub .play-discovery,.sounds-page .sound-discover{margin-top:0}.explore-family-banner{color:inherit;background:#fff;border-radius:16px;grid-template-columns:42% 1fr auto;align-items:center;gap:1rem;margin-bottom:1.75rem;padding-right:1.1rem;text-decoration:none;display:grid;overflow:hidden}.explore-family-banner img{object-fit:contain;width:100%;height:150px}.explore-family-banner strong{margin-bottom:.4rem;font-size:1.1rem;display:block}.explore-family-banner small{color:#526259;line-height:1.6;display:block}.td-learn{grid-template-columns:1fr auto;gap:.8rem;padding:0;display:grid;overflow:hidden}.td-learn img{object-fit:contain;background:#fff;grid-column:1/-1;width:100%;height:160px}.td-learn>span{padding:0 0 1rem 1.1rem}.td-learn>svg{margin:0 1rem 1rem 0}.lp-photo-break{background:#fff;padding:1rem 0 4rem}.lp-photo-break>.lp-wrap{grid-template-columns:1.2fr 1fr;align-items:center;gap:2rem;display:grid}.lp-photo-break img{width:100%;height:auto;display:block}.lp-photo-break h2{letter-spacing:-.035em;color:#203b30;text-wrap:balance;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.12}.lp-photo-break p{color:#526259;max-width:36ch;margin:1rem 0 1.4rem;font-size:1rem;line-height:1.7}.lp .lp-arches .lp-arch-img img{object-position:50% 50%}.lp .bt-learn-img{object-position:center}@media (max-width:700px){.explore-hero{border-radius:16px;grid-template-columns:1fr}.explore-copy{padding:1.35rem 1.3rem .7rem}.explore-copy .app-title{max-width:21ch;font-size:1.9rem}.explore-copy p{margin:.75rem 0;font-size:.87rem}.explore-photo{height:160px;min-height:0}.explore-photo img{object-fit:contain;width:100%;height:160px}.explore-species{font-size:.72rem}.explore-tabs{justify-content:stretch;gap:0;margin-bottom:1.25rem}.explore-tabs a{flex:1;gap:.3rem;min-width:0;padding:.6rem .3rem;font-size:.81rem}.explore-tabs svg{width:16px}.explore-family-banner{grid-template-columns:1fr auto;gap:.6rem}.explore-family-banner img{grid-column:1/-1;height:170px}.explore-family-banner>span{padding:0 0 1rem 1.1rem}.explore-family-banner>svg{margin-bottom:1rem}.lp-photo-break{padding:0 0 2.5rem}.lp-photo-break>.lp-wrap{grid-template-columns:1fr;gap:0}.lp-photo-break>.lp-wrap>div{padding:0 .5rem}.lp-photo-break img{object-fit:cover;object-position:50% 80%;max-height:240px}}@media (prefers-reduced-motion:reduce){.explore-tabs a{transition:none}}