.sp{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding-bottom:16vh;background:#fff;pointer-events:none}.sp--out{opacity:0;transition:opacity .28s ease-out}.sp-title{font-family:Poppins,Zen Maru Gothic,-apple-system,BlinkMacSystemFont,sans-serif;font-size:52px;font-weight:700;letter-spacing:1px;background:linear-gradient(90deg,#1479c3,#68ace8,#8ec9f5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:sp-title-in .52s cubic-bezier(.33,1,.68,1) both}@keyframes sp-title-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.sp-title{animation:none}}@keyframes nav-modal-in{0%{opacity:0;transform:translateY(20px) scale(.94)}to{opacity:1;transform:none}}.nav-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#1428466b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:0 16px}.nav-modal{background:#fff;border-radius:28px;padding:32px 28px;max-width:380px;width:100%;box-shadow:0 24px 64px #14325033;border:1px solid #dceffd;animation:nav-modal-in .36s cubic-bezier(.34,1.56,.64,1) both;text-align:center}.nav-modal__icon{width:60px;height:60px;margin:0 auto 16px;border-radius:20px;display:flex;align-items:center;justify-content:center}.nav-modal__icon--blue{background:linear-gradient(135deg,#dceffd,#eef9ff);border:1.5px solid #c0ddf5}.nav-modal__icon--danger{background:linear-gradient(135deg,#fff0f0,#fde0e0);border:1.5px solid #fcc}.nav-modal__title{font-size:16px;font-weight:900;color:#314b60;margin:0 0 10px}.nav-modal__sub{font-size:12px;color:#8a99a5;line-height:1.8;margin:0 0 20px}.nav-modal__sub strong{color:#e05252;font-weight:900}.nav-modal__field{margin-bottom:14px;text-align:left}.nav-modal__field label{display:block;font-size:11px;color:#8a99a5;font-weight:700;margin-bottom:5px}.nav-modal__field input{width:100%;font-size:16px;padding:10px 13px;border-radius:12px;border:1.5px solid #dceffd;background:#f9fdff;color:#314b60;outline:none;box-sizing:border-box;font-family:inherit}.nav-modal__field input:focus{border-color:#68ace8;box-shadow:0 0 0 3px #68ace824}.nav-modal__error{color:#e05252;font-size:12px;font-weight:700;margin:0 0 12px}.nav-modal__hint{display:block;font-size:10px;font-weight:800;margin-top:3px}.nav-modal__btns{display:flex;gap:10px}.nav-modal__cancel{flex:1;padding:12px 0;border-radius:999px;border:1.5px solid #dbeaf5;background:#fff;color:#1479c3;font-weight:900;font-size:14px;cursor:pointer;font-family:inherit;transition:background .15s}.nav-modal__cancel:hover{background:#f0f8ff}.nav-modal__confirm{flex:1;padding:12px 0;border-radius:999px;border:none;background:linear-gradient(135deg,#5dc0f5,#1479c3);color:#fff;font-weight:900;font-size:14px;cursor:pointer;font-family:inherit;box-shadow:0 8px 22px #1479c340;transition:opacity .15s}.nav-modal__confirm:disabled{opacity:.6;cursor:not-allowed}.nav-modal__delete{flex:1;padding:12px 0;border-radius:999px;border:none;background:linear-gradient(135deg,#ff6b6b,#e05252);color:#fff;font-weight:900;font-size:14px;cursor:pointer;font-family:inherit;box-shadow:0 8px 22px #e0525240;transition:opacity .15s}.nav-modal__delete:disabled{opacity:.6;cursor:not-allowed}.btab{position:fixed;bottom:0;left:0;right:0;z-index:200;background:#fffffff2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1.5px solid rgba(160,110,232,.15);display:flex;height:calc(58px + env(safe-area-inset-bottom,0));padding-bottom:env(safe-area-inset-bottom,0);box-shadow:0 -4px 20px #643cc814;transform:translateY(0);transition:transform .25s cubic-bezier(.22,.8,.28,1)}.btab--hidden{transform:translateY(100%)}.btab__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:#c0b8d0;font-size:10px;font-weight:800;transition:color .15s;background:transparent;border:none;cursor:pointer;padding:0 0 6px;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btab__item--active{background:linear-gradient(135deg,#1479c3,#68ace8,#f5729d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btab__item--active svg{filter:drop-shadow(0 0 3px rgba(104,172,232,.5))}.btab__dot{width:4px;height:4px;border-radius:50%;background:#68ace8;opacity:0;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.btab__item--active .btab__dot{opacity:1}.btab__icon{width:24px;height:24px;position:relative;display:flex;align-items:center;justify-content:center}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--cat-blue: #68ace8;--cat-blue-deep: #1479c3;--cat-blue-soft: #eaf7ff;--cat-pink: #f5729d;--cat-pink-soft: #fff0f6;--cat-purple: #9b8edc;--cat-purple-alt: #a06ee8;--cat-ink: #1a2a36;--cat-ink-mid: #314b60;--cat-muted: #8a99a5;--cat-line: #dceffd;--cat-card: rgba(255,255,255,.96);--cat-bg-light: #f8fcff;--cat-gradient: linear-gradient(135deg, #1479c3, #68ace8, #f5729d);--cat-shadow: 0 4px 20px rgba(104,172,232,.1)}body{font-family:Zen Maru Gothic,"M PLUS Rounded 1c",Hiragino Maru Gothic ProN,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;color:var(--cat-ink-mid);overflow-x:hidden;background:#f4fbff;min-height:100vh;-webkit-font-smoothing:antialiased;scrollbar-width:thin;scrollbar-color:rgba(104,172,232,.35) transparent}body::-webkit-scrollbar{width:6px}body::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-thumb{background:#68ace859;border-radius:999px}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.32;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='180'%3E%3Cpath transform='translate(20 12) scale(0.07)' fill='%239bcff2' d='M490.39 182.75c-5.55-13.19-14.77-22.7-26.67-27.49l-.16-.06a46.5 46.5 0 0 0-17-3.2h-.64c-27.24.41-55.05 23.56-69.19 57.61-10.37 24.9-11.56 51.68-3.18 71.64 5.54 13.2 14.78 22.71 26.73 27.5l.13.05a46.5 46.5 0 0 0 17 3.2c27.5 0 55.6-23.15 70-57.65 10.24-24.87 11.37-51.63 2.98-71.6M381.55 329.61c-15.71-9.44-30.56-18.37-40.26-34.41C314.53 250.8 298.37 224 256 224s-58.57 26.8-85.39 71.2c-9.72 16.06-24.6 25-40.36 34.48-18.07 10.86-36.74 22.08-44.8 44.16a66.9 66.9 0 0 0-4.65 25c0 35.95 28 65.2 62.4 65.2 17.75 0 36.64-6.15 56.63-12.66 19.22-6.26 39.09-12.73 56.27-12.73s37 6.47 56.15 12.73C332.2 457.85 351 464 368.8 464c34.35 0 62.3-29.25 62.3-65.2a67 67 0 0 0-4.75-25c-8.06-22.1-26.74-33.33-44.8-44.19M150 188.85c11.9 14.93 27 23.15 42.52 23.15a43 43 0 0 0 6.33-.47c32.37-4.76 52.54-44.26 45.92-90C242 102.3 234.6 84.39 224 71.11 212.12 56.21 197 48 181.49 48a43 43 0 0 0-6.33.47c-32.37 4.76-52.54 44.26-45.92 90 2.76 19.2 10.16 37.09 20.76 50.38m163.16 22.68a43 43 0 0 0 6.33.47c15.53 0 30.62-8.22 42.52-23.15 10.59-13.29 17.95-31.18 20.75-50.4 6.62-45.72-13.55-85.22-45.92-90a43 43 0 0 0-6.33-.47C315 48 299.88 56.21 288 71.11c-10.6 13.28-18 31.19-20.76 50.44-6.62 45.72 13.55 85.22 45.92 89.98M111.59 308.8l.14-.05c11.93-4.79 21.16-14.29 26.69-27.48 8.38-20 7.2-46.75-3.15-71.65C120.94 175.16 92.85 152 65.38 152a46.4 46.4 0 0 0-17 3.2l-.14.05c-11.9 4.75-21.13 14.29-26.66 27.48-8.38 20-7.2 46.75 3.15 71.65C39.06 288.84 67.15 312 94.62 312a46.4 46.4 0 0 0 16.97-3.2'/%3E%3C/svg%3E");background-size:220px 180px;background-position:28px 34px}input,select,textarea,button{font-family:inherit;font-size:16px}input,select,textarea{width:100%;padding:7px 10px;border:1.5px solid var(--cat-line);border-radius:14px;background:#fffffff2;color:var(--cat-ink);outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--cat-blue);box-shadow:0 0 0 4px #68ace81f}a{color:inherit}.app-navbar{background:#fffffff0;border-bottom:none;padding:env(safe-area-inset-top,0) 20px 0;height:calc(56px + env(safe-area-inset-top,0));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:flex-end;box-shadow:0 1px #68ace826,0 2px 12px #68ace812;transform:translateY(0);opacity:1;transition:transform .25s cubic-bezier(.22,.8,.28,1),opacity .25s ease}.app-navbar--hidden{transform:translateY(-100%);opacity:0}.app-navbar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,transparent 0%,rgba(104,172,232,.35) 20%,rgba(155,142,220,.3) 50%,rgba(245,114,157,.25) 80%,transparent 100%);pointer-events:none}.app-navbar-logo{position:absolute;left:50%;top:calc(env(safe-area-inset-top,0) + 28px);transform:translate(-50%,-50%);font-size:21px;font-weight:700;text-decoration:none;letter-spacing:.02em;white-space:nowrap;display:flex;align-items:center}.app-navbar-logo span{font-family:Poppins,Zen Maru Gothic,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(90deg,#1479c3,#68ace8,#8ec9f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:4px;border-radius:10px;transition:background .15s}.app-hamburger:hover{background:#eef9ff}.app-hamburger span{display:block;width:22px;height:2px;border-radius:2px;background:#4a7a9b;transition:transform .25s,opacity .25s,width .25s;transform-origin:center}.app-hamburger--open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.app-hamburger--open span:nth-child(2){opacity:0;width:0}.app-hamburger--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.app-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:210;background:#14283c47;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.app-drawer{position:fixed;top:0;right:0;bottom:0;z-index:220;width:min(300px,82vw);background:#fff;box-shadow:-8px 0 40px #14508c1f;transform:translate(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.app-drawer--open{transform:translate(0)}.app-drawer-inner{display:flex;flex-direction:column;height:100%;padding:calc(20px + env(safe-area-inset-top,0)) 0 calc(32px + env(safe-area-inset-bottom,0))}.app-drawer-user{display:flex;align-items:center;gap:12px;padding:16px 24px 20px;border-bottom:1px solid #eef4fa;margin-bottom:8px}.app-drawer-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#c8e8fb,#9bd0f2);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#1479c3;flex-shrink:0}.app-drawer-username{font-size:14px;font-weight:700;color:#314b60;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-drawer-links{display:flex;flex-direction:column;flex:1;padding:0 12px;gap:18px}.app-drawer-group{display:flex;flex-direction:column;background:#f7f9fb;border-radius:16px;overflow:hidden}.app-drawer-link{display:flex;align-items:center;gap:12px;padding:13px 14px;text-decoration:none;font-size:15px;font-weight:700;color:#4a6a80;transition:background .15s,color .15s;position:relative}.app-drawer-group .app-drawer-link:not(:last-child):after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:1px;background:#eaeff3}.app-drawer-link svg{flex-shrink:0;opacity:.7}.app-drawer-link__dot{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#d4537e,#f0997b);margin-left:-4px}.app-drawer-link:hover{background:#eef6fd;color:#1479c3}.app-drawer-link--active{background:#eaf7ff;color:#1479c3}.app-drawer-link--active svg{opacity:1}.app-drawer-link--btn{width:100%;background:none;border:none;cursor:pointer;font-family:inherit;text-align:left}.app-drawer-link--danger{color:#e05252}.app-drawer-link--danger:hover{background:#fff5f5!important;color:#c93c3c}.app-drawer-link--muted{color:#8a99a5}.app-drawer-link--muted:hover{background:#f5f7f9!important;color:#6a7a85}.app-drawer-footer{padding:8px 12px 0;border-top:1px solid #eef4fa}.app-drawer-logout{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;font-size:13px;font-weight:700;color:#8a99a5;padding:10px 0;font-family:inherit;transition:color .15s}.app-drawer-logout:hover{color:#e05252}.app-drawer-loginbtn{display:block;text-align:center;background:linear-gradient(135deg,#5dc0f5,#1479c3);color:#fff;text-decoration:none;font-size:14px;font-weight:900;padding:13px;border-radius:14px;box-shadow:0 6px 18px #1479c338}@keyframes catBounce{0%{transform:translateY(0) scale(1)}30%{transform:translateY(-28px) scale(1.05)}50%{transform:translateY(0) scale(.97)}65%{transform:translateY(-12px) scale(1.02)}80%{transform:translateY(0) scale(.99)}90%{transform:translateY(-5px) scale(1.01)}to{transform:translateY(0) scale(1)}}.cat-bounce{animation:catBounce 1s ease forwards}@keyframes paw1{0%,45%{opacity:0;transform:scale(.3)}55%{opacity:1;transform:scale(1.2)}70%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes paw2{0%,75%{opacity:0;transform:scale(.3)}85%{opacity:1;transform:scale(1.1)}95%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes paw3{0%,95%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.paw-1{animation:paw1 1s ease forwards}.paw-2{animation:paw2 1s ease forwards}.paw-3{animation:paw3 1s ease forwards}.cat-detail-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start}.cat-detail-grid>div:first-child{border-right:1px solid #dceffd}@media (max-width: 600px){.cat-detail-grid{grid-template-columns:1fr}.cat-detail-grid>div:first-child{border-right:none;border-bottom:1px solid #dceffd}.cat-detail-grid>div:last-child{border-left:none!important}.cat-detail-arrow{display:none!important}}.app-paw-mark{display:inline-block;flex-shrink:0;vertical-align:-2px}.app-cat-line{display:inline-block;width:46px;height:36px;border:3px solid #b7dff7;border-radius:50% 50% 45% 45%;clip-path:polygon(0 30%,18% 0,34% 30%,66% 30%,82% 0,100% 30%,100% 100%,0 100%);opacity:.9}.app-soft-card{background:var(--cat-card);border:1px solid var(--cat-line);box-shadow:0 18px 44px #67b1e91f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-primary-btn{border:0;border-radius:999px;background:linear-gradient(135deg,#1479c3,#68ace8,#f5729d);color:#fff;font-weight:900;box-shadow:0 8px 24px #68ace847}.app-secondary-btn{border:1px solid var(--cat-line);border-radius:999px;background:#fff;color:var(--cat-blue-deep);font-weight:900;box-shadow:0 12px 26px #5dade224}@keyframes vt-flip-out{0%{transform:rotateY(0) scale(1);opacity:1}to{transform:rotateY(-90deg) scale(.9);opacity:0}}@keyframes vt-flip-in{0%{transform:rotateY(90deg) scale(.9);opacity:0}to{transform:rotateY(0) scale(1);opacity:1}}::view-transition-old(root){animation:vt-flip-out .22s cubic-bezier(.4,0,.2,1) both}::view-transition-new(root){animation:vt-flip-in .28s cubic-bezier(.4,0,.2,1) .18s both}@keyframes tab-slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}