@layer reset{*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}p{margin:0}img{max-width:100%;display:block}[hidden]{display:none!important}}@layer tokens{:root{--primary-base:#3d52d5;--primary-500:var(--primary-base);--primary-600:oklch(from var(--primary-base) calc(l - .05) c h);--primary-700:oklch(from var(--primary-base) calc(l - .1) c h);--primary-100:oklch(from var(--primary-base) .95 .05 h);--secondary-base:#6c5ce7;--secondary-500:var(--secondary-base);--white:#fff;--slate-50:oklch(from var(--primary-base) .9735 .0054 h);--slate-100:oklch(from var(--primary-base) .9603 .0134 h);--slate-200:oklch(from var(--primary-base) .9514 .0176 h);--slate-300:oklch(from var(--primary-base) .9398 .0231 h);--slate-400:oklch(from var(--primary-base) .9201 .0166 h);--slate-500:oklch(from var(--primary-base) .6585 .0436 h);--slate-700:#2a3468;--slate-900:#1f2340;--green-100:#e6f6ec;--green-500:#1f9d57;--coral-100:#fcebeb;--coral-500:#e9635f;--color-page:var(--slate-100);--color-card:var(--white);--color-field-bg:var(--white);--color-heading:var(--slate-700);--color-text:var(--slate-900);--color-text-muted:var(--slate-500);--color-text-on-dark:var(--white);--color-link:var(--primary-500);--color-link-hover:var(--primary-700);--color-success:var(--green-500);--color-success-soft:var(--green-100);--color-accent:var(--coral-500);--color-accent-soft:var(--coral-100);--color-btn-primary-bg:var(--primary-500);--color-btn-primary-hover:var(--primary-600);--color-border-field:var(--slate-400);--page-max:900px;--radius-card:20px;--radius-field:12px;--radius-pill:999px;--shadow-card:0 6px 24px #2d3fbf0f;--shadow-pill:0 2px 10px #2d3fbf1f;--shadow-float:0 24px 60px #2a346829;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--font-base:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:22px;--text-2xl:32px;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--leading-tight:1.2;--leading-base:1.45}}@layer base{body{font-family:var(--font-base);color:var(--color-text);background:var(--color-page);font-size:var(--text-base);line-height:var(--leading-base);-webkit-font-smoothing:antialiased}h1,h2,h3{font-weight:var(--weight-semibold);color:var(--color-heading);margin:0}:focus-visible{outline:2px solid var(--color-link);outline-offset:2px}}@layer components{.btn{justify-content:center;align-items:center;gap:var(--space-2);cursor:pointer;white-space:nowrap;border-radius:var(--radius-pill);font:inherit;font-size:var(--text-base);font-weight:var(--weight-semibold);border:none;padding:12px 22px;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.btn i{font-size:19px}.btn--block{width:100%}.btn--sm{font-size:var(--text-sm);padding:8px 16px}.btn--sm i{font-size:16px}.btn--lg{padding:14px 28px}.btn--primary{background:var(--color-btn-primary-bg);color:#fff;box-shadow:var(--shadow-pill)}.btn--primary:hover{background:var(--color-btn-primary-hover)}.btn--neutral{background:var(--color-card);color:var(--color-text-muted);box-shadow:inset 0 0 0 1px var(--color-border-field)}.btn--neutral:hover{background:var(--color-page);color:var(--color-text)}.btn--danger{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-pill)}.btn--danger:hover{background:#d94a46}.btn--danger-ghost{color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent);background:0 0}.btn--danger-ghost:hover{background:var(--color-accent-soft)}.btn:disabled,.btn--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.text-link{align-items:center;gap:var(--space-1);width:max-content;font-size:inherit;font-weight:var(--weight-semibold);color:var(--color-link);background:0 0;border:none;padding:0;display:inline-flex}.text-link:hover{color:var(--color-link-hover);text-decoration:underline}.field{flex-direction:column;gap:6px;display:flex}.field__label{font-weight:var(--weight-semibold);font-size:var(--text-sm);color:var(--color-heading)}.field__control{background:var(--color-field-bg);border:1px solid var(--color-border-field);border-radius:var(--radius-field);font:inherit;width:100%;color:var(--color-text);outline:none;padding:12px 14px;transition:border-color .15s,box-shadow .15s}.field__control::placeholder{color:var(--color-text-muted)}.field__control:focus{border-color:var(--color-link);box-shadow:0 0 0 3px var(--primary-100)}.field__control:disabled{background:var(--color-page);color:var(--color-text-muted);cursor:not-allowed}.field--error .field__control{border-color:var(--color-accent)}.field--error .field__control:focus{box-shadow:0 0 0 3px var(--color-accent-soft)}.field__error{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-accent);align-items:center;gap:5px;display:none}.field--error .field__error{display:inline-flex}.field__control-wrap{display:flex;position:relative}.field__control-wrap .field__control{padding-inline-end:44px}.field__adorn{border-radius:var(--radius-field);width:34px;height:34px;color:var(--color-text-muted);background:0 0;border:0;justify-content:center;align-items:center;margin-block:auto;font-size:19px;display:inline-flex;position:absolute;inset-block:0;inset-inline-end:6px}.field__adorn:hover{color:var(--color-link)}.app{flex-direction:column;min-height:100dvh;display:flex}.topbar{z-index:20;align-items:center;gap:var(--space-4);padding-inline:var(--space-5);background:var(--color-card);border-bottom:1px solid var(--slate-200);height:60px;display:flex;position:sticky;top:0}.topbar__logo{align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--weight-extrabold);color:var(--color-heading);display:inline-flex}.topbar__logo-mark{background:var(--primary-100);width:34px;height:34px;color:var(--color-link);border-radius:10px;justify-content:center;align-items:center;font-size:19px;display:inline-flex}.topbar__nav{gap:var(--space-1);margin-inline-start:var(--space-4);display:none}.topbar__link{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);font-weight:var(--weight-semibold);font-size:var(--text-sm);color:var(--color-text-muted);padding:8px 14px;display:inline-flex}.topbar__link:hover{background:var(--color-page);color:var(--color-heading)}.topbar__link.is-active{background:var(--primary-100);color:var(--color-link)}.topbar__link i{font-size:19px}.topbar__spacer{flex:1}.topbar__avatar{object-fit:cover;background:var(--slate-300);border:1px solid var(--slate-200);border-radius:50%;width:36px;height:36px}@media (width>=900px){.topbar__nav{display:inline-flex}}.tabbar{z-index:20;background:var(--color-card);border-top:1px solid var(--slate-200);padding-block:6px;justify-content:space-around;padding-block-end:max(6px, env(safe-area-inset-bottom));display:flex;position:fixed;inset-block-end:0;inset-inline:0}.tabbar__item{min-width:60px;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);flex-direction:column;align-items:center;gap:2px;padding:6px 10px;display:flex}.tabbar__item i{font-size:22px}.tabbar__item.is-active{color:var(--color-link)}@media (width>=900px){.tabbar{display:none}}.page{width:100%;max-width:var(--page-max);padding:var(--space-6);flex:1;margin-inline:auto;padding-block-end:96px}@media (width>=900px){.page{padding-block:var(--space-8);padding-block-end:var(--space-8)}}.page-head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}@media (width<=560px){.page-head{flex-direction:column;align-items:stretch}.page-head .btn{justify-content:center;width:100%}}.page-head__title{font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.page-head__subtitle{margin:var(--space-1) 0 0;color:var(--color-text-muted)}.card{background:var(--color-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-6)}.card+.card{margin-top:var(--space-5)}.card__title{font-size:var(--text-lg);font-weight:var(--weight-bold);margin-bottom:var(--space-5)}.form-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=640px){.form-grid{grid-template-columns:1fr 1fr}.form-grid .field--full{grid-column:1/-1}}.form-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);display:flex}.avatar-edit{align-items:center;gap:var(--space-5);margin-bottom:var(--space-6);display:flex}.avatar-edit__frame{flex-shrink:0;width:88px;height:88px;position:relative}.avatar-edit__img{object-fit:cover;background:var(--slate-200);width:88px;height:88px;color:var(--color-text-muted);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;justify-content:center;align-items:center;font-size:38px;display:flex}.avatar-edit__img.has-photo i{display:none}.avatar-edit__hint--error{color:var(--color-accent)}.avatar-edit__btn{border:3px solid var(--color-card);background:var(--color-link);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:inline-flex;position:absolute;inset-block-end:-2px;inset-inline-end:-2px}.avatar-edit__btn:hover{background:var(--color-link-hover)}.avatar-edit__meta{flex-direction:column;gap:2px;display:flex}.avatar-edit__field{flex:1;min-width:0}.avatar-edit__name{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-heading)}.avatar-edit__hint{font-size:var(--text-sm);color:var(--color-text-muted)}.pet-list{gap:var(--space-4);flex-direction:column;display:flex}.pet-card{gap:var(--space-4);background:var(--color-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-5);flex-direction:column;display:flex}.pet-card__top{display:flow-root}.pet-card__photo{float:left;object-fit:cover;width:128px;height:128px;margin:0 var(--space-5) var(--space-3) 0;background:var(--slate-200);color:var(--color-text-muted);border-radius:22px;justify-content:center;align-items:center;font-size:56px;display:flex}.pet-card__intro{min-width:0}.pet-card__intro>*+*{margin-top:var(--space-2)}.pet-card__head{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;display:flex}.pet-card__titles{align-items:center;gap:var(--space-3);flex-wrap:wrap;min-width:0;display:flex}.pet-card__details{gap:var(--space-3);flex-direction:column;display:flex}.pet-card__name{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-heading);align-items:center;gap:6px;margin:0;display:inline-flex}.pet-card__sex{font-size:20px}.pet-card__sex--male{color:var(--color-link)}.pet-card__sex--female{color:var(--color-accent)}.pet-card__age{color:var(--color-text-muted);font-weight:var(--weight-medium)}.pet-card__desc{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:1.5}.pet-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.pet-tag{white-space:nowrap;font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-pill);background:var(--color-page);color:var(--color-text-muted);align-items:center;gap:5px;padding:4px 10px;display:inline-flex}.pet-tag i{font-size:14px}.pet-tag--ok{background:var(--color-success-soft);color:var(--color-success)}.pet-tag--warn{background:var(--color-accent-soft);color:var(--color-accent)}.pet-social{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.pet-social__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted)}.pet-social__tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.pet-card__edit{font-size:var(--text-sm);flex-shrink:0;padding:9px 16px}@media (width<=520px){.pet-card__photo{width:96px;height:96px;font-size:42px}.pet-card__edit{border-radius:10px;width:40px;height:40px;padding:0}.pet-card__edit-label{display:none}.pet-card__edit i{font-size:18px}}.badge-breed{font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:var(--radius-pill);white-space:nowrap;background:var(--primary-100);color:var(--color-link);align-items:center;gap:5px;padding:4px 11px;display:inline-flex}.icon-btn{color:var(--color-text-muted);background:0 0;border:0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:19px;transition:color .15s,background .15s;display:inline-flex}.icon-btn:hover{color:var(--color-link);background:var(--color-page)}.icon-btn--danger:hover{color:var(--color-accent)}.empty{text-align:center;padding:var(--space-8) var(--space-6);background:var(--color-card);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.empty__icon{width:72px;height:72px;margin:0 auto var(--space-4);background:var(--primary-100);color:var(--color-link);border-radius:50%;justify-content:center;align-items:center;font-size:34px;display:flex}.empty__title{font-size:var(--text-lg);font-weight:var(--weight-bold)}.empty__text{margin:var(--space-2) auto var(--space-5);color:var(--color-text-muted);max-width:40ch}.account-grid{gap:var(--space-5);grid-template-columns:1fr;align-items:start;display:grid}.account-grid .card+.card{margin-top:0}.account-grid__col{gap:var(--space-5);flex-direction:column;display:flex}.toast{z-index:60;align-items:center;gap:var(--space-2);background:var(--slate-900,#1f2340);color:#fff;border-radius:var(--radius-pill);max-width:92vw;font-size:var(--text-sm);font-weight:var(--weight-semibold);box-shadow:var(--shadow-card);opacity:0;pointer-events:none;padding:12px 18px;transition:opacity .2s,transform .2s;display:inline-flex;position:fixed;bottom:88px;left:50%;transform:translate(-50%,12px)}.toast.is-visible{opacity:1;transform:translate(-50%)}.toast i{color:var(--color-success);font-size:18px}@media (width>=900px){.toast{bottom:var(--space-8)}}.info-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;display:flex}.info-row:first-child{padding-top:0}.info-row:last-child{padding-bottom:0}.info-row+.info-row{border-top:1px solid var(--slate-200)}.info-row__label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-heading);display:block}.info-row__value{color:var(--color-text-muted);font-size:var(--text-sm);word-break:break-word;margin-top:2px;display:block}.info-row__value--mask{letter-spacing:2px}@media (width>=900px){.account-grid{grid-template-columns:1fr 1fr}}.subsection+.subsection{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--slate-200)}.subsection__title{font-size:var(--text-base);font-weight:var(--weight-bold);margin-bottom:var(--space-3)}.subsection__title--danger{color:var(--color-accent)}.action-row{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.action-row__text{color:var(--color-text-muted);font-size:var(--text-sm);max-width:56ch}@media (width<=560px){.action-row{flex-direction:column;align-items:stretch}.action-row .btn{justify-content:center;width:100%}}.modal-overlay{z-index:40;padding:var(--space-4);background:#1f234073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-card);border-radius:var(--radius-card);width:100%;max-width:520px;max-height:90vh;box-shadow:var(--shadow-float);padding:var(--space-6);overflow-y:auto}.modal__head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.modal__title{font-size:var(--text-xl);font-weight:var(--weight-bold)}.modal__body{gap:var(--space-4);flex-direction:column;display:flex}.modal__footer{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);display:flex}.modal__footer .btn--neutral{order:-1}.select-wrap select.field__control{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%237B84AD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:18px;padding-inline-end:40px}.field__hint{font-size:var(--text-xs);color:var(--color-text-muted)}.combo{position:relative}.combo__list{background:var(--color-card);border:1px solid var(--color-border-field);border-radius:var(--radius-field);max-height:220px;box-shadow:var(--shadow-float);z-index:50;margin:0;padding:4px 0;list-style:none;display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.combo__list.is-open{display:block}.combo__option{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text);cursor:pointer}.combo__option:hover,.combo__option.is-active{background:var(--color-page)}.combo__option.is-hidden{display:none}.combo__empty{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted)}.check{align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);display:inline-flex}.check input{width:18px;height:18px;accent-color:var(--color-link);cursor:pointer;flex:none}.choice-group{gap:var(--space-2);flex-wrap:wrap;display:flex}.choice{display:inline-flex;position:relative}.choice input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.choice__label{border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:var(--weight-semibold);background:var(--color-page);color:var(--color-text-muted);box-shadow:inset 0 0 0 1px var(--color-border-field);align-items:center;gap:6px;padding:8px 14px;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.choice__label i{font-size:15px}.choice input:checked+.choice__label{background:var(--primary-100);color:var(--color-link);box-shadow:inset 0 0 0 1px var(--color-link)}.choice input:focus-visible+.choice__label{outline:2px solid var(--color-link);outline-offset:2px}.page-back{align-items:center;gap:var(--space-1);color:var(--color-text-muted);font-weight:var(--weight-semibold);font-size:var(--text-sm);margin-bottom:var(--space-4);display:inline-flex}.page-back:hover{color:var(--color-link)}.page-back i{font-size:18px}.detail-layout{gap:var(--space-5);grid-template-columns:1fr;display:grid}@media (width>=900px){.detail-layout{grid-template-columns:1fr 320px;align-items:start}}.booking-aside{position:static}@media (width>=900px){.booking-aside{position:sticky;top:76px}}.booking-aside__note{gap:var(--space-2);margin-top:var(--space-4);color:var(--color-text-muted);font-size:var(--text-xs);align-items:flex-start;display:flex}.booking-aside__note i{flex-shrink:0;margin-top:1px;font-size:16px}.topbar__bell{width:40px;height:40px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex;position:relative}.topbar__bell i{font-size:22px}.topbar__bell:hover{background:var(--color-page);color:var(--color-heading)}.topbar__bell.is-active{background:var(--primary-100);color:var(--color-link)}.topbar__bell:focus-visible{outline:2px solid var(--color-link);outline-offset:2px}.topbar__bell-badge{top:2px;border-radius:var(--radius-pill);background:var(--color-accent);color:#fff;border:2px solid var(--color-card);min-width:18px;height:18px;font-size:11px;font-weight:var(--weight-bold);justify-content:center;align-items:center;padding:0 5px;line-height:1;display:inline-flex;position:absolute;inset-inline-end:2px}.topbar__bell-badge[hidden]{display:none}.notif-overlay{z-index:40;background:#1f234073;position:fixed;inset:0}.notif-overlay[hidden]{display:none}.notif-panel{z-index:41;background:var(--color-card);box-shadow:var(--shadow-float);max-height:80vh;border-radius:20px 20px 0 0;flex-direction:column;padding-block-end:env(safe-area-inset-bottom);display:flex;position:fixed;inset-block-end:0;inset-inline:0;overflow:hidden}.notif-panel[hidden]{display:none}@media (width>=640px){.notif-overlay{background:0 0}.notif-panel{border-radius:var(--radius-card);border:1px solid var(--slate-200);width:380px;max-height:70vh;inset:68px 16px auto auto;inset-inline-start:auto}}.notif-panel__head{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--slate-200);display:flex}.notif-panel__title{font-size:var(--text-lg);font-weight:var(--weight-bold)}.notif-list{padding:var(--space-2);margin:0;list-style:none;overflow-y:auto}.notif-item{align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-3);cursor:pointer;border-radius:var(--radius-field);text-align:left;font:inherit;background:0 0;border:0;text-decoration:none;display:flex}.notif-item:hover{background:var(--color-page)}.notif-item.is-unread{background:var(--primary-100)}.notif-item.is-unread:hover{background:var(--primary-200,var(--primary-100))}.notif-item__icon{background:var(--color-card);width:38px;height:38px;color:var(--color-link);box-shadow:inset 0 0 0 1px var(--slate-200);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:19px;display:inline-flex}.notif-item__body{flex-direction:column;flex:1;min-width:0;display:flex}.notif-item__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-heading)}.notif-item__text{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:1px}.notif-item__time{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:3px}.notif-item__dot{background:var(--color-accent);visibility:hidden;border-radius:50%;flex:none;width:8px;height:8px;margin-top:6px}.notif-item.is-unread .notif-item__dot{visibility:visible}.notif-empty{padding:var(--space-6);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.auth{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth__panel{padding:var(--space-6);justify-content:center;align-items:center;display:flex}.auth__inner{width:100%;max-width:400px}.auth__logo{align-items:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:var(--weight-extrabold);color:var(--color-heading);margin-bottom:var(--space-7);display:inline-flex}.auth__logo-mark{background:var(--slate-200);width:44px;height:44px;color:var(--color-link);border-radius:12px;flex-shrink:0;place-items:center;font-size:22px;display:grid}.auth__title{font-size:var(--text-2xl);font-weight:var(--weight-extrabold);color:var(--color-heading)}.auth__subtitle{color:var(--color-text-muted);margin:var(--space-2) 0 var(--space-6)}.auth-field{margin-bottom:var(--space-5)}.auth-field__label{font-weight:var(--weight-semibold);font-size:var(--text-sm);color:var(--color-heading);margin-bottom:var(--space-2);display:block}.auth-input{align-items:center;display:flex;position:relative}.auth-input>.auth-input__icon{color:var(--color-text-muted);pointer-events:none;font-size:20px;position:absolute;left:16px}.auth-input input{background:var(--color-field-bg);border:1px solid var(--color-border-field);border-radius:var(--radius-field);width:100%;font:inherit;color:var(--color-text);outline:none;padding:14px 16px 14px 46px;transition:border-color .15s}.auth-input input::placeholder{color:var(--color-text-muted)}.auth-input input:focus{border-color:var(--color-link)}.auth-input--pw input{padding-right:48px}.auth-reveal{width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;font-size:20px;transition:color .15s;display:grid;position:absolute;right:6px}.auth-reveal:hover{color:var(--color-link)}.auth-remember{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text);cursor:pointer;margin-bottom:var(--space-6);display:inline-flex}.auth-remember input{width:18px;height:18px;accent-color:var(--color-link);cursor:pointer}.auth-remember-row{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.auth-remember-row .auth-remember{margin-bottom:0}.auth-forgot{font-size:var(--text-sm);color:var(--color-link);font-weight:var(--weight-semibold)}.auth-forgot:hover{color:var(--color-link-hover)}.auth-inline-link{color:var(--color-link);font-weight:var(--weight-semibold)}.auth-success__icon{border-radius:var(--radius-pill);background:var(--green-100);width:56px;height:56px;color:var(--green-500);margin-bottom:var(--space-5);place-items:center;font-size:30px;display:grid}.auth-success__text strong{color:var(--color-text);font-weight:var(--weight-semibold)}.auth-inline-link:hover{color:var(--color-link-hover)}.auth-divider{align-items:center;gap:var(--space-4);margin:var(--space-6) 0;color:var(--color-text-muted);font-size:var(--text-sm);display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-border-field);opacity:.5;flex:1;height:1px}.auth-social{justify-content:center;align-items:center;gap:var(--space-3);border:1px solid var(--color-border-field);border-radius:var(--radius-pill);width:100%;font:inherit;font-weight:var(--weight-semibold);color:var(--color-heading);cursor:pointer;background:#fff;padding:13px;transition:background .15s;display:flex}.auth-social:hover{background:var(--color-page)}.auth-social i{color:var(--color-link);font-size:20px}.auth-foot{text-align:center;margin-top:var(--space-6);color:var(--color-text-muted);font-size:var(--text-sm)}.auth-foot a{color:var(--color-link);font-weight:var(--weight-semibold)}.auth-foot a:hover{color:var(--color-link-hover)}.auth__aside{margin:var(--space-4);border-radius:var(--radius-card);color:var(--color-text-on-dark);background:linear-gradient(150deg, var(--primary-500) 0%, var(--secondary-500) 100%);text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-inline-start:0;padding:clamp(24px,5vw,64px);display:flex;position:relative;overflow:hidden}.auth__aside:before,.auth__aside:after{content:"";background:#ffffff14;border-radius:50%;position:absolute}.auth__aside:before{width:260px;height:260px;top:-80px;right:-60px}.auth__aside:after{width:320px;height:320px;bottom:-120px;left:-100px}.auth__aside>*{z-index:1;position:relative}.auth-aside__title{font-size:var(--text-xl);font-weight:var(--weight-extrabold)}.auth-aside__text{color:#ffffffb3;margin:var(--space-3) 0 var(--space-6);max-width:34ch}.auth-dots{align-items:center;gap:var(--space-2);display:flex}.auth-dots>*{border-radius:var(--radius-pill);cursor:pointer;background:#ffffff2e;border:none;width:8px;height:8px;padding:0;transition:width .2s,background .2s}.auth-dots>.is-active{background:#ffffffb3;width:22px}.auth-aside__brand{align-items:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:var(--weight-extrabold);color:var(--color-text-on-dark);display:inline-flex;position:absolute;top:clamp(24px,5vw,64px);left:clamp(24px,5vw,64px)}.auth-slides{place-items:center;width:100%;display:grid}.auth-slide{opacity:0;visibility:hidden;grid-area:1/1;transition:opacity .4s}.auth-slide.is-active{opacity:1;visibility:visible}.auth-slide .auth-aside__text{margin-bottom:0}.auth-dots{position:absolute;bottom:clamp(24px,5vw,64px);left:50%;transform:translate(-50%)}.unverified-email-banner{margin:var(--space-4) var(--space-6) 0;background:var(--color-page);border:1px solid var(--slate-200);color:var(--color-text);border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex}}@layer utilities{.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}@media (width<=880px){.auth{grid-template-columns:1fr}.auth__aside{display:none}}}