:root{--color-brand-50:#ecfeff;--color-brand-100:#cffafe;--color-brand-500:#0891b2;--color-brand-600:#0e7490;--color-brand-700:#155e75;--color-ink-900:#0f172a;--color-ink-700:#334155;--color-ink-500:#64748b;--color-surface:#fff;--color-background:#f4f8fa;--color-border:#dbe7eb;--color-success:#047857;--color-warning:#b45309;--color-danger:#b91c1c;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--radius-sm:.625rem;--radius-md:1rem;--radius-lg:1.5rem;--shadow-card:0 .5rem 1.5rem #0f172a14;--shadow-overlay:0 1.5rem 4rem #0f172a47;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);color:var(--color-ink-900);background:var(--color-background);font-family:var(--font-family);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0;overflow-x:hidden}body{min-height:100dvh}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--color-warning);outline-offset:3px}.app-shell{width:min(100%,480px);min-height:100dvh;padding:calc(var(--safe-top) + var(--space-4)) calc(var(--safe-right) + var(--space-4)) calc(5.75rem + var(--safe-bottom)) calc(var(--safe-left) + var(--space-4));background:var(--color-background);margin:0 auto;position:relative}.skip-link{z-index:50;top:var(--space-3);left:var(--space-3);min-height:44px;padding:var(--space-3) var(--space-4);color:var(--color-surface);background:var(--color-ink-900);border-radius:var(--radius-sm);position:fixed;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.app-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-2) var(--space-1) var(--space-5);display:flex}.app-brand,.app-subtitle{color:var(--color-ink-500);font-size:var(--font-size-sm);margin:0;font-weight:600}.app-header h1{margin:var(--space-1) 0;font-size:var(--font-size-2xl);line-height:1.2}.tank-badge,.status-pill{min-height:28px;padding:var(--space-1) var(--space-3);color:var(--color-brand-700);background:var(--color-brand-100);font-size:var(--font-size-xs);white-space:nowrap;border-radius:999px;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.reminder-card{align-items:start}.reminder-card .reminder-actions,.reminder-card .reminder-history{grid-column:1/-1}.reminder-actions{gap:var(--space-2);padding-top:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.reminder-group-heading{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-3);padding:var(--space-2) var(--space-1);border-bottom:2px solid var(--color-brand-100);display:flex}.reminder-group-heading h3{font-size:var(--font-size-base);margin:0}.reminder-group-heading span{color:var(--color-ink-500);font-size:var(--font-size-sm);font-weight:700}.reminder-group-overdue h3{color:var(--color-danger)}.home-reminder-list,.home-reminder-card{gap:var(--space-3);display:grid}.home-reminder-list{margin-top:var(--space-4)}.home-reminder-card{padding:var(--space-4);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md)}.home-reminder-card>div:first-child{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.home-reminder-card span{color:var(--color-ink-500);font-size:var(--font-size-sm)}.home-reminder-actions{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.home-reminder-actions button{min-width:0;padding-right:var(--space-2);padding-left:var(--space-2)}.reminder-history{padding-top:var(--space-2);border-top:1px solid var(--color-border);margin:0}@media (width<=420px){.reminder-actions{grid-template-columns:1fr}.home-reminder-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}.offline-banner{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);color:#78350f;border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:#fef3c7;border:1px solid #fde68a}.app-content{gap:var(--space-5);display:grid}.summary-grid,.quick-action-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.summary-card{gap:var(--space-1);min-width:0;padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);display:grid}.summary-card span,.summary-card small{color:var(--color-ink-500);font-size:var(--font-size-sm)}.summary-card strong{color:var(--color-brand-700);font-size:var(--font-size-2xl)}.activity-grid,.reminder-summary-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.activity-card,.reminder-summary-grid article{gap:var(--space-2);min-width:0;padding:var(--space-4);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);display:grid}.activity-card span,.reminder-summary-grid span{color:var(--color-ink-500);font-size:var(--font-size-sm)}.activity-card strong{overflow-wrap:anywhere;font-size:var(--font-size-sm)}.reminder-summary-grid strong{color:var(--color-brand-700);font-size:var(--font-size-2xl)}.reminder-summary-grid .has-overdue strong{color:var(--color-danger)}.spending-total{gap:var(--space-1);padding:var(--space-5);color:var(--color-surface);background:var(--color-brand-700);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:grid}.spending-total strong{font-size:var(--font-size-2xl)}.spending-breakdown,.spending-group ul{gap:var(--space-3);display:grid}.spending-group h3,.purchase-items-heading h3{margin:0}.spending-group ul{margin:0;padding:0;list-style:none}.spending-group li{justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);display:flex}.purchase-item-form{gap:var(--space-3);min-width:0;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);display:grid}.purchase-item-form legend{padding:0 var(--space-2);font-weight:800}.purchase-item-form summary{min-height:44px;padding:var(--space-2) 0;color:var(--color-brand-700);cursor:pointer;font-weight:700}.record-form select{width:100%;min-height:44px;padding:var(--space-3);color:var(--color-ink-900);background:var(--color-surface);border:1px solid var(--color-ink-300);border-radius:var(--radius-sm)}.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.equipment-status{padding:var(--space-1) var(--space-3);color:var(--color-brand-700);background:var(--color-brand-100);font-size:var(--font-size-xs);white-space:nowrap;border-radius:999px;align-self:start;font-weight:800}.status-inactive,.status-disposed{color:var(--color-ink-700);background:var(--color-ink-200)}.equipment-state-word{font-size:var(--font-size-xl)!important}.section-block{padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.section-heading{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.section-heading h2{font-size:var(--font-size-lg);margin:0}.section-heading>span:not(.status-pill){color:var(--color-ink-500);font-size:var(--font-size-xs)}.primary-button,.secondary-button,.icon-button{justify-content:center;align-items:center;gap:var(--space-2);min-width:44px;min-height:44px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.primary-button{color:var(--color-surface);background:var(--color-brand-700)}.primary-button:hover{background:var(--color-brand-600)}.secondary-button{color:var(--color-brand-700);background:var(--color-brand-50);border-color:var(--color-brand-100)}.icon-button{color:var(--color-ink-700);font-size:var(--font-size-xl);background:0 0;padding:0}.bottom-navigation{z-index:20;width:min(100%,480px);min-height:calc(68px + var(--safe-bottom));padding:var(--space-2) max(var(--space-2), var(--safe-right)) max(var(--space-2), var(--safe-bottom)) max(var(--space-2), var(--safe-left));border-top:1px solid var(--color-border);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:#fffffff5;grid-template-columns:repeat(5,minmax(0,1fr));margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -.5rem 1.5rem #0f172a14}.navigation-link{min-width:44px;min-height:44px;color:var(--color-ink-500);border-radius:var(--radius-sm);font-size:var(--font-size-xs);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-weight:650;text-decoration:none;display:flex}.navigation-link.is-active{color:var(--color-brand-700);background:var(--color-brand-50)}.navigation-icon{font-size:var(--font-size-lg);line-height:1}.dialog-backdrop{z-index:40;padding:calc(var(--safe-top) + var(--space-4)) calc(var(--safe-right) + var(--space-4)) calc(var(--safe-bottom) + var(--space-4)) calc(var(--safe-left) + var(--space-4));background:#0f172a85;align-items:end;display:grid;position:fixed;inset:0}.dialog-card{width:min(100%,448px);max-height:85dvh;padding:var(--space-5);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);margin:0 auto;overflow-y:auto}.dialog-header,.dialog-actions{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.dialog-header h2{font-size:var(--font-size-xl);margin:0}.dialog-description{margin:var(--space-4) 0 var(--space-5);color:var(--color-ink-700);line-height:1.6}.dialog-actions{justify-content:flex-end}.toast{z-index:45;right:var(--space-4);bottom:calc(5.5rem + var(--safe-bottom));left:var(--space-4);align-items:center;gap:var(--space-3);width:min(100% - 2rem,448px);min-height:44px;padding:var(--space-3) var(--space-4);color:var(--color-surface);background:var(--color-success);border-radius:var(--radius-sm);box-shadow:var(--shadow-overlay);margin:0 auto;font-weight:700;display:flex;position:fixed}.state-panel,.standalone-state{justify-items:center;gap:var(--space-3);padding:var(--space-6);text-align:center;display:grid}.state-panel h2,.standalone-state h1{font-size:var(--font-size-lg);margin:0}.state-panel p,.standalone-state p{max-width:32rem;color:var(--color-ink-500);margin:0;line-height:1.6}.standalone-state{min-height:100vh;padding:calc(var(--safe-top) + var(--space-6)) calc(var(--safe-right) + var(--space-6)) calc(var(--safe-bottom) + var(--space-6)) calc(var(--safe-left) + var(--space-6));align-content:center}.state-icon{width:44px;height:44px;color:var(--color-brand-700);background:var(--color-brand-100);font-size:var(--font-size-xl);border-radius:999px;place-items:center;font-weight:800;display:inline-grid}.loading-spinner{border:4px solid var(--color-brand-100);border-top-color:var(--color-brand-600);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=430px){.app-shell{padding-right:calc(var(--safe-right) + var(--space-5));padding-left:calc(var(--safe-left) + var(--space-5))}}.onboarding-page{width:min(100%,680px);min-height:100vh;padding:calc(var(--safe-top) + var(--space-6)) calc(var(--safe-right) + var(--space-5)) calc(var(--safe-bottom) + var(--space-6)) calc(var(--safe-left) + var(--space-5));margin:0 auto}.onboarding-header h1{margin:var(--space-2) 0;font-size:var(--font-size-2xl)}.onboarding-header>p:last-child,.field-hint{color:var(--color-ink-500);line-height:1.6}.setup-form{gap:var(--space-5);margin-top:var(--space-6);padding:var(--space-5);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:grid}.setup-form label{gap:var(--space-2);color:var(--color-ink-900);font-weight:700;display:grid}.setup-form input,.setup-form textarea{width:100%;min-height:44px;padding:var(--space-3);color:var(--color-ink-900);background:var(--color-surface);border:1px solid var(--color-ink-300);border-radius:var(--radius-sm);font:inherit}.setup-form textarea{resize:vertical}.form-row{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.field-error,.form-error{color:var(--color-danger);font-weight:700}.form-error{padding:var(--space-3);background:var(--color-danger-soft);border-radius:var(--radius-sm)}.setup-submit{width:100%}@media (width<=520px){.form-row{grid-template-columns:1fr}}.record-form{gap:var(--space-4);margin:var(--space-4) 0;padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-ink-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:grid}.biota-tabs{gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-1);background:var(--color-ink-100);border-radius:var(--radius-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.biota-tabs a{min-height:44px;color:var(--color-ink-500);border-radius:var(--radius-sm);place-items:center;font-weight:700;text-decoration:none;display:grid}.biota-tabs a.is-active{color:var(--color-brand-700);background:var(--color-surface);box-shadow:var(--shadow-card)}.supply-tabs{gap:var(--space-1);margin-bottom:var(--space-4);padding:var(--space-1);background:var(--color-ink-100);border-radius:var(--radius-md);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.supply-tabs a{min-height:44px;padding:var(--space-1);color:var(--color-ink-500);border-radius:var(--radius-sm);font-size:var(--font-size-xs);text-align:center;place-items:center;font-weight:700;text-decoration:none;display:grid}.supply-tabs a.is-active{color:var(--color-brand-700);background:var(--color-surface);box-shadow:var(--shadow-card)}.record-tabs{gap:var(--space-1);margin-bottom:var(--space-4);padding:var(--space-1);background:var(--color-ink-100);border-radius:var(--radius-md);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.record-tabs a{min-height:44px;color:var(--color-ink-500);border-radius:var(--radius-sm);place-items:center;font-weight:700;text-decoration:none;display:grid}.record-tabs a.is-active{color:var(--color-brand-700);background:var(--color-surface);box-shadow:var(--shadow-card)}.checkbox-label{grid-template-columns:auto 1fr;align-items:center;display:flex!important}.checkbox-label input{width:24px;min-height:24px}.record-form label{gap:var(--space-2);font-weight:700;display:grid}.record-form input,.record-form textarea{width:100%;min-height:44px;padding:var(--space-3);color:var(--color-ink-900);background:var(--color-surface);border:1px solid var(--color-ink-300);border-radius:var(--radius-sm);font:inherit}.form-actions,.detail-actions,.inline-actions{justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.compact-button{min-height:44px;padding:var(--space-2) var(--space-4)}.record-list{gap:var(--space-3);margin-top:var(--space-4);display:grid}.record-card{gap:var(--space-2) var(--space-4);min-height:44px;padding:var(--space-4);color:var(--color-ink-900);background:var(--color-surface);border:1px solid var(--color-ink-200);border-radius:var(--radius-md);box-shadow:var(--shadow-card);grid-template-columns:1fr auto;text-decoration:none;display:grid}.record-card>div:first-child,.quantity-badge{gap:var(--space-1);display:grid}.record-card span,.record-card small,.history-list span,.history-list small{color:var(--color-ink-500)}.record-card small{grid-column:1/-1}.quantity-badge{justify-items:end}.quantity-badge strong{color:var(--color-brand-700);font-size:var(--font-size-2xl)}.static-card{align-items:center}.back-link{min-height:44px;color:var(--color-brand-700);align-items:center;font-weight:700;display:inline-flex}.detail-hero{gap:var(--space-5);padding:var(--space-5);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);grid-template-columns:minmax(8rem,.75fr) 2fr;display:grid}.detail-hero>div:first-child{padding:var(--space-4);background:var(--color-brand-100);border-radius:var(--radius-md);align-content:center;justify-items:center;display:grid}.detail-hero>div strong{color:var(--color-brand-700);font-size:3rem}.detail-hero dl{gap:var(--space-3);margin:0;display:grid}.detail-hero dl div{justify-content:space-between;gap:var(--space-3);border-bottom:1px solid var(--color-ink-200);display:flex}.detail-hero dd{margin:0;font-weight:700}.detail-actions{margin:var(--space-4) 0}.history-list{gap:var(--space-2);padding:0;list-style:none;display:grid}.history-list li{gap:var(--space-1) var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-ink-200);grid-template-columns:1fr auto;display:grid}.history-list li>div{gap:var(--space-1);display:grid}.history-list li>small{grid-column:1/-1}.history-list .is-deleted{opacity:.65;text-decoration:line-through}.text-button{min-width:44px;min-height:44px;padding:var(--space-2);color:var(--color-brand-700);font:inherit;background:0 0;border:0;font-weight:700}.danger-text,.danger-button{color:var(--color-danger)}.danger-button{min-height:44px;margin-top:var(--space-5);padding:var(--space-3) var(--space-4);background:var(--color-surface);border-radius:var(--radius-sm);font:inherit;border:1px solid;font-weight:700}.media-manager{gap:var(--space-4);display:grid}.record-card>.media-manager{margin-top:var(--space-2);padding:var(--space-4);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:none;grid-column:1/-1}.media-picker-actions{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.media-picker-button{min-height:44px;padding:var(--space-2);text-align:center;cursor:pointer;place-items:center;display:grid}.media-picker-button input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.media-picker-button.is-disabled{cursor:wait;opacity:.55}.media-status,.media-success{color:var(--color-ink-500);font-size:var(--font-size-sm);margin:0}.media-success{color:var(--color-success);font-weight:700}.media-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.media-grid article{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:0;overflow:hidden}.media-grid img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.media-grid article>div{justify-content:space-between;align-items:center;gap:var(--space-1);min-width:0;padding:var(--space-2);display:flex}.media-grid small{min-width:0;color:var(--color-ink-500);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.feeding-form{gap:var(--space-4);margin-top:var(--space-4);display:grid}.feeding-items{gap:var(--space-3);display:grid}.feeding-item{gap:var(--space-3);min-width:0;padding:var(--space-4);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);margin:0;display:grid}.feeding-item legend{padding:0 var(--space-2);color:var(--color-brand-700);font-weight:800}.feeding-full-link{min-height:44px;margin-top:var(--space-3);color:var(--color-brand-700);justify-content:center;align-items:center;font-weight:700;display:inline-flex}.water-quality-form{gap:var(--space-4);margin-top:var(--space-4);display:grid}.water-reading-grid,.water-reading-detail{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.unit-input{background:var(--color-surface);border:1px solid var(--color-ink-300);border-radius:var(--radius-sm);grid-template-columns:1fr auto;align-items:center;display:grid;overflow:hidden}.unit-input input{border:0;border-radius:0;min-width:0}.unit-input b{padding:0 var(--space-3);color:var(--color-ink-500);font-size:var(--font-size-sm)}.water-reading-detail article{gap:var(--space-2);min-width:0;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);display:grid}.water-reading-detail span{color:var(--color-ink-500);font-size:var(--font-size-sm)}.water-reading-detail strong{overflow-wrap:anywhere;color:var(--color-brand-700);font-size:var(--font-size-lg)}.water-change-form{gap:var(--space-4);margin-top:var(--space-4);display:grid}.capacity-note{padding:var(--space-3);color:var(--color-brand-700);background:var(--color-brand-50);border-radius:var(--radius-sm);margin:0;font-weight:700}.calculation-actions{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.water-reading-group{min-width:0;padding:var(--space-4);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);margin:0}.water-reading-group legend{padding:0 var(--space-2);color:var(--color-brand-700);font-weight:800}.maintenance-form{gap:var(--space-4);margin-top:var(--space-4);display:grid}.history-filter{gap:var(--space-2);font-weight:700;display:grid}.history-filter select{min-height:44px;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-ink-300);border-radius:var(--radius-sm)}.unified-history li>b{color:var(--color-brand-700);font-size:var(--font-size-xs)}.pwa-status-banner{z-index:35;top:max(var(--space-3), env(safe-area-inset-top));right:var(--space-4);left:var(--space-4);gap:var(--space-3);width:min(calc(100% - (var(--space-4) * 2)), 448px);min-height:52px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid #0000;justify-content:space-between;align-items:center;margin-inline:auto;font-weight:700;display:flex;position:fixed;box-shadow:0 12px 32px #0f2a302e}.pwa-status-banner p{margin:0}.pwa-status-banner>div{gap:var(--space-2);flex-shrink:0;display:flex}.pwa-status-banner button{min-height:44px;padding:var(--space-2) var(--space-3);color:inherit;border-radius:var(--radius-sm);font:inherit;background:#ffffff2e;border:1px solid}.pwa-status-banner.is-offline{color:#78350f;background:#fef3c7;border-color:#f59e0b}.pwa-status-banner.is-update{color:#fff;background:var(--color-brand-700)}.pwa-status-banner.is-error{color:#7f1d1d;background:#fee2e2;border-color:#ef4444}.backup-panel,.backup-progress,.backup-result{gap:var(--space-4);display:grid}.backup-panel>p{color:var(--color-ink-700);margin:0;line-height:1.6}.backup-progress{padding:var(--space-4);background:var(--color-brand-50);border-radius:var(--radius-md)}.backup-progress progress{width:100%;height:12px;accent-color:var(--color-brand-600)}.backup-progress span,.backup-progress p{color:var(--color-ink-500);font-size:var(--font-size-sm);margin:0}.backup-result{padding:var(--space-4);background:var(--color-brand-50);border:1px solid var(--color-brand-100);border-radius:var(--radius-md)}.backup-result>strong{color:var(--color-success);font-size:var(--font-size-lg)}.backup-result dl{gap:var(--space-2);margin:0;display:grid}.backup-result dl div{gap:var(--space-2);grid-template-columns:5rem minmax(0,1fr);display:grid}.backup-result dt{color:var(--color-ink-500)}.backup-result dd{overflow-wrap:anywhere;min-width:0;margin:0;font-weight:700}.storage-health dl{gap:var(--space-2);margin:0;display:grid}.storage-health dl div{justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);display:flex}.storage-health dd{text-align:right;margin:0;font-weight:700}.restore-panel .backup-result label{gap:var(--space-2);font-weight:700;display:grid}.restore-panel .backup-result input{width:100%;min-height:44px;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-ink-300);border-radius:var(--radius-sm)}.danger-button:disabled{cursor:not-allowed;opacity:.45}@media (width<=420px){.record-tabs{grid-template-columns:repeat(5,minmax(64px,1fr));overflow-x:auto}.record-tabs a{font-size:var(--font-size-xs)}}@media (width<=520px){.pwa-status-banner{flex-direction:column;align-items:stretch}.pwa-status-banner>div{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.detail-hero,.media-picker-actions,.calculation-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}