@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Petrona Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/petrona-vietnamese-wght-normal-TdzRfv0l.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Petrona Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/petrona-latin-ext-wght-normal-DffTHwTe.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Petrona Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/petrona-latin-wght-normal-CvMo8Nw_.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--pattern-bg:url(/hearts-and-paws.svg);--color-primary:#4bc0d9;--color-primary-dark:#28a2bd;--color-primary-500:#4bc0d9;--color-primary-600:#3db1cc;--color-primary-700:#28a2bd;--color-secondary:#5061be;--color-accent-1:#9dacff;--color-accent-2:#5c2751;--color-accent-3:#6457a6;--color-marigold:#fbb61c;--color-success:#32ae6e;--color-warning:#f0ad4e;--color-error:#dc3545;--color-text-primary:#2a2438;--color-text-secondary:#3d3650;--color-white:#fff;--color-light-gray:#f8f6fa;--color-medium-gray:#dedbe8;--color-dark-gray:#484158;--spacing-xs:.5rem;--spacing-sm:.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--spacing-xxxl:5rem;--font-family-serif:"Petrona Variable", "Petrona", serif;--font-family-sans:"Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.375rem;--font-size-xxl:1.625rem;--font-size-xxxl:2.5rem;--line-height-headings:1.2;--line-height-body:1.5;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-pill:30px;--border-width:1px;--container-width:1200px;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--transition-quick:.2s ease;--transition-medium:.3s ease;--transition-slide:.28s ease;--z-index-dropdown:100;--z-index-sticky:200;--z-index-fixed:300;--z-index-modal:400;--z-index-popover:500;--z-index-toast:600;--breakpoint-xs:480px;--breakpoint-sm:768px;--breakpoint-md:992px;--breakpoint-lg:1200px;--color-bg:#6457a60a;--color-surface:var(--color-light-gray);--color-text:var(--color-text-primary);--color-text-muted:var(--color-text-secondary);--color-border:var(--color-medium-gray);--color-card-bg:var(--color-white);--color-input-bg:var(--color-white);--color-overlay:#00000080;--color-badge-success-bg:#e8f8ef;--color-badge-success-text:var(--color-success);--color-badge-warning-bg:#fef3e0;--color-badge-warning-text:#b8860b;--color-success-light:#e8f5e9;--color-progress-fill:var(--color-primary);--color-progress-bg:var(--color-medium-gray);--bottom-nav-height:64px;--top-bar-height:56px;--spacing-page:var(--spacing-md)}[data-theme=dark]{--color-bg:#1a1625;--color-surface:#2a2438;--color-text:#e8e4ef;--color-text-primary:#e8e4ef;--color-text-secondary:#b0a8c0;--color-text-muted:#b0a8c0;--color-white:#222030;--color-light-gray:#2a2438;--color-medium-gray:#3d3650;--color-dark-gray:#b0a8c0;--color-border:#3d3650;--color-card-bg:#2a2438;--color-input-bg:#2a2438;--color-overlay:#000000b3;--color-badge-success-bg:#1a3a2a;--color-badge-success-text:#5cd690;--color-badge-warning-bg:#3a2e1a;--color-badge-warning-text:#f0c060;--color-success-light:#1a2a3a;--pattern-bg:url(/hearts-and-paws-light.svg);--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 15px #0000004d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-family-sans);font-size:var(--font-size-md);line-height:var(--line-height-body);color:var(--color-text-primary);background-color:var(--color-light-gray);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-serif);font-weight:var(--font-weight-semibold);line-height:var(--line-height-headings)}a{color:var(--color-primary-dark);text-decoration:none}img{max-width:100%;height:auto}button{cursor:pointer;font-family:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.breadcrumb{justify-content:center;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);flex-wrap:wrap;display:flex}.breadcrumb__link{align-items:center;gap:var(--spacing-xs);color:var(--color-primary-dark);text-decoration:none;display:inline-flex}.breadcrumb__link:hover{opacity:.8}.breadcrumb__sep{color:var(--color-dark-gray);align-items:center;display:inline-flex}.breadcrumb__current{align-items:center;gap:var(--spacing-xs);color:var(--color-text-secondary);display:inline-flex}.app-shell{background:var(--color-bg,var(--color-white));flex-direction:column;height:100dvh;display:flex;position:relative}.app-shell:before{content:"";opacity:.5;pointer-events:none;z-index:0;background-image:url(/paw-tracks.svg);background-repeat:no-repeat;background-size:contain;width:250px;height:330px;position:fixed;bottom:-20px;right:-20px}[data-theme=dark] .app-shell:before{opacity:.05}.app-shell:after{content:"";opacity:.4;pointer-events:none;z-index:0;background-image:url(/paw-tracks.svg);background-repeat:no-repeat;background-size:contain;width:250px;height:330px;position:fixed;top:-20px;left:-20px;transform:rotate(180deg)}[data-theme=dark] .app-shell:after{opacity:.04}.app-shell__content{view-transition-name:page-content;flex:1;width:100%;overflow-y:auto}.app-shell__inner{max-width:900px;padding:var(--spacing-page);padding-bottom:calc(var(--bottom-nav-height) + var(--spacing-md));width:100%;margin:0 auto}.support-footer{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-xl);padding-bottom:var(--spacing-md);justify-content:center;align-items:center;gap:4px;display:flex}.support-footer a{color:#5061be}[data-theme=dark] .support-footer a{color:var(--color-accent-1)}.messages~.support-footer{display:none}.top-bar{border-bottom:1px solid var(--color-primary-dark);background-image:linear-gradient(23deg, var(--color-primary) 0%, var(--color-secondary) 43%, var(--color-accent-2) 100%);padding:0;position:relative}.top-bar__inner{padding:var(--spacing-sm) var(--spacing-page);justify-content:space-between;align-items:center;width:100%;max-width:900px;margin:0 auto;display:flex}.top-bar__title{align-items:center;text-decoration:none;display:flex}.top-bar__logo{filter:brightness(0)invert();width:auto;height:40px}.top-bar__actions{gap:var(--spacing-sm);align-items:center;display:flex}.top-bar__action{padding:var(--spacing-xs);color:#ffffffd9;stroke-width:1.5px;cursor:pointer;transition:background var(--transition-quick);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;align-items:center;font-size:1.25rem;text-decoration:none;display:flex;position:relative}.top-bar__action svg{transition:transform .3s}.top-bar__action:hover{background:#ffffff26}.top-bar__action--active{color:#fff;background:#fff3}.top-bar__action--active svg{transform:rotate(30deg)}.top-bar__badge{min-width:16px;height:16px;font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);background:var(--color-marigold);border-radius:8px;justify-content:center;align-items:center;padding:0 4px;line-height:1;display:flex;position:absolute;top:0;right:0}[data-theme=dark] .top-bar__badge,[data-theme=dark] .bottom-nav__badge{color:#000}.top-bar__popover-container,.top-bar__tip-anchor{position:relative}.beta-tip{top:calc(100% + var(--spacing-sm));background:var(--color-surface);width:200px;color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-marigold);text-align:center;box-shadow:var(--shadow-lg);z-index:60;border-radius:12px;animation:.3s betaTipIn;position:absolute;left:50%;transform:translate(-50%)}.beta-tip:before{content:"";border:7px solid #0000;border-bottom-color:var(--color-marigold);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.beta-tip:after{content:"";border:5px solid #0000;border-bottom-color:var(--color-surface);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.beta-tip__badge{background:var(--color-marigold);color:#000;font-size:11px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px;border-radius:999px;flex-shrink:0;align-items:center;gap:3px;padding:2px 7px;display:inline-flex}.beta-tip__badge svg{display:block}.beta-tip__text{margin-top:var(--spacing-xs);line-height:1.3;display:block}.beta-tip__close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:flex;position:absolute;top:6px;right:6px}@keyframes betaTipIn{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.notification-popover{margin-top:var(--spacing-md);top:100%;right:0;right:calc(-1 * var(--spacing-xl));background:var(--color-white);border:1px solid var(--color-medium-gray);border-radius:var(--border-radius-md);width:340px;max-height:420px;box-shadow:var(--shadow-lg,0 10px 25px #00000026);z-index:var(--z-index-modal,1000);flex-direction:column;animation:.2s ease-out popover-fade-in;display:flex;position:absolute;overflow:visible}.notification-popover:after{content:"";background:var(--color-white);border-top:1px solid var(--color-medium-gray);border-left:1px solid var(--color-medium-gray);z-index:1;width:12px;height:12px;position:absolute;top:-7px;right:40px;transform:rotate(45deg)}@keyframes spin{to{transform:rotate(360deg)}}.lucide-loader-circle{animation:1s linear infinite spin}@keyframes popover-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notification-popover--closing{animation:.2s ease-in forwards popover-fade-out}@keyframes popover-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.notification-popover__header{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-medium-gray);justify-content:space-between;align-items:center;display:flex}.notification-popover__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0}.notification-popover__list{flex:1;overflow-y:auto}.notification-popover__item{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background var(--transition-quick);border-bottom:1px solid var(--color-light-gray);display:flex}.notification-popover__item:last-child{border-bottom:none}.notification-popover__item:hover{background:var(--color-light-gray)}.notification-popover__item--unread{background:rgba(var(--color-primary-rgb,46, 125, 50), .05);border-left:3px solid var(--color-primary)}.notification-popover__icon{font-size:var(--font-size-md);flex-shrink:0;margin-top:2px;line-height:1}.notification-popover__content{flex:1;min-width:0}.notification-popover__item-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0}.notification-popover__item--unread .notification-popover__item-title{font-weight:var(--font-weight-bold)}.notification-popover__item-message{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;overflow:hidden}.notification-popover__time{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap;flex-shrink:0}.notification-popover__empty{padding:var(--spacing-lg) var(--spacing-md);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.bottom-nav{width:100%;height:var(--bottom-nav-height);background:var(--color-white);border-top:1px solid var(--color-medium-gray);z-index:var(--z-index-fixed);view-transition-name:bottom-nav;position:fixed;bottom:0;left:0;right:0}.bottom-nav__inner{justify-content:space-around;align-items:center;width:100%;max-width:900px;height:100%;margin:0 auto;display:flex}.bottom-nav__item{padding:var(--spacing-xs);color:var(--color-text-secondary);font-size:var(--font-size-xs);transition:color var(--transition-quick);flex-direction:column;align-items:center;gap:2px;text-decoration:none;display:flex}.bottom-nav__item--active{color:var(--color-primary-dark)}.bottom-nav__icon{font-size:1.25rem}.page-header{padding:var(--spacing-md) 0;margin-bottom:var(--spacing-md);flex-direction:column;align-items:center;display:flex;position:relative}.page-header__row{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.page-header__left{align-items:center;min-width:0;padding:0 40px;display:flex}.page-header__back{font-size:var(--font-size-xl);color:var(--color-text-primary);padding:var(--spacing-xs);background:0 0;border:none;position:absolute;top:50%;left:0;transform:translateY(-50%)}.page-header__action{position:absolute;top:50%;right:0;transform:translateY(-50%)}.page-header__title{font-size:var(--font-size-xxl);text-align:center;margin:0}.page-header__subtitle{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:2px}.loading-spinner{padding:var(--spacing-xxl);flex-direction:column;justify-content:center;align-items:center;animation:.3s ease-in .3s both fade-in;display:flex}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.loading-spinner--full-page{min-height:100dvh}.loading-spinner__logo{width:auto;height:48px;margin-bottom:var(--spacing-lg)}.loading-paws{gap:var(--spacing-sm);align-items:center;display:flex}.loading-paws__paw{color:var(--color-primary);opacity:.2;animation:1.6s ease-in-out infinite paw-step;transform:rotate(-20deg)}.loading-paws__paw--1{animation-delay:0s}.loading-paws__paw--2{animation-delay:.2s}.loading-paws__paw--3{animation-delay:.4s}.loading-paws__paw--4{animation-delay:.6s}@keyframes paw-step{0%,to{opacity:.15;transform:rotate(-20deg)scale(.85)}25%,50%{opacity:1;transform:rotate(-20deg)scale(1.05)}}.loading-spinner__message{margin-top:var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.error-boundary{min-height:60vh;padding:var(--spacing-xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.error-boundary h2{margin-bottom:var(--spacing-md)}.error-boundary p{margin-bottom:var(--spacing-lg);color:var(--color-text-secondary)}.button{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-family:var(--font-family-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);transition:background-color var(--transition-quick), color var(--transition-quick), border-color var(--transition-quick), transform .2s ease, opacity var(--transition-quick);border:none;text-decoration:none;display:inline-flex}.button--primary{background-image:linear-gradient(23deg, var(--color-primary) 0%, var(--color-secondary) 43%, var(--color-accent-2) 100%);color:var(--color-white)}.button--pop{animation:.3s btn-pop}@keyframes btn-pop{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}.button--primary:hover{opacity:.9;text-decoration:none}.button--secondary{background-image:linear-gradient(23deg, var(--color-primary) 0%, var(--color-secondary) 43%, var(--color-accent-2) 100%);color:var(--color-white)}.button--secondary:hover{opacity:.9;text-decoration:none}.button--outline{border:var(--border-width) solid var(--color-primary);color:var(--color-primary-dark);background-color:#0000}.button--full-width{width:100%}.button--text{color:var(--color-text-secondary);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none;text-decoration:underline}.button--text:hover{color:var(--color-text)}.button--ghost{color:var(--color-text-secondary);background:0 0;border:none;transition:none}.button--danger{background-color:var(--color-error,#d32f2f);color:#fff;border:none}.button--danger:hover{background-color:#b71c1c}.button--danger-outline{color:var(--color-error,#d32f2f);border:1px solid var(--color-error,#d32f2f);background-color:#0000}.button--danger-outline:hover{background-color:var(--color-error,#d32f2f);color:var(--color-white)}.confirm-modal{border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg,0 4px 24px #0003);background-color:var(--color-card-bg,var(--color-white));max-width:360px;color:var(--color-text);width:calc(100% - var(--spacing-lg) * 2);border:none;padding:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.confirm-modal::backdrop{background:#0006}.confirm-modal__content{padding:var(--spacing-lg)}.confirm-modal__title{font-size:var(--font-size-md);margin:0 0 var(--spacing-xs)}.confirm-modal__message{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-lg)}.confirm-modal__actions{gap:var(--spacing-sm);justify-content:flex-end;display:flex}.confirm-modal__actions .button{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md)}.card{border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);background:#fff}[data-theme=dark] .card{background:var(--color-card-bg)}.badge{align-items:center;gap:var(--spacing-xs);padding:2px var(--spacing-xs);border-radius:var(--border-radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);display:inline-flex}.badge--success{color:var(--color-accent-3);background-color:#6457a61f}[data-theme=dark] .badge--success{color:var(--color-primary);background-color:#4bc0d91f}.badge--warning{background-color:var(--color-badge-warning-bg);color:var(--color-badge-warning-text)}.badge--default{background-color:var(--color-medium-gray);color:var(--color-text-secondary)}.badge--beta{color:#7c3aed;background-color:#8b5cf61f;border:1px solid #8b5cf64d}[data-theme=dark] .badge--beta{color:#a78bfa;background-color:#a78bfa26;border-color:#a78bfa4d}.progress-bar{background:var(--color-progress-bg);border-radius:var(--border-radius-pill);width:100%;height:8px;margin-bottom:var(--spacing-md);overflow:hidden}.progress-bar__fill{background-image:linear-gradient(23deg, var(--color-accent-2) 0%, var(--color-secondary) 57%, var(--color-primary) 100%);border-radius:var(--border-radius-pill);height:100%;transition:width var(--transition-medium)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);display:block}.form-input,.form-textarea,.form-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:var(--border-width) solid var(--color-medium-gray);border-radius:var(--border-radius-md);font-family:var(--font-family-sans);font-size:var(--font-size-md);color:var(--color-text-primary);background:var(--color-white);transition:border-color var(--transition-quick)}select.form-input,select.form-select{appearance:none;padding-right:calc(var(--spacing-md) + 20px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #4bc0d926}.form-input[type=date]{-webkit-appearance:none;max-width:100%}[data-theme=dark] .form-input[type=date]::-webkit-calendar-picker-indicator{filter:invert()}.form-input--error,.form-textarea--error{border-color:var(--color-error)}.form-error{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.form-success{color:var(--color-success);font-size:var(--font-size-sm);margin-top:var(--spacing-xs);margin-bottom:var(--spacing-md)}.form-textarea{resize:vertical;min-height:100px}.search-input{position:relative}.search-input__icon{left:var(--spacing-sm);color:var(--color-text-secondary);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input__field{width:100%;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-xl);border:var(--border-width) solid var(--color-medium-gray);font-family:var(--font-family-sans);font-size:var(--font-size-md);color:var(--color-text-primary);background:var(--color-white);transition:border-color var(--transition-quick), box-shadow var(--transition-quick);border-radius:100px}.search-input__field::placeholder{color:var(--color-text-secondary)}.search-input__field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb,45, 152, 140), .15);outline:none}.onboarding-page{min-height:100dvh;padding:var(--spacing-lg);background:var(--color-light-gray);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.onboarding-page:before{content:"";opacity:.08;pointer-events:none;background-image:url(/paw-tracks.svg);background-repeat:no-repeat;background-size:contain;width:250px;height:330px;position:absolute;bottom:-20px;right:-20px}.onboarding-page:after{content:"";opacity:.06;pointer-events:none;background-image:url(/paw-tracks.svg);background-repeat:no-repeat;background-size:contain;width:250px;height:330px;position:absolute;top:-20px;left:-20px;transform:rotate(180deg)}.onboarding-card{background:var(--color-white);border-radius:var(--border-radius-md);width:100%;max-width:440px;box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.onboarding-card__logo{width:auto;height:48px;margin:0 auto var(--spacing-lg);display:block}.onboarding-card__title{font-size:var(--font-size-xxl);margin-bottom:var(--spacing-sm);text-align:center}.onboarding-card__greeting{font-size:var(--font-size-lg);color:var(--color-primary-dark);font-weight:var(--font-weight-medium);text-align:center;margin-bottom:var(--spacing-sm)}.onboarding-card__text{color:var(--color-text-secondary);text-align:center;margin-bottom:var(--spacing-lg);line-height:var(--line-height-body)}.onboarding-card__footer{text-align:center;margin-top:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.onboarding-card__link{color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:none}.onboarding-card__link:hover{text-decoration:underline}.onboarding-card__forgot{margin-top:calc(-1 * var(--spacing-xs));margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none;padding:0;display:block}.invite-page{margin:0 auto}.invite-success__title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.invite-success__name{color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.invite-success__instructions{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.invite-url{gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);display:flex}.invite-url .form-input{font-size:var(--font-size-sm);flex:1}.invite-history{gap:var(--spacing-sm);flex-direction:column;display:flex}.invite-history__item{padding:var(--spacing-md) var(--spacing-lg)}.invite-history__header{justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.invite-history__name{font-weight:var(--font-weight-semibold);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.invite-history__item--clickable{color:inherit;text-decoration:none;transition:transform .1s,box-shadow .1s;display:block}.invite-history__item--clickable:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.invite-history__email{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-xxs)}.invite-history__footer{gap:var(--spacing-sm);margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}.invite-history__date{align-items:center;gap:4px;display:inline-flex}.invite-history__link{gap:var(--spacing-xs);margin-top:var(--spacing-sm);display:flex}.invite-history__link .form-input{flex:1;min-width:0}.form-label--optional{font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}.form-checkbox{align-items:center;gap:var(--spacing-xs);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text);display:inline-flex}.form-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.form-checkbox span{align-items:center;gap:var(--spacing-xs);display:inline-flex}.dev-role-switcher{bottom:calc(var(--bottom-nav-height) + var(--spacing-sm));right:var(--spacing-sm);color:#00d4ff;border-radius:var(--border-radius-md);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);z-index:var(--z-index-toast);cursor:pointer;opacity:.85;transition:opacity var(--transition-quick);background:#1a1a2e;border:1px solid #00d4ff;font-family:monospace;position:fixed}.dev-role-switcher:hover{opacity:1}.dashboard-section{margin-bottom:var(--spacing-xl)}.dashboard-section__title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm);align-items:center;gap:var(--spacing-xs);display:flex}.dashboard-pets,.dashboard-programs{gap:var(--spacing-sm);flex-direction:column;display:flex}.dashboard-pets--grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);display:grid}.dashboard-pets--grid .dashboard-pet-card{text-align:center;flex-direction:column;align-items:center}.dashboard-pets--grid .dashboard-pet-card__info{flex-direction:column;align-items:center}.dashboard-pets--grid .dashboard-pet-card__icon{font-size:2rem}.dashboard-pet-card{color:inherit;text-decoration:none;display:block}.dashboard-pet-card:hover{box-shadow:var(--shadow-md);text-decoration:none}.dashboard-pet-card--add{justify-content:center;align-items:center;gap:var(--spacing-xs);border:2px dashed var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--spacing-lg);flex-direction:column;text-decoration:none;transition:border-color .2s,color .2s;display:flex}.dashboard-pet-card--add:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:none}.dashboard-pet-card__info{align-items:center;gap:var(--spacing-sm);display:flex}.dashboard-pet-card__icon{font-size:1.5rem}.dashboard-pet-card__name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0}.dashboard-pet-card__breed{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.memorial-banner{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,#9dacff1f,#c8a2ff1f);border:1px solid #9dacff40;display:flex}.memorial-profile-section{gap:var(--spacing-sm);margin-top:var(--spacing-lg);flex-direction:column;display:flex}.memorial-section{margin-top:var(--spacing-lg)}.memorial-section__toggle{align-items:center;gap:var(--spacing-xs);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) 0;cursor:pointer;background:0 0;border:none;display:flex}.memorial-section__toggle:hover{color:var(--color-text)}.dashboard-pet-card--memorial{opacity:.75}.pet-avatar{object-fit:cover;border:2px solid #9dacff66;border-radius:50%;flex-shrink:0;overflow:hidden}.pet-avatar__img{object-fit:cover;opacity:0;border-radius:50%;transition:opacity .3s ease-in}.pet-avatar__img--loaded{opacity:1}.pet-avatar__skeleton{background:linear-gradient(110deg, var(--color-medium-gray) 30%, var(--color-light-gray) 50%, var(--color-medium-gray) 70%);background-size:200% 100%;border-radius:50%;animation:1.5s ease-in-out infinite skeleton-shimmer;position:absolute;top:0;left:0}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pet-avatar--placeholder{background-color:var(--color-surface,#f5f5f5);color:var(--color-text-secondary);border:2px solid var(--color-border,#e0e0e0);justify-content:center;align-items:center;display:inline-flex}.pet-avatar--frame-default{border:2px solid #9dacff66}.pet-avatar--frame-teal{border:2.5px solid #4bc0d9}.pet-avatar--frame-gold{border:2.5px solid #e5a832;box-shadow:0 0 6px #e5a8324d}.pet-avatar--frame-purple{border:3px solid #8b5cf6;box-shadow:0 0 6px #8b5cf64d}.pet-avatar--frame-sapphire{border:3px solid #6366f1;box-shadow:0 0 8px #3b82f64d}.pet-avatar--frame-prismatic{border:3px solid #a855f7;animation:4s ease-in-out infinite prismatic-border;box-shadow:0 0 10px #8b5cf659}@keyframes prismatic-border{0%,to{border-color:#a855f7;box-shadow:0 0 10px #8b5cf659}25%{border-color:#f59e0b;box-shadow:0 0 10px #f59e0b59}50%{border-color:#3b82f6;box-shadow:0 0 10px #3b82f659}75%{border-color:#10b981;box-shadow:0 0 10px #10b98159}}[data-theme=dark] .pet-avatar--frame-purple{border-color:#a78bfa}[data-theme=dark] .pet-avatar--frame-sapphire{border-color:#818cf8}[data-theme=dark] .pet-avatar--frame-prismatic{border-color:#c084fc}.pet-level-color--default{color:#5061be}.pet-level-color--teal{color:#4bc0d9}.pet-level-color--gold{color:#e5a832}.pet-level-color--purple{color:#8b5cf6}.pet-level-color--sapphire{color:#6366f1}.pet-level-color--prismatic{color:#a855f7}[data-theme=dark] .pet-level-color--default{color:#9dacff99}[data-theme=dark] .pet-level-color--teal{color:#4bc0d9}[data-theme=dark] .pet-level-color--gold{color:#e5a832}[data-theme=dark] .pet-level-color--purple{color:#a78bfa}[data-theme=dark] .pet-level-color--sapphire{color:#818cf8}[data-theme=dark] .pet-level-color--prismatic{color:#c084fc}.pet-photo-edit{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0;display:inline-block;position:relative}.pet-photo-edit__overlay{color:#fff;opacity:0;transition:opacity var(--transition-quick);background:#0006;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pet-photo-edit:hover .pet-photo-edit__overlay,.pet-photo-edit:focus-visible .pet-photo-edit__overlay{opacity:1}.pet-photo-edit:disabled{cursor:wait}.pet-photo-edit:disabled .pet-photo-edit__overlay{opacity:1;background:#00000080}.pet-photo-upload{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-direction:column;display:flex}.pet-photo-upload__preview{cursor:pointer;border:3px solid var(--color-border,#e0e0e0);border-radius:50%;width:120px;height:120px;transition:border-color .2s;position:relative}.pet-photo-upload__preview .pet-photo-upload__image,.pet-photo-upload__preview .pet-photo-upload__placeholder,.pet-photo-upload__preview .pet-photo-upload__overlay{border-radius:50%}.pet-photo-upload__preview:hover{border-color:var(--color-primary)}.pet-photo-upload__preview--empty{border-style:dashed}.pet-photo-upload__image{object-fit:cover;width:100%;height:100%}.pet-photo-upload__placeholder{justify-content:center;align-items:center;gap:var(--spacing-xs);background-color:var(--color-surface,#f5f5f5);width:100%;height:100%;color:var(--color-text-secondary);font-size:var(--font-size-xs);flex-direction:column;display:flex}.pet-photo-upload__overlay{justify-content:center;align-items:center;gap:var(--spacing-xs);color:#fff;font-size:var(--font-size-sm);background-color:#00000080;flex-direction:column;display:flex;position:absolute;inset:0}.pet-photo-upload__spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}.pet-photo-upload__delete{background-color:var(--color-danger,#e53e3e);color:#fff;cursor:pointer;z-index:2;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:background-color .2s;display:flex;position:absolute;top:2px;right:2px;box-shadow:0 1px 3px #0000004d}.pet-photo-upload__delete:hover{background-color:var(--color-danger-dark,#c53030)}.pet-photo-upload__input{display:none}.pet-photo-upload__actions{gap:var(--spacing-xs);display:flex}.crop-modal__backdrop{z-index:1000;padding:var(--spacing-md);background-color:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.crop-modal{background-color:var(--color-white);border-radius:var(--border-radius-md);width:100%;max-width:400px;overflow:hidden}.crop-modal__container{touch-action:none;width:100%;height:300px;position:relative}.crop-modal__controls{padding:var(--spacing-sm) var(--spacing-md)}.crop-modal__zoom-label{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.crop-modal__zoom{flex:1}.crop-modal__actions{gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--color-border,#e0e0e0);justify-content:flex-end;display:flex}.dashboard-program-card{color:inherit;text-decoration:none;display:block}.dashboard-program-card:hover{box-shadow:var(--shadow-md);text-decoration:none}.dashboard-program-card__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs)}.dashboard-program-card__pet{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-sm)}.dashboard-program-card__footer{justify-content:space-between;align-items:center;display:flex}.dashboard-program-card__arrow{color:var(--color-primary);font-size:var(--font-size-lg)}.dashboard-program-card--new{border:1px solid var(--color-marigold);animation:2s ease-in-out infinite card-glow}@keyframes card-glow{0%,to{box-shadow:0 0 4px #fbb61c33}50%{box-shadow:0 0 12px #fbb61c80,0 0 24px #fbb61c33}}.dashboard-program-card__new-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-marigold);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:4px;display:inline-flex}.dashboard-program-card--locked{opacity:.6;cursor:default}.dashboard-program-card--locked:hover{box-shadow:var(--shadow-sm)}.dashboard-program-card__prereq{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-xs) 0 0}.dashboard-actions{gap:var(--spacing-sm);flex-direction:column;display:flex}.dashboard-empty{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.pet-profile__details{margin:0}.pet-profile__field{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-light-gray);justify-content:space-between;display:flex}.pet-profile__field:last-child{border-bottom:none}.pet-profile__field dt{font-weight:var(--font-weight-medium);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pet-profile__field dd{text-align:right;margin:0}.pet-profile__actions{gap:var(--spacing-sm);margin-top:var(--spacing-lg);display:flex}.program-progress{padding:var(--spacing-sm) var(--spacing-lg);margin-bottom:var(--spacing-lg)}.program-progress__header{margin-bottom:var(--spacing-sm);justify-content:space-between;display:flex}.program-progress__label{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);align-items:center;gap:var(--spacing-xs);display:flex}.program-progress__value{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.program-skills{gap:var(--spacing-sm);flex-direction:column;display:flex}.program-skill-card{color:inherit;text-decoration:none;display:block}.program-skill-card:hover{box-shadow:var(--shadow-md);text-decoration:none}.program-skill-card__header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.program-skill-card__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.program-skill-card__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.program-skill-card__milestones{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:var(--spacing-xs) 0 0}.skill-section{margin-bottom:var(--spacing-lg)}.skill-section__title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);align-items:center;gap:var(--spacing-xs);display:flex}.skill-section__header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.skill-instructions{padding-left:var(--spacing-sm);gap:var(--spacing-sm);flex-direction:column;list-style:none;display:flex}.skill-instructions__step{font-size:var(--font-size-base);line-height:var(--line-height-body);padding-left:24px;position:relative}.skill-instructions__step:before{content:"";background-image:url(/paw.svg);background-repeat:no-repeat;background-size:contain;width:14px;height:14px;position:absolute;top:2px;left:0}.skill-overview__paragraph{margin-bottom:var(--spacing-md);color:var(--text-secondary);line-height:1.7;font-size:var(--font-size-base)}.skill-overview__paragraph:last-child{margin-bottom:0}.skill-troubleshooting__item{border-bottom:1px solid var(--border-color)}.skill-troubleshooting__item:last-child{border-bottom:none}.skill-troubleshooting__problem{font-size:var(--font-size-base);padding:var(--spacing-sm) 0;cursor:pointer;justify-content:space-between;align-items:center;gap:var(--spacing-sm);font-weight:600;list-style:none;display:flex}.skill-troubleshooting__problem::-webkit-details-marker{display:none}.skill-troubleshooting__problem:after{content:"+";font-size:var(--font-size-lg);color:var(--text-tertiary);flex-shrink:0;font-weight:400;transition:transform .2s}.skill-troubleshooting__item[open]>.skill-troubleshooting__problem:after{content:"−"}.skill-troubleshooting__solution{font-size:var(--font-size-md);color:var(--text-secondary);padding-bottom:var(--spacing-sm);line-height:1.6}.skill-tip{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-size:var(--font-size-base);background:#6457a61a}.skill-milestones{gap:var(--spacing-sm);flex-direction:column;padding:0;list-style:none;display:flex}.skill-milestone-group{gap:var(--spacing-xs);flex-direction:column;list-style:none;display:flex}.skill-milestone{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.skill-milestone__text{flex:0 auto}.skill-milestone--done{color:var(--color-primary)}.skill-milestone--clickable{cursor:pointer}.skill-milestone--clickable:hover{opacity:.6}.skill-milestone--current{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.skill-milestone--custom{padding-left:var(--spacing-md);font-size:var(--font-size-xs);position:relative}.skill-milestone__add-btn{border:1px solid var(--color-medium-gray);border-radius:var(--border-radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-xs);opacity:0;width:22px;height:22px;transition:opacity var(--transition-quick);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.skill-milestone:hover .skill-milestone__add-btn,.skill-milestone__add-btn:focus,.skill-milestone--show-actions .skill-milestone__add-btn{opacity:1}.skill-milestone__add-btn:hover{background:var(--color-light-gray);opacity:1}.skill-milestone__drag-handle{cursor:grab;color:var(--color-text-secondary);font-size:var(--font-size-sm);-webkit-user-select:none;user-select:none;opacity:0;transition:opacity var(--transition-quick);position:absolute;left:0}.skill-milestone:hover .skill-milestone__drag-handle{opacity:1}@media (hover:none){.skill-milestone__drag-handle,.skill-milestone__add-btn,.skill-milestone__remove-btn{opacity:1}}.skill-milestone--dragging{opacity:.4}.skill-milestone--drag-over{border-top:2px solid var(--color-primary)}.skill-milestone__remove-btn{color:var(--color-text-secondary);font-size:var(--font-size-md);padding:0 var(--spacing-xs);opacity:0;transition:opacity var(--transition-quick);background:0 0;border:none;flex-shrink:0;line-height:1}.skill-milestone:hover .skill-milestone__remove-btn,.skill-milestone__remove-btn:focus{opacity:1}.skill-milestone__remove-btn:hover{color:var(--color-error,#d32f2f);opacity:1}.skill-milestone--add-form{gap:var(--spacing-xs);padding-left:var(--spacing-md);align-items:center;display:flex}.skill-milestone--add-form .form-input--sm{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);flex:1}.button--sm{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.skill-complete-banner{margin-top:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--color-marigold);border-radius:var(--border-radius-md);text-align:center;background:#fbb61c1a}.skill-complete-banner__icon{color:var(--color-marigold);margin-bottom:var(--spacing-xs)}.skill-complete-banner__title{font-family:var(--font-family-serif);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0 0 var(--spacing-xs)}.skill-complete-banner__text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.skill-milestone__icon{font-size:var(--font-size-md);text-align:center;width:20px}.skill-practice-form__actions{gap:var(--spacing-sm);margin-top:var(--spacing-md);display:flex}.skill-practice-log{gap:var(--spacing-sm);flex-direction:column;padding:0;list-style:none;display:flex}.skill-practice-log__entry{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-light-gray)}.skill-practice-log__entry:last-child{border-bottom:none}.skill-practice-log__header{margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.skill-practice-log__meta{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.skill-practice-log__notes{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0}.skill-practice-log__actions{gap:4px;margin-left:auto;display:flex}.skill-practice-log__icon-btn{font-size:var(--font-size-sm);cursor:pointer;color:var(--color-text-secondary);opacity:.6;background:0 0;border:none;padding:2px 4px}.skill-practice-log__icon-btn:hover{opacity:1}.tab-toggle{gap:var(--spacing-xs);margin-bottom:var(--spacing-md);background:var(--color-input-bg);border-radius:var(--border-radius-md);padding:4px;display:flex;position:relative}.tab-toggle__slider{background-image:linear-gradient(23deg, var(--color-primary) 0%, var(--color-secondary) 43%, var(--color-accent-2) 100%);border-radius:calc(var(--border-radius-md) - 2px);width:calc(50% - 6px);height:calc(100% - 8px);transition:transform .25s;position:absolute;top:4px;left:4px}.tab-toggle__slider--right{transform:translateX(calc(100% + var(--spacing-xs)))}.tab-toggle__tab{z-index:1;border-radius:calc(var(--border-radius-md) - 2px);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;transition:color .25s;display:inline-flex;position:relative}.tab-toggle__tab--active{color:#fff}.checkin-history{gap:var(--spacing-sm);flex-direction:column;display:flex}.checkin-history__item.card{padding:0}.checkin-history__header{padding:var(--spacing-md) var(--spacing-lg);background:var(--color-input-bg);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;justify-content:space-between;align-items:center;display:flex}.checkin-history__section{padding:0 var(--spacing-lg)}.checkin-history__section:last-child{padding-bottom:var(--spacing-lg)}.checkin-history__date{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-lg);color:var(--color-text);display:inline-flex}.checkin-history__section{margin-bottom:var(--spacing-md)}.checkin-history__section p{font-size:var(--font-size-sm)}.checkin-history__section:last-child{margin-bottom:0}.checkin-history__label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);align-items:center;gap:var(--spacing-xs);margin-bottom:2px;display:flex}.checkin-history__section--trainer{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-medium-gray)}.checkin-history__section--trainer .checkin-history__label{color:var(--color-primary-dark)}.client-list{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=768px){.client-list{grid-template-columns:1fr}.hide-mobile{display:none}}.client-list__item{color:inherit;text-decoration:none;display:block}.client-list__item:hover{box-shadow:var(--shadow-md);text-decoration:none}.client-list__header{justify-content:space-between;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);display:flex}.client-list__name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);flex:1;margin:0}.client-list__email{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-xs)}.client-list__pets{font-size:var(--font-size-sm);margin:0}.client-detail__date{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.checkin-reply{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-light-gray)}.settings-section{margin-bottom:var(--spacing-lg)}.settings-section__title{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);display:flex}.settings-section__row{justify-content:space-between;align-items:center;display:flex}.settings-section__row+.settings-section__row{margin-top:var(--spacing-md)}.dark-mode-prompt{bottom:calc(var(--nav-height) + var(--spacing-md));left:var(--spacing-md);right:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:400px;padding:var(--spacing-lg);z-index:1000;text-align:center;margin:0 auto;position:fixed;box-shadow:0 4px 20px #0000004d}.dark-mode-prompt p{margin:0 0 var(--spacing-md);font-size:var(--font-size-sm)}.dark-mode-prompt__actions{gap:var(--spacing-sm);justify-content:center;display:flex}.browser-banner{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);border-radius:var(--border-radius-md);background:var(--color-surface);border:1px solid var(--color-accent-1);display:flex;position:relative}.browser-banner__text{font-size:var(--font-size-sm);color:var(--color-text);flex:1;align-items:center;gap:6px;margin:0;display:flex}.browser-banner__dismiss{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;top:4px;right:4px}.install-prompt{margin-bottom:var(--spacing-md);border:1px solid var(--color-primary);background:var(--color-surface);position:relative}.install-prompt__dismiss{top:var(--spacing-sm);right:var(--spacing-sm);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:4px;position:absolute}.install-prompt__content{align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.install-prompt__icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;min-width:40px;height:40px;display:flex}.install-prompt__text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-xxs) 0 0}.offline-banner{background:var(--color-warning);color:var(--color-text-primary);text-align:center;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);z-index:calc(var(--z-index-toast) + 1);position:fixed;top:0;left:0;right:0}.stale-data-banner{background:var(--color-bg-secondary);color:var(--color-text-secondary);text-align:center;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);border-bottom:1px solid var(--color-border)}.toast-container{bottom:calc(var(--bottom-nav-height) + var(--spacing-md));right:var(--spacing-md);align-items:flex-end;gap:var(--spacing-xs);width:auto;max-width:360px;z-index:var(--z-index-toast);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{justify-content:space-between;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);border-left:4px solid var(--color-primary);font-size:var(--font-size-sm);pointer-events:auto;animation:.25s ease-out toast-fade-in;display:flex}.toast--success{border-left-color:var(--color-success)}.toast--error{border-left-color:var(--color-error)}.toast--info{border-left-color:var(--color-primary)}.toast__message{color:var(--color-text-primary);flex:1}.toast__actions{align-items:center;gap:var(--spacing-xs);flex-shrink:0;display:flex}.toast__action-btn{color:var(--color-primary-700);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);background:0 0;border:none}.toast__action-btn:hover{background:var(--color-light-gray)}.toast__dismiss{color:var(--color-dark-gray);font-size:var(--font-size-lg);cursor:pointer;padding:0 var(--spacing-xs);background:0 0;border:none;line-height:1}.toast--closing{animation:.25s ease-in forwards toast-fade-out}@keyframes toast-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.page-state{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xxl) var(--spacing-md);text-align:center;flex-direction:column;display:flex;position:relative}.page-state--empty:before{content:"";opacity:.06;pointer-events:none;background-image:url(/paw.svg);background-repeat:no-repeat;background-size:contain;width:120px;height:120px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-15deg)}.page-state__icon{background:var(--color-light-gray);width:56px;height:56px;color:var(--color-dark-gray);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);border-radius:50%;justify-content:center;align-items:center;display:flex}.page-state__title{font-family:var(--font-family-serif);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0}.page-state__message{color:var(--color-text-secondary);font-size:var(--font-size-md);max-width:280px}.trainer-dashboard__metrics{gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);grid-template-columns:1fr 1fr;display:grid}.trainer-dashboard__metric{text-align:center;padding:var(--spacing-md)}.trainer-dashboard__metric-value{font-size:var(--font-size-xxl,2rem);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.trainer-dashboard__metric-value--highlight{color:var(--color-warning)}.trainer-dashboard__metric--link{cursor:pointer;text-decoration:none;transition:box-shadow .15s}.trainer-dashboard__metric--link:hover{box-shadow:0 2px 8px #0000001f}.trainer-dashboard__metric-label{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-xs) 0 0;display:inline-flex}.trainer-dashboard__section{margin-bottom:var(--spacing-xl)}.trainer-dashboard__section-title{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);display:flex}.trainer-dashboard__empty{color:var(--color-text-secondary);text-align:center}.trainer-dashboard__activity-list{gap:var(--spacing-xs);flex-direction:column;display:flex}.trainer-dashboard__activity-item{justify-content:space-between;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-white,#fff);border-radius:var(--border-radius-md);color:inherit;text-decoration:none;display:flex}.trainer-dashboard__activity-name{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);display:block}.trainer-dashboard__activity-meta{font-size:var(--font-size-xs);color:var(--color-text-secondary);display:block}.trainer-dashboard__activity-days{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:right;margin-bottom:var(--spacing-xxs,2px);display:block}.trainer-dashboard__program-list{gap:var(--spacing-sm);flex-direction:column;display:flex}a.trainer-dashboard__program-item{color:inherit;text-decoration:none;transition:box-shadow .15s}a.trainer-dashboard__program-item:hover{box-shadow:0 2px 8px #0000001f}.trainer-dashboard__program-name{font-weight:var(--font-weight-semibold,600);font-size:var(--font-size-sm);margin:0}.trainer-dashboard__program-client{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0 0 var(--spacing-sm)}.trainer-dashboard__program-stats{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-xs);justify-content:space-between;display:flex}.trainer-skill-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.trainer-skill-card--focus{border-left:3px solid var(--color-warning)}.trainer-skill-card--skipped{opacity:.5}.trainer-skill-card__header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);display:flex}.trainer-skill-card__name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0}.trainer-skill-card__name--skipped{text-decoration:line-through}.trainer-skill-card__link{color:var(--color-primary);text-decoration:none}.trainer-skill-card__link:hover{text-decoration:underline}.trainer-skill-card__badges{gap:var(--spacing-xs);flex-shrink:0;align-items:center;display:flex}.badge--focus{background-color:var(--color-badge-warning-bg);color:var(--color-badge-warning-text)}.trainer-skill-card__meta{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:var(--spacing-xs) 0}.trainer-skill-card__actions{gap:var(--spacing-xs);margin-top:var(--spacing-sm);align-items:center;display:flex}.trainer-skill-card__action{border:1px solid var(--color-medium-gray);border-radius:var(--border-radius-md);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-family:var(--font-family-sans);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-quick), color var(--transition-quick), border-color var(--transition-quick), transform .2s ease;background:0 0}.trainer-skill-card__action:hover{background:var(--color-light-gray);color:var(--color-text)}.trainer-skill-card__action--active{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}[data-theme=dark] .trainer-skill-card__action--active{color:#fff}.trainer-skill-card__action:disabled{opacity:.4;cursor:not-allowed}.trainer-skill-card__reorder{gap:2px;margin-left:auto;display:flex}.trainer-skill-card__reorder-btn{border:1px solid var(--color-medium-gray);border-radius:var(--border-radius-sm);padding:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;background:0 0;line-height:1}.trainer-skill-card__reorder-btn:disabled{opacity:.3;cursor:not-allowed}.program-skill-card--focus{border-left:3px solid var(--color-warning)}.program-skill-card--locked{opacity:.5;cursor:default}.notification-feed{gap:var(--spacing-sm);flex-direction:column;display:flex}.notification-card{align-items:flex-start;gap:var(--spacing-sm);cursor:pointer;transition:box-shadow var(--transition-quick);display:flex}.notification-card:hover{box-shadow:var(--shadow-md)}.notification-card--unread{border-left:3px solid var(--color-primary)}.notification-card__icon{font-size:var(--font-size-lg);flex-shrink:0;margin-top:2px;line-height:1}.notification-card__content{flex:1;min-width:0}.notification-card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0}.notification-card--unread .notification-card__title{font-weight:var(--font-weight-bold)}.notification-card__message{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:2px 0 0}.notification-card__time{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap;flex-shrink:0}.bottom-nav__item{position:relative}.bottom-nav__badge{background:var(--color-marigold);min-width:18px;height:18px;color:var(--color-text-primary);font-size:11px;font-weight:var(--font-weight-bold);border-radius:9px;justify-content:center;align-items:center;padding:0 4px;line-height:1;display:flex;position:absolute;top:2px;right:50%;transform:translate(14px)}.pet-dashboard__info{gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.pet-dashboard__info-item{display:inline}.pet-dashboard__trainer-notes-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.pet-dashboard__trainer-notes-header .dashboard-section__title{margin-bottom:0}.pet-dashboard__trainer-notes-text{white-space:pre-wrap;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.pet-dashboard__metrics{gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=700px){.pet-dashboard__metrics{grid-template-columns:repeat(2,1fr)}}.pet-dashboard__metric{text-align:center;padding:var(--spacing-md)}.pet-dashboard__metric-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary-dark);margin:0}.pet-dashboard__metric-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:var(--spacing-xs) 0 0;justify-content:center;align-items:center;gap:var(--spacing-xs);display:flex}.pet-dashboard__focus-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.pet-dashboard__focus-card{color:inherit;border-left:3px solid var(--color-warning);text-decoration:none;display:block}.pet-dashboard__focus-card:hover{box-shadow:var(--shadow-md)}.pet-dashboard__focus-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.pet-dashboard__focus-name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0}.pet-dashboard__focus-meta{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:var(--spacing-xs) 0 0}.progress-bar--sm{height:4px}.pet-dashboard__program-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.pet-dashboard__program-card{color:inherit;text-decoration:none;display:block}.pet-dashboard__program-card:hover{box-shadow:var(--shadow-md)}.pet-dashboard__program-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.pet-dashboard__program-name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0}.pet-dashboard__program-card .progress-bar,.pet-dashboard__focus-card .progress-bar{margin-bottom:var(--spacing-xs)}.pet-dashboard__program-stats{font-size:var(--font-size-xs);color:var(--color-text-secondary);justify-content:space-between;margin-top:0;display:flex}.pet-dashboard__program-date{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:var(--spacing-xs) 0 0}.pet-dashboard__practice-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.pet-dashboard__practice-entry{padding:var(--spacing-md)}.pet-dashboard__practice-header{margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.pet-dashboard__practice-skill{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.pet-dashboard__practice-date{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.pet-dashboard__practice-details{align-items:center;gap:var(--spacing-sm);display:flex}.pet-dashboard__practice-duration{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.pet-dashboard__practice-notes{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-xs) 0 0}.messages{flex-direction:column;height:100%;padding-bottom:72px;display:flex}.messages .page-header{flex-shrink:0}.messages__list{padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.messages__empty{text-align:center;color:var(--color-text-secondary);padding:var(--spacing-xxl) var(--spacing-md)}.messages__bubble-wrapper{flex-direction:column;max-width:80%;display:flex;position:relative}.messages__bubble-wrapper--sent{align-self:flex-end;align-items:flex-end}.messages__bubble-wrapper--received{align-self:flex-start;align-items:flex-start}.messages__bubble{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-lg,16px);word-wrap:break-word;cursor:pointer}.messages__bubble--sent{background:var(--color-primary);color:var(--color-white);border-bottom-right-radius:var(--border-radius-sm);cursor:default}.messages__bubble--received{background:var(--color-light-gray);color:var(--color-text-primary);border-bottom-left-radius:var(--border-radius-sm)}.messages__text{font-size:var(--font-size-sm);margin:0;line-height:1.4}.messages__time{font-size:var(--font-size-xs);opacity:.7;margin-top:2px;display:block}.messages__bubble--sent .messages__time{text-align:right}.messages__input-area{bottom:var(--bottom-nav-height);gap:var(--spacing-xs);max-width:900px;padding:var(--spacing-sm) max(var(--spacing-md), env(safe-area-inset-right)) max(var(--spacing-sm), env(safe-area-inset-bottom)) max(var(--spacing-md), env(safe-area-inset-left));z-index:10;flex-direction:column;margin:0 auto;display:flex;position:fixed;left:0;right:0}.messages__input-row{align-items:flex-end;gap:var(--spacing-xs);width:100%;display:flex}.messages__textarea{resize:none;flex:1;min-height:45px;max-height:300px;overflow-y:auto}.messages__date-separator{align-items:center;gap:var(--spacing-sm);margin:var(--spacing-sm) 0;display:flex}.messages__date-separator:before,.messages__date-separator:after{content:"";background:var(--color-border,var(--color-light-gray));flex:1;height:1px}.messages__date-separator span{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap}.messages__reactions-row{min-height:0;margin-top:4px;position:relative}.emoji-picker{gap:var(--spacing-xs);background:var(--color-white);border:1px solid var(--color-border,var(--color-light-gray));border-radius:var(--border-radius-lg,16px);padding:var(--spacing-xs) var(--spacing-sm);z-index:20;display:flex;position:absolute;top:0;left:0;box-shadow:0 2px 8px #00000026}.emoji-picker__btn{cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);background:0 0;border:none;font-size:1.25rem;line-height:1;transition:background .15s}.emoji-picker__btn:hover{background:var(--color-light-gray)}.emoji-picker__btn--active{border:2px solid var(--color-primary);border-radius:50%}.messages__reactions{flex-wrap:wrap;gap:4px;display:flex}.messages__reaction-pill{background:var(--color-white);border:1px solid var(--color-border,var(--color-light-gray));font-size:var(--font-size-xs);cursor:pointer;border-radius:12px;align-items:center;gap:2px;padding:2px 6px;transition:background .15s,border-color .15s;display:inline-flex}.messages__reaction-pill:hover{background:var(--color-light-gray)}.messages__reaction-pill--active{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 10%, transparent)}.messages__reaction-pill__emoji{font-size:.85rem;line-height:1}.messages__reaction-pill__count{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.messages__send-btn{flex-shrink:0;align-self:flex-end;width:45px;height:45px;padding:0}.conversation-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.conversation-list__item{color:inherit;text-decoration:none;display:block}.conversation-list__item:hover{box-shadow:var(--shadow-md)}.conversation-list__header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);display:flex}.conversation-list__name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0}.conversation-list__time{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-left:auto}.conversation-list__footer{justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.conversation-list__preview{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;overflow:hidden}.conversation-list__unread{flex-shrink:0}.lesson-content{line-height:1.6}.lesson-content__heading{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold,600);margin:var(--spacing-md) 0 var(--spacing-xs)}.lesson-content__heading:first-child{margin-top:0}.lesson-content__paragraph{margin:0 0 var(--spacing-sm);font-size:var(--font-size-md);color:var(--color-text-secondary)}.lesson-content__list{margin:0 0 var(--spacing-sm);padding-left:var(--spacing-lg);font-size:var(--font-size-md);color:var(--color-text-secondary)}.lesson-content__list-item{margin-bottom:var(--spacing-xs)}.lesson-content__code{background:var(--color-surface-secondary,#f0f0f0);border-radius:3px;padding:1px 5px;font-family:monospace;font-size:.9em}.lesson-content__figure{margin:var(--spacing-md) 0}.lesson-content__figure--center{text-align:center;margin-left:auto;margin-right:auto}.lesson-content__figure--left{float:left;margin-right:var(--spacing-md);margin-bottom:var(--spacing-sm)}.lesson-content__figure--right{float:right;margin-left:var(--spacing-md);margin-bottom:var(--spacing-sm)}.lesson-content__image{border-radius:var(--border-radius-md,8px);width:100%;height:auto;display:block}.lesson-content__caption{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center}.lesson-content__video{width:100%;margin:var(--spacing-md) 0;border-radius:var(--border-radius-md,8px);background:#000;padding-bottom:56.25%;position:relative;overflow:hidden}.lesson-content__video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.markdown-editor{gap:var(--spacing-xs);flex-direction:column;display:flex}.markdown-editor__toolbar{gap:var(--spacing-xs);padding:var(--spacing-xs);background:var(--color-surface-alt,var(--color-surface));border:1px solid var(--color-border);border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;border-bottom:none;flex-wrap:wrap;display:flex}.markdown-editor__btn{min-width:32px;height:32px;padding:0 var(--spacing-xs);border-radius:var(--border-radius-sm);color:var(--color-text);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.markdown-editor__btn:hover{background:var(--color-surface);border-color:var(--color-border)}.markdown-editor__textarea{min-height:240px;font-family:var(--font-family-mono,monospace);font-size:var(--font-size-sm);border-top-left-radius:0;border-top-right-radius:0}.markdown-editor__separator{background:var(--color-border);width:1px;height:18px;margin:0 var(--spacing-xs)}.markdown-editor__btn--active{color:var(--color-primary);background:var(--color-primary-light,#0080801a)}.markdown-editor__preview{border:1px solid var(--color-border);border-radius:var(--border-radius-md,8px);padding:var(--spacing-md);background:var(--color-card-bg,var(--color-white));min-height:200px}.markdown-editor__preview-empty{color:var(--color-text-secondary);font-style:italic}.lesson-content__image-wrapper{cursor:pointer;display:inline-block;position:relative}.lesson-content__image--editable{cursor:pointer;transition:outline .15s}.lesson-content__image-wrapper:hover .lesson-content__image--editable{outline:2px solid var(--color-primary);outline-offset:2px}.lesson-content__edit-overlay{top:var(--spacing-xs);right:var(--spacing-xs);color:#fff;border-radius:var(--radius-sm);opacity:0;pointer-events:none;background:#000000a6;align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;font-weight:500;transition:opacity .15s;display:inline-flex;position:absolute}.lesson-content__image-wrapper:hover .lesson-content__edit-overlay{opacity:1}.markdown-editor__uploading{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-primary)}.markdown-editor__guide-toggle{align-items:center;gap:var(--spacing-xs);color:var(--color-text-secondary);font-size:var(--font-size-xs);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;display:inline-flex}.markdown-editor__guide{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.markdown-editor__guide p{margin:var(--spacing-xs) 0}.markdown-editor__guide code{background:var(--color-background);font-family:var(--font-family-mono,monospace);border-radius:3px;padding:1px 4px}.list-editor__row{gap:var(--spacing-xs);margin-bottom:var(--spacing-xs);align-items:center;display:flex}[data-dragging]{opacity:.4}[data-drag-over]{outline:2px dashed var(--color-primary);outline-offset:-2px}.drag-handle{cursor:grab;color:var(--color-text-secondary);padding:var(--spacing-xs);-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}.list-editor__row .form-input{flex:1}.accordion-chevron{color:var(--color-text-secondary);flex-shrink:0;align-items:center;transition:transform .2s;display:inline-flex}details[open]>summary .accordion-chevron{transform:rotate(90deg)}.quiz-settings{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);background:var(--color-background);overflow:hidden}.quiz-settings[open]{box-shadow:var(--shadow-sm,0 1px 2px #0000000a)}.quiz-settings__summary{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;color:var(--color-text-primary);-webkit-user-select:none;user-select:none;font-weight:600;list-style:none;transition:background .15s;display:flex}.quiz-settings__summary:hover{background:var(--color-surface)}.quiz-settings__summary::-webkit-details-marker{display:none}.quiz-settings__summary .accordion-chevron{margin-left:auto}.quiz-settings__body{gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.quiz-settings__option{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s;display:flex}.quiz-settings__option:hover{background:var(--color-surface)}.quiz-settings__checkbox{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0;margin-top:2px}.quiz-settings__label{flex-direction:column;gap:2px;line-height:1.4;display:flex}.quiz-settings__label-title{color:var(--color-text-primary);font-weight:500}.quiz-settings__label-hint{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.quiz-settings__field{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius-sm);display:flex}.quiz-settings__field-label{cursor:pointer;flex-direction:column;flex:1;gap:2px;line-height:1.4;display:flex}.quiz-settings__field-input{align-items:center;gap:var(--spacing-xs);flex-shrink:0;display:flex}.quiz-settings__field-input .form-input{text-align:center;appearance:textfield;width:72px}.quiz-settings__field-input .form-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quiz-settings__field-input .form-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quiz-settings__field-suffix{color:var(--color-text-secondary);font-weight:500}.quiz-question{margin-bottom:var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);overflow:hidden}.quiz-question[open]{box-shadow:var(--shadow-sm,0 1px 2px #0000000a)}.quiz-question:last-of-type{margin-bottom:var(--spacing-md)}.quiz-question__summary{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;transition:background .15s;display:flex}.quiz-question__summary:hover{background:var(--color-surface)}.quiz-question__summary::-webkit-details-marker{display:none}.quiz-question__title{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.quiz-question__preview{color:var(--color-text-secondary);margin-left:var(--spacing-xs);font-weight:400}.quiz-question>:not(summary){margin:0 var(--spacing-md) var(--spacing-sm)}.quiz-question>:first-child:not(summary),.quiz-question>summary+*{margin-top:var(--spacing-sm)}.quiz-question>:last-child{margin-bottom:var(--spacing-md)}.lesson-progress{padding:var(--spacing-sm) var(--spacing-lg);margin-bottom:var(--spacing-lg)}.lesson-progress__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);justify-content:space-between;display:flex}.lesson-actions{margin-top:var(--spacing-lg);padding-bottom:var(--spacing-xl)}.lesson-actions__locked{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.lesson-actions__confirm{text-align:center}.lesson-actions__confirm-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-sm)}.lesson-actions__confirm-buttons{gap:var(--spacing-sm);justify-content:center;display:flex}.lesson-nav{justify-content:space-between;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-bottom:var(--spacing-xl);display:flex}.lesson-nav__btn{max-width:48%;font-size:var(--font-size-sm);flex:0 auto;overflow:hidden}.lesson-nav__btn svg{flex-shrink:0}.module-quiz__header{margin-bottom:var(--spacing-md)}.module-quiz__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold,600);margin:0 0 var(--spacing-xs)}.module-quiz__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.module-quiz__question{margin-bottom:var(--spacing-md)}.module-quiz__question-text{font-weight:var(--font-weight-medium,500);margin:0 0 var(--spacing-sm)}.module-quiz__options{gap:var(--spacing-xs);flex-direction:column;display:flex}.module-quiz__option{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md,8px);cursor:pointer;transition:border-color .15s,background-color .15s;display:flex}.module-quiz__option:hover{border-color:var(--color-primary)}.module-quiz__option--selected{border-color:var(--color-primary);background-color:var(--color-primary-light,#6366f114)}.module-quiz__option--correct{border-color:var(--color-success,#22c55e);background-color:var(--color-success-light,#22c55e1a)}.module-quiz__option--incorrect{border-color:var(--color-danger,#ef4444);background-color:var(--color-danger-light,#ef44441a)}.module-quiz__review{margin-top:var(--spacing-md)}.module-quiz__question--reviewed{opacity:1}.module-quiz__explanation{margin:var(--spacing-sm) 0 0;padding:var(--spacing-sm);border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--font-size-sm);color:var(--color-text-secondary);align-items:flex-start;gap:var(--spacing-xs);display:flex}.module-quiz__radio{flex-shrink:0;margin-top:2px}.module-quiz__option-text{font-size:var(--font-size-sm)}.module-quiz__result{padding:var(--spacing-md);border-radius:var(--radius-md,8px);text-align:center}.module-quiz__result--passed{background-color:var(--color-success-light,#22c55e1a);border:1px solid var(--color-success,#22c55e)}.module-quiz__result--failed{background-color:var(--color-error-light,#ef44441a);border:1px solid var(--color-error,#ef4444)}.module-quiz__score{justify-content:center;align-items:center;gap:var(--spacing-xs);font-weight:var(--font-weight-semibold,600);font-size:var(--font-size-md);margin:0 0 var(--spacing-xs);display:flex}.module-quiz__score:last-child{margin-bottom:0}.module-quiz__verdict{justify-content:center;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;display:flex}.module-quiz__locked{text-align:center;padding:var(--spacing-md)}.module-quiz__locked-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.dashboard-badges{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.dashboard-badge{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface,#fff);border:1px solid var(--color-border);border-radius:var(--radius-md,8px);display:flex}.dashboard-badge__icon{color:var(--color-primary,#4f46e5);flex-shrink:0}.dashboard-badge__info{flex-direction:column;display:flex}.dashboard-badge__name{font-weight:var(--font-weight-semibold,600);font-size:var(--font-size-sm)}.dashboard-badge__description{font-size:var(--font-size-xs,.75rem);color:var(--color-text-secondary)}.dashboard-badge__date{font-size:var(--font-size-xs,.75rem);color:var(--color-text-tertiary,#999)}.dashboard-badges--grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.dashboard-badges--three-col{grid-template-columns:repeat(3,1fr);display:grid}.dashboard-badges--two-col{grid-template-columns:repeat(2,1fr);display:grid}.dashboard-badge--locked{opacity:.4}.dashboard-badge--hidden{background:#d4a0170f;border-color:#d4a017}.dashboard-badge__date--locked{font-style:italic}.badges-hint{text-align:center;margin-top:var(--spacing-lg)}.badges-hint p{color:var(--color-text-secondary);font-size:var(--font-size-sm);align-items:center;gap:var(--spacing-xs);margin:0;display:inline-flex}.button--icon{border:1px solid var(--color-border);border-radius:var(--radius-md,8px);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-lg,1.25rem);cursor:pointer;color:var(--color-text-secondary);background:0 0;line-height:1;transition:color .15s,border-color .15s}.button--icon:hover{border-color:var(--color-primary);color:var(--color-primary)}.button--icon--active,.button--icon--active:hover{color:var(--color-warning,#f59e0b);border-color:var(--color-warning,#f59e0b)}@keyframes celebration-fade{0%{opacity:0;transform:translate(-50%,-10px)scale(.9)}15%{opacity:1;transform:translate(-50%)scale(1)}80%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-10px)scale(.9)}}.pet-level-indicator{margin-bottom:var(--spacing-sm);flex-direction:column;align-items:center;gap:4px;display:flex}.pet-level-indicator__header{align-items:center;gap:6px;display:flex}.pet-level-indicator__name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md)}.pet-level-indicator__progress{width:160px;margin-bottom:4px}.pet-level-indicator__next{font-size:var(--font-size-xs);color:var(--color-text-muted)}.pet-level-badge{font-size:var(--font-size-xs);border-radius:var(--border-radius-pill);margin-top:var(--spacing-sm);background:#6457a61a;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.pet-level-indicator--tappable{border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;background:0 0;width:auto;margin-left:auto;margin-right:auto;transition:background-color .15s}.pet-level-indicator--tappable:hover,.pet-level-indicator--tappable:focus-visible{background-color:var(--color-hover-bg,#00000008)}.pet-level-indicator__chevron{color:var(--color-text-muted);margin-left:2px}.pet-levels-modal{max-width:400px}.pet-levels-modal__header{margin-bottom:var(--spacing-xxs);justify-content:space-between;align-items:center;display:flex}.pet-levels-modal__header .confirm-modal__title{margin:0}.pet-levels-modal__close{cursor:pointer;color:var(--color-text-muted);border-radius:var(--border-radius-sm);background:0 0;border:none;align-items:center;padding:4px;display:flex}.pet-levels-modal__close:hover{color:var(--color-text)}.pet-levels-modal__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-md)}.pet-levels-modal__list{margin:0 0 var(--spacing-md);gap:var(--spacing-xs);flex-direction:column;padding:0;list-style:none;display:flex}.pet-levels-modal__item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--border-radius-md);border:1px solid var(--color-border);opacity:.5;display:flex}.pet-levels-modal__item--achieved{opacity:1}.pet-levels-modal__item--active{opacity:1;border-color:var(--color-primary-700);background:#6457a614}[data-theme=dark] .pet-levels-modal__item--active{border-color:var(--color-primary);background:#4bc0d914}.pet-levels-modal__frame-preview{width:36px;height:36px;color:var(--color-primary-700);background:#6457a60f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}[data-theme=dark] .pet-levels-modal__frame-preview{color:var(--color-primary);background:#4bc0d90f}.pet-levels-modal__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pet-levels-modal__name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.pet-levels-modal__threshold{font-size:var(--font-size-xs);color:var(--color-text-muted)}.pet-levels-modal__check{color:var(--color-success,#22c55e);flex-shrink:0}.pet-levels-modal__progress{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;margin:0}[data-theme=dark] .onboarding-card__logo,[data-theme=dark] .loading-spinner__logo{filter:brightness(0)invert()opacity(.9)}[data-theme=dark] .top-bar{background-image:linear-gradient(23deg, var(--color-primary) 0%, var(--color-secondary) 43%, var(--color-accent-2) 100%);border-bottom-color:var(--color-accent-2)}[data-theme=dark] .button--primary,[data-theme=dark] .button--secondary{color:#fff}::view-transition-group(bottom-nav){animation:none}::view-transition-group(page-content){overflow-x:hidden}::view-transition-old(page-content){animation:vt-slide-out-left var(--transition-slide) both}::view-transition-new(page-content){animation:vt-slide-in-from-right var(--transition-slide) both}[data-nav-direction=back]::view-transition-old(page-content){animation:vt-slide-out-right var(--transition-slide) both}[data-nav-direction=back]::view-transition-new(page-content){animation:vt-slide-in-from-left var(--transition-slide) both}[data-nav-direction=lateral]::view-transition-old(page-content){animation:vt-slide-out-left var(--transition-slide) both}[data-nav-direction=lateral]::view-transition-new(page-content){animation:vt-slide-in-from-right var(--transition-slide) both}@keyframes vt-slide-out-left{to{opacity:0;transform:translate(-30%)}}@keyframes vt-slide-out-right{to{opacity:0;transform:translate(30%)}}@keyframes vt-slide-in-from-right{0%{opacity:0;transform:translate(30%)}to{opacity:1;transform:translate(0)}}@keyframes vt-slide-in-from-left{0%{opacity:0;transform:translate(-30%)}to{opacity:1;transform:translate(0)}}.content-library__tabs{gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);display:flex}.content-library__tab{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;flex:1;transition:all .15s;display:inline-flex}.content-library__tab--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.content-library__grid{gap:var(--spacing-sm);flex-direction:column;display:flex}.content-library__card{cursor:pointer;color:inherit;text-decoration:none;transition:box-shadow .15s}.content-library__card:hover{box-shadow:0 2px 8px #00000014}.content-library__card-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);display:flex}.content-library__card-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xxs)}.content-library__card-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.content-library__chevron{color:var(--color-text-tertiary);flex-shrink:0;transition:transform .2s}.content-library__chevron--open{transform:rotate(180deg)}.content-library__badges{gap:var(--spacing-xs);margin-top:var(--spacing-sm);flex-wrap:wrap;display:flex}.content-library__details{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.content-library__details-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm)}.content-library__skill-desc{color:var(--color-text-secondary)}@media (prefers-reduced-motion:reduce){::view-transition-old(page-content){animation:none}::view-transition-new(page-content){animation:none}}.feedback-modal{max-width:420px}.feedback-modal .confirm-modal__title{font-size:var(--font-size-lg);text-align:center;justify-content:center;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);display:flex}.feedback-modal__form{gap:var(--spacing-sm);flex-direction:column;display:flex}.feedback-modal__form .form-group{gap:var(--spacing-xxs);flex-direction:column;display:flex}.feedback-modal__form .form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.feedback-modal__form .form-input,.feedback-modal__form .form-textarea{width:100%;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-card-bg,var(--color-white));color:var(--color-text)}.feedback-modal__form .form-textarea{resize:vertical;font-family:inherit}.media-attach{align-items:center;gap:var(--spacing-xs);display:inline-flex;position:relative}.media-attach__input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.media-attach__button{border-radius:var(--border-radius-sm);width:45px;height:45px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex}.media-attach__button:hover:not(:disabled){color:var(--color-primary);background:var(--color-hover-bg,#0000000d)}.media-attach__button:disabled{opacity:.4;cursor:not-allowed}.media-attach__spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}.media-attach__error{margin:var(--spacing-xs) 0 0;font-size:var(--font-size-sm);color:var(--color-danger)}.media-attach__hint{font-size:var(--font-size-xs,.7rem);color:var(--color-text-tertiary,var(--color-text-secondary))}.media-preview{margin:var(--spacing-xs) 0}.media-preview__image{border-radius:var(--border-radius-md,8px);cursor:pointer;object-fit:contain;max-width:100%;max-height:300px;display:block}.media-preview__video{border-radius:var(--border-radius-md,8px);background:#000;max-width:100%;max-height:300px;display:block}.media-preview__lightbox{z-index:9999;cursor:pointer;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.media-preview__lightbox img{object-fit:contain;max-width:95vw;max-height:95vh}.pending-attachment{margin:var(--spacing-xs) 0;align-self:flex-start;position:relative}.pending-attachment__thumb{object-fit:cover;border-radius:var(--border-radius-sm);border:1px solid var(--color-border);width:80px;height:60px;display:block}.pending-attachment__remove{background:var(--color-danger);color:#fff;cursor:pointer;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;font-weight:700;line-height:1;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 1px 3px #0000004d}.image-settings-modal__overlay{z-index:9999;padding:var(--spacing-md);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.image-settings-modal{background:var(--color-card-bg,var(--color-white));border-radius:var(--border-radius-lg,12px);padding:var(--spacing-lg);width:100%;max-width:420px;max-height:90vh;overflow-y:auto}.image-settings-modal__header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.image-settings-modal__header h3{font-family:var(--font-family-serif);margin:0}.image-settings-modal__close{cursor:pointer;color:var(--color-text-secondary);padding:var(--spacing-xs);background:0 0;border:none}.image-settings-modal__thumb{object-fit:contain;border-radius:var(--border-radius-sm);max-width:100%;max-height:150px;margin-bottom:var(--spacing-md);border:1px solid var(--color-border);display:block}.image-settings-modal__align-options{gap:var(--spacing-xs);display:flex}.image-settings-modal__align-btn{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-card-bg,var(--color-white));color:var(--color-text);cursor:pointer;font-size:var(--font-size-sm);flex:1;transition:all .15s}.image-settings-modal__align-btn:hover{border-color:var(--color-primary)}.image-settings-modal__align-btn--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.image-settings-modal__actions{margin-top:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.image-settings-modal__actions-right{gap:var(--spacing-sm);display:flex}