@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;--logo-base:#2f48bd;--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-logo:var(--logo-base);--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{.brand{align-items:center;gap:.4em;display:inline-flex}.brand-mark{background-color:var(--color-logo);flex-shrink:0;width:1.5em;height:1.5em;display:inline-block;-webkit-mask:url("data:image/svg+xml,%3Csvg width='400' height='401' viewBox='0 0 400 401' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.2564 341.166C-38.4744 243.909 47.2602 190.388 97.3439 175.785C53.7227 271.071 104.688 317.182 129.117 318.166C142.712 318.713 155.636 311.047 166.815 290.785C177.993 270.523 179.955 260.009 193.741 248.618C207.528 237.228 259.084 231.46 283.138 229.999C279.261 315.866 252 346.5 224.438 367.451C124.917 437.108 42.9018 381 19.2564 341.166Z' fill='%232F48BD'/%3E%3Cpath d='M188.356 105.143C169.4 47.3142 188.715 15.6984 200.742 7.11903C200.742 27.7094 226.233 62.0633 238.978 76.6665C249.569 73.9284 276.137 71.0807 297.678 81.595C324.605 94.7378 319.22 102.952 333.222 111.166C347.224 119.381 378.997 117.738 388.691 117.19C396.446 116.752 399.461 119.563 400 121.023C397.307 158.261 369.303 171.952 348.301 179.619C331.498 185.752 300.371 183.999 286.908 182.357C286.046 186.299 284.754 209.555 284.215 220.69L216.36 232.19L215.723 232.363C192.584 238.665 181.015 241.816 167.353 276.547C153.567 311.594 133.964 312.69 125.886 308.856C150.12 285.309 151.736 276.547 149.043 214.118C146.889 164.176 174.354 120.658 188.356 105.143Z' fill='%232F48BD'/%3E%3Cpath d='M243.287 68.9998C235.962 41.838 249.569 11.6825 257.288 0C258.581 21.0285 272.188 52.2062 278.83 65.1665V68.9998C271.506 65.9331 252.083 67.722 243.287 68.9998Z' fill='%232F48BD'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg width='400' height='401' viewBox='0 0 400 401' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.2564 341.166C-38.4744 243.909 47.2602 190.388 97.3439 175.785C53.7227 271.071 104.688 317.182 129.117 318.166C142.712 318.713 155.636 311.047 166.815 290.785C177.993 270.523 179.955 260.009 193.741 248.618C207.528 237.228 259.084 231.46 283.138 229.999C279.261 315.866 252 346.5 224.438 367.451C124.917 437.108 42.9018 381 19.2564 341.166Z' fill='%232F48BD'/%3E%3Cpath d='M188.356 105.143C169.4 47.3142 188.715 15.6984 200.742 7.11903C200.742 27.7094 226.233 62.0633 238.978 76.6665C249.569 73.9284 276.137 71.0807 297.678 81.595C324.605 94.7378 319.22 102.952 333.222 111.166C347.224 119.381 378.997 117.738 388.691 117.19C396.446 116.752 399.461 119.563 400 121.023C397.307 158.261 369.303 171.952 348.301 179.619C331.498 185.752 300.371 183.999 286.908 182.357C286.046 186.299 284.754 209.555 284.215 220.69L216.36 232.19L215.723 232.363C192.584 238.665 181.015 241.816 167.353 276.547C153.567 311.594 133.964 312.69 125.886 308.856C150.12 285.309 151.736 276.547 149.043 214.118C146.889 164.176 174.354 120.658 188.356 105.143Z' fill='%232F48BD'/%3E%3Cpath d='M243.287 68.9998C235.962 41.838 249.569 11.6825 257.288 0C258.581 21.0285 272.188 52.2062 278.83 65.1665V68.9998C271.506 65.9331 252.083 67.722 243.287 68.9998Z' fill='%232F48BD'/%3E%3C/svg%3E") 50%/contain no-repeat}.brand-mark--on-dark{background-color:var(--color-text-on-dark)}.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;min-height:100dvh;display:grid}@media (width>=900px){.auth{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}}.auth__brand{padding:var(--space-8);color:var(--color-text-on-dark);background:radial-gradient(120% 90% at 15% 12%, var(--primary-500) 0%, var(--primary-700) 62%, var(--primary-700) 100%);display:none;position:relative;overflow:hidden}@media (width>=900px){.auth__brand{flex-direction:column;justify-content:space-between;display:flex}}.auth__watermark{color:#ffffff0f;pointer-events:none;z-index:0;font-size:340px;line-height:1;position:absolute;inset-block-end:-50px;inset-inline-end:-35px}.auth__logo{align-items:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:var(--weight-extrabold);letter-spacing:-.01em;display:inline-flex}.auth__pitch{z-index:1;max-width:30ch;position:relative}.auth__pitch h2{color:#fff;font-size:var(--text-2xl);line-height:var(--leading-tight);font-weight:var(--weight-bold)}.auth__pitch p{margin:var(--space-3) 0 0;color:#ffffffd1;font-size:var(--text-lg)}.auth__points{z-index:1;gap:var(--space-3);flex-direction:column;display:flex;position:relative}.auth__point{align-items:center;gap:var(--space-3);font-weight:var(--weight-medium);display:flex}.auth__point i{opacity:.9;font-size:20px}.auth__main{padding:var(--space-6);flex-direction:column;justify-content:center;align-items:center;display:flex}.auth__card{width:100%;max-width:400px}.auth__logo--mobile{align-items:center;gap:var(--space-2);color:var(--color-heading);font-size:var(--text-lg);font-weight:var(--weight-extrabold);margin-bottom:var(--space-6);display:inline-flex}@media (width>=900px){.auth__logo--mobile{display:none}}.auth__head{margin-bottom:var(--space-6)}.auth__title{font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.auth__subtitle{margin:var(--space-2) 0 0;color:var(--color-text-muted)}.auth__form{gap:var(--space-4);flex-direction:column;display:flex}.auth__row-between{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.auth__check{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;display:inline-flex}.auth__check input{width:16px;height:16px;accent-color:var(--color-link)}.auth__submit{margin-top:var(--space-2)}.auth__or{align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm);margin:var(--space-2) 0;grid-template-columns:1fr auto 1fr;display:grid}.auth__or:before,.auth__or:after{content:"";background:var(--color-border-field);opacity:.6;height:1px}.auth__alt{text-align:center;margin:var(--space-6) 0 0;color:var(--color-text-muted);font-size:var(--text-sm)}.auth__note{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-field);background:var(--color-success-soft);color:var(--color-heading);font-size:var(--text-sm);align-items:flex-start;display:flex}.auth__note i{color:var(--color-success);flex-shrink:0;font-size:20px}.auth__legal{text-align:center;margin-top:var(--space-6);font-size:var(--text-xs);color:var(--color-text-muted)}.auth__legal a{color:var(--color-link)}.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}.invitation-details{gap:var(--space-2) var(--space-4);margin:var(--space-4) 0 var(--space-6);grid-template-columns:max-content 1fr;display:grid}.invitation-details dt{color:var(--color-text-muted);font-size:var(--text-sm)}.invitation-details dd{color:var(--color-text)}.invitation-actions{gap:var(--space-3);margin-top:var(--space-5);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}}