@import"https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@500;700;800;900&family=Yusei+Magic&family=Zen+Maru+Gothic:wght@500;700;900&display=swap";*,*: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-ink: #314b60;--cat-muted: #8a99a5;--cat-line: #dceffd;--cat-card: rgba(255,255,255,.92)}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);background:radial-gradient(circle at 15% 8%,rgba(255,255,255,.95),transparent 24%),radial-gradient(circle at 85% 18%,rgba(255,255,255,.7),transparent 26%),linear-gradient(180deg,#fbfeff,#eef9ff 55%,#fff);min-height:100vh;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.32;background-image:radial-gradient(circle at 22px 19px,#9bcff2 0 2px,transparent 2.5px),radial-gradient(circle at 38px 15px,#9bcff2 0 2px,transparent 2.5px),radial-gradient(circle at 52px 24px,#9bcff2 0 2px,transparent 2.5px),radial-gradient(ellipse at 38px 43px,#9bcff2 0 5px,transparent 5.5px);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:1px solid var(--cat-line);border-radius:14px;background:#ffffffeb;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:#ffffffeb;border-bottom:1px solid #e8f4fd;padding:0 20px;height:56px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between}.app-navbar-logo{font-size:19px;font-weight:900;text-decoration:none;letter-spacing:.01em;white-space:nowrap;display:flex;align-items:center;gap:8px}.app-navbar-logo img{width:30px;height:30px;object-fit:contain;mix-blend-mode:multiply}.app-navbar-logo span{background:linear-gradient(135deg,#1880c5,#68ace8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.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:20px 0 32px}.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:2px}.app-drawer-link{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:14px;text-decoration:none;font-size:15px;font-weight:700;color:#4a6a80;transition:background .15s,color .15s}.app-drawer-link svg{flex-shrink:0;opacity:.7}.app-drawer-link:hover{background:#f0f8ff;color:#1479c3}.app-drawer-link--active{background:#eaf7ff;color:#1479c3}.app-drawer-link--active svg{opacity:1}.app-drawer-footer{padding:16px 24px 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}@media (max-width: 600px){.cat-detail-grid{grid-template-columns:1fr}.cat-detail-grid>div:last-child{border-left:none!important;border-top:1px solid #eee}.cat-detail-arrow{display:none!important}}.app-paw-mark{display:inline-block;width:18px;height:14px;color:currentColor;background:radial-gradient(circle at 26% 32%,currentColor 0 2px,transparent 2.4px),radial-gradient(circle at 50% 18%,currentColor 0 2px,transparent 2.4px),radial-gradient(circle at 73% 34%,currentColor 0 2px,transparent 2.4px),radial-gradient(ellipse at 50% 72%,currentColor 0 5px,transparent 5.5px);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,#ff8aad,var(--cat-pink));color:#fff;font-weight:900;box-shadow:0 16px 30px #f5729d38}.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}