:root{color-scheme:light;--bg-1: #1a0f2b;--bg-2: #24153a;--bg-3: #1b2b4a;--glass: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .22);--text: #f6f2ff;--muted: rgba(246, 242, 255, .72);--primary: #ffd6f0;--primary-strong: #cfe7ff;--warm: #ffd7a8;--danger: #ff6b6b;--shadow: 0 20px 50px rgba(18, 6, 32, .35);--shadow-soft: 0 14px 30px rgba(16, 6, 24, .22);--radius-card: 22px;--radius-btn: 18px;--radius-input: 14px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:-apple-system,SF Pro Text,PingFang SC,Noto Sans SC,Helvetica Neue,Arial,sans-serif;color:var(--text);background:radial-gradient(120% 80% at 15% 0%,rgba(255,198,224,.38) 0%,transparent 55%),radial-gradient(120% 80% at 85% -5%,rgba(179,198,255,.35) 0%,transparent 55%),radial-gradient(120% 80% at 50% 100%,rgba(173,226,255,.28) 0%,transparent 60%),linear-gradient(180deg,var(--bg-1),var(--bg-2) 45%,var(--bg-3) 100%);position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E");mix-blend-mode:soft-light;opacity:.35;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(18px 18px at 15% 25%,rgba(255,214,240,.35) 0%,transparent 70%),radial-gradient(24px 24px at 80% 20%,rgba(207,231,255,.35) 0%,transparent 70%),radial-gradient(16px 16px at 70% 70%,rgba(255,214,240,.28) 0%,transparent 70%),radial-gradient(12px 12px at 30% 75%,rgba(210,230,255,.25) 0%,transparent 70%),radial-gradient(8px 8px at 60% 40%,rgba(255,255,255,.18) 0%,transparent 70%);opacity:.85;animation:twinkle 8s ease-in-out infinite alternate;z-index:0}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.app.content-bg:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:url(/cat.jpg) center / cover no-repeat;opacity:.85;z-index:-1}.app.content-bg:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#080a1459,#080a1499);z-index:-1}.shell{width:100%;max-width:420px;padding:20px 20px 96px}.page-title{font-size:24px;font-weight:600;margin:8px 0 20px;letter-spacing:.6px}.page-subtitle{font-size:14px;color:var(--muted)}.card{background:#ffffff1a;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-card);padding:18px;box-shadow:0 18px 44px #13082459,inset 0 0 0 1px #ffffff0f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.card.flat{box-shadow:var(--shadow-soft)}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.input,.textarea,.select{width:100%;border-radius:var(--radius-input);border:1px solid rgba(255,255,255,.12);background:#08121e99;padding:12px 14px;color:var(--text);font-size:15px;line-height:1.6}.input:focus,.textarea:focus,.select:focus{outline:none;box-shadow:0 0 0 2px #6fd3ff40;border-color:#6fd3ff99}.textarea{min-height:150px;resize:vertical}.btn{border:none;border-radius:var(--radius-btn);padding:12px 16px;font-size:16px;font-weight:500;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,opacity .2s ease}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(140deg,#ffd6f0f2,#cfe7fff2);color:#2b1230;box-shadow:0 10px 22px #ffd6f040}.btn.ghost{background:#ffffff0f;color:var(--text);border:1px solid rgba(255,255,255,.14)}.btn.warn{background:#ffc94a2e;color:var(--warm);border:1px solid rgba(255,201,74,.32)}.btn.danger{background:#ff6b6b1f;color:var(--danger);border:1px solid rgba(255,107,107,.35)}.muted{color:var(--muted);font-size:13px}.list{display:flex;flex-direction:column;gap:var(--space-3)}.item{padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:#09121e80;box-shadow:var(--shadow-soft)}.inline,.actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.app-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.app-bar-title{font-size:18px;font-weight:600}.icon-btn{width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--text)}.tab-bar{position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:420px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:10px;border-radius:22px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:15}.tab-bar a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;border-radius:14px;font-size:11px;color:#f6f2ffb3}.tab-bar a.router-link-active{background:#ffd6f038;color:var(--text);border:1px solid rgba(255,214,240,.35)}.tab-center{margin-top:-22px;background:#ffd6f047;border:1px solid rgba(255,214,240,.45);box-shadow:0 12px 24px #ffd6f059;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#2b1230;font-size:20px}.grid{display:grid;gap:var(--space-3)}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 420px){.grid.two{grid-template-columns:1fr}}.photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.photo-grid img{width:100%;border-radius:12px;object-fit:cover;aspect-ratio:1 / 1;border:1px solid rgba(255,255,255,.12)}.pet-room{position:relative;height:360px;border-radius:24px;overflow:hidden;background:#ffffff1a;border:1px solid rgba(255,255,255,.22);box-shadow:var(--shadow-soft)}.pet-room-wall{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ffffff2e,#ffffff0d)}.pet-room-floor{position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(180deg,#ffd6b466,#ffc8a099)}.pet-room-items{position:absolute;top:0;right:0;bottom:0;left:0}.pet-room-empty{position:absolute;left:16px;right:16px;top:36px;padding:12px 14px;text-align:center;font-size:13px;color:#eaf2ffd9;background:#ffffff29;border-radius:14px;border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pet-item{position:absolute;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;background:#ffffff2e;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.pet-room-rat-scale{position:absolute;left:18px;bottom:80px;transform-origin:left bottom;z-index:2;transition:transform .22s ease,filter .22s ease}.pet-room-rat{width:48px;height:32px;background:linear-gradient(160deg,#fffffff2,#e8eef6db);border-radius:16px;border:1px solid rgba(255,255,255,.55);box-shadow:0 16px 22px #140c1e2e,inset -6px -6px 12px #becddc59,inset 6px 6px 10px #ffffff73;animation:ratWander 6s ease-in-out infinite alternate;transform-style:preserve-3d;transform:perspective(220px) rotateX(6deg);overflow:visible}.pet-room-bubble{position:absolute;left:16px;bottom:140px;padding:6px 10px;border-radius:999px;font-size:12px;color:var(--text);background:#080c1899;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:bubblePop .2s ease-out}.pet-stats{display:grid;gap:10px}.stat-row{display:grid;grid-template-columns:54px 1fr 42px;gap:8px;align-items:center}.stat-label{font-size:12px;color:#eaf2ffb3}.stat-value{font-size:12px;color:#eaf2ffd9;text-align:right}.stat-bar{height:8px;border-radius:999px;background:#ffffff1f;overflow:hidden;border:1px solid rgba(255,255,255,.14)}.stat-bar span{display:block;height:100%;background:linear-gradient(90deg,#6fd3ff99,#6fd3ffe6);border-radius:999px}.stat-bar.warn span{background:linear-gradient(90deg,#ffc94a99,#ffc94ae6)}.stat-bar.cool span{background:linear-gradient(90deg,#7cd6ff99,#7cd6ffe6)}.pet-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.action-btn{padding:10px 0;border-radius:14px;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);color:var(--text);font-size:13px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.action-btn:active{transform:scale(.98)}.pet-coins{font-size:12px;color:#eaf2ffcc}.pet-log-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.14)}.pet-log-title{font-size:13px;color:var(--text)}.pet-log-time{font-size:12px;color:#eaf2ffa6}.pet-log-strip{display:grid;gap:8px;max-height:160px;overflow-y:auto;padding-right:4px}.pet-log-strip::-webkit-scrollbar{width:6px}.pet-log-strip::-webkit-scrollbar-track{background:#ffffff0f;border-radius:999px}.pet-log-strip::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}.pet-log-chip{padding:10px 12px;border-radius:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.16);display:grid;gap:4px}@keyframes bubblePop{0%{transform:scale(.9);opacity:.6}to{transform:scale(1);opacity:1}}.copy-result{white-space:pre-wrap;line-height:1.6}.chip{padding:6px 12px;border-radius:999px;font-size:12px;color:var(--muted);border:1px solid rgba(255,255,255,.12);background:#ffffff0a}.chip.active{color:var(--text);border-color:#6fd3ff73;background:#6fd3ff2e}.segmented{display:flex;gap:6px;padding:6px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12)}.segmented button{flex:1;border:none;background:transparent;color:var(--muted);padding:8px 10px;border-radius:999px;font-size:14px}.segmented button.active{background:#6fd3ff33;color:var(--text);border:1px solid rgba(111,211,255,.35)}.fab{position:fixed;right:24px;bottom:calc(env(safe-area-inset-bottom,0px) + 110px);padding:10px 16px;border-radius:999px;background:#6fd3ff33;border:1px solid rgba(111,211,255,.35);color:var(--text);font-size:14px;z-index:12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.empty{text-align:center;padding:36px 20px;color:var(--muted)}.divider{height:1px;background:#ffffff14;margin:var(--space-3) 0}.bottom-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#02080e73;z-index:30}.bottom-sheet{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:100%;max-width:420px;background:#08121ef2;border-radius:24px 24px 0 0;padding:16px 20px 32px;border:1px solid rgba(255,255,255,.1);z-index:31}.bottom-sheet .grab{width:48px;height:4px;margin:0 auto 12px;border-radius:999px;background:#fff3}.toast{position:fixed;left:50%;bottom:96px;transform:translate(-50%);padding:10px 16px;border-radius:14px;background:#08121ed9;color:var(--text);font-size:13px;box-shadow:var(--shadow-soft);z-index:40}.weather-tag{padding:6px 12px;border-radius:999px;font-size:12px;color:#ffffffeb;border:1px solid rgba(255,255,255,.28);background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;white-space:nowrap}.weather-tag.sunny{background:linear-gradient(140deg,#ffd69673,#ffefc840);border-color:#ffd6968c;color:#2b1b0f}.weather-tag.rainy{background:linear-gradient(140deg,#78a0ff59,#466ec840);border-color:#78a0ff8c;color:#0c1a3a}.weather-tag.cloudy{background:linear-gradient(140deg,#d2d2dc59,#a0aabe40);border-color:#d2d2dc8c;color:#1c2230}.weather-icon-btn{width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:#ffffff2e;color:#fff2c6;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #ffd69659;cursor:pointer}.home-weather-root{position:relative}.weather-scene{position:absolute;inset:-6px -6px auto -6px;height:220px;pointer-events:none;z-index:0}.pet-rat-area{position:absolute;left:0;right:0;bottom:120px;height:220px;z-index:6;pointer-events:auto}.pet-rat-scale{position:absolute;left:18px;top:40px;transform-origin:left top;transition:transform .22s ease,filter .22s ease}.pet-rat{width:56px;height:30px;background:linear-gradient(165deg,#fffffff5,#e8eef6db);border-radius:18px 18px 16px 16px;border:1px solid rgba(255,255,255,.55);box-shadow:0 14px 22px #1212242e,inset -6px -6px 12px #becddc59,inset 6px 6px 10px #ffffff73;cursor:pointer;animation:ratWanderWide 10s ease-in-out infinite;transform-style:preserve-3d;transform:perspective(200px) rotateX(6deg);overflow:visible;position:relative}.pet-rat:before{content:"";position:absolute;left:-6px;top:2px;width:26px;height:24px;border-radius:16px;background:linear-gradient(160deg,#f0f4fcfa,#dce6f4e6);border:1px solid rgba(255,255,255,.55);box-shadow:0 10px 18px #1212241f,inset -4px -4px 8px #becddc47,inset 4px 4px 8px #ffffff73;z-index:0}.pet-face{position:absolute;left:4px;top:6px;width:18px;height:16px;background:#fffffff5;border-radius:12px;box-shadow:inset 0 1px #ffffff80;z-index:1}.pet-hood{position:absolute;left:-2px;top:2px;width:28px;height:20px;border-radius:14px;background:radial-gradient(20px 16px at 40% 40%,#d2dcecfa,#a6b6cef0);opacity:.98;border:1px solid rgba(255,255,255,.45);z-index:2}.pet-eye{position:absolute;top:10px;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffffe6,#ffffffe6 20%,#1a2330 35%,#0e1624);box-shadow:0 2px 4px #0a101a59;animation:petBlink 6s ease-in-out infinite;z-index:5}.pet-eye.left{left:10px}.pet-eye.right{left:19px;animation-delay:.2s}.pet-cheek{position:absolute;top:16px;width:8px;height:6px;border-radius:50%;background:radial-gradient(circle,rgba(255,170,180,.35) 0%,rgba(255,170,180,.12) 70%,transparent 100%);filter:blur(.2px);z-index:4}.pet-cheek.left{left:6px}.pet-cheek.right{left:23px}.pet-whisker{position:absolute;top:16px;width:12px;height:8px;border-top:1px solid rgba(255,255,255,.78);border-radius:60% 60% 0 0;opacity:.75;pointer-events:none;z-index:4}.pet-whisker.w1{left:-6px;transform:rotate(-12deg)}.pet-whisker.w2{left:-4px;top:19px;transform:rotate(6deg);opacity:.6}.pet-whisker.r1{left:30px;transform:rotate(12deg) scaleX(-1)}.pet-whisker.r2{left:32px;top:19px;transform:rotate(-6deg) scaleX(-1);opacity:.6}.pet-nose{position:absolute;left:-2px;top:13px;width:8px;height:6px;background:radial-gradient(circle at 40% 30%,#ffd0dc,#f4a3b4 70%,#d87b91);border-radius:60% 60% 70% 70%;box-shadow:0 2px 4px #dc789659;z-index:3}.pet-ear{position:absolute;top:-7px;width:13px;height:13px;background:radial-gradient(circle at 40% 40%,#ffd2dcd9,#ffb4c3b3);border-radius:6px 6px 2px 2px;border:1px solid rgba(255,255,255,.28);z-index:3}.pet-ear.left{left:4px}.pet-ear.right{left:22px}.pet-tail{position:absolute;right:-20px;top:17px;width:26px;height:4px;border-radius:999px;background:linear-gradient(90deg,#f6becda6,#f0aac073);transform:rotate(10deg);opacity:.9}.pet-hint{position:absolute;left:-10px;top:6px;background:#080c1899;color:var(--text);font-size:11px;padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@keyframes ratWanderWide{0%{transform:translate(0) rotate(-2deg)}20%{transform:translate(120px,-18px) rotate(2deg)}40%{transform:translate(40px,60px) rotate(-1deg)}60%{transform:translate(220px,20px) rotate(1deg)}80%{transform:translate(120px,90px) rotate(-2deg)}to{transform:translate(0) rotate(-2deg)}}.rat-happy .pet-eye{filter:drop-shadow(0 0 4px rgba(255,240,170,.4))}.rat-happy .pet-cheek{opacity:1}.rat-sleepy .pet-eye{transform:scaleY(.25);animation:none}.rat-hungry .pet-nose{transform:scale(1.08)}.rat-excited .pet-eye{filter:drop-shadow(0 0 6px rgba(180,230,255,.6));transform:scale(1.08)}.rat-excited .pet-cheek{opacity:1}.rat-shy .pet-cheek{opacity:1;filter:blur(.4px)}.rat-curious .pet-eye{transform:scale(1.05)}.rat-calm .pet-eye{opacity:.95}.rat-action-feed{filter:saturate(1.05)}.rat-action-feed .pet-rat,.rat-action-feed .pet-room-rat{transform:perspective(220px) rotateX(8deg) scale(1.02)}.rat-action-pet .pet-rat,.rat-action-pet .pet-room-rat{transform:perspective(220px) rotateX(6deg) translateY(-2px)}.rat-action-play .pet-rat,.rat-action-play .pet-room-rat{animation:ratWiggle .6s ease-in-out 2}.rat-action-sleep .pet-eye{transform:scaleY(.2);animation:none}.rat-action-sleep .pet-rat,.rat-action-sleep .pet-room-rat{transform:perspective(220px) rotateX(4deg) translateY(4px)}.rat-action-clean .pet-rat,.rat-action-clean .pet-room-rat{filter:brightness(1.04)}@keyframes ratWiggle{0%{transform:perspective(220px) rotateX(6deg) rotate(0)}25%{transform:perspective(220px) rotateX(6deg) rotate(-4deg)}50%{transform:perspective(220px) rotateX(6deg) rotate(4deg)}75%{transform:perspective(220px) rotateX(6deg) rotate(-3deg)}to{transform:perspective(220px) rotateX(6deg) rotate(0)}}@keyframes petBlink{0%,46%,48%,to{transform:scaleY(1)}47%{transform:scaleY(.2)}}.weather-scene.sunny:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(140px 120px at 10% 30%,rgba(255,214,150,.45),transparent 70%)}.sun-wrap{position:absolute;top:24px;left:16px;width:56px;height:56px;--ray-distance: 35px;overflow:visible}.sun{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff4c9,#ffe08c 45%,#ffd066 72%,#ffd06640);box-shadow:0 0 26px #ffd37a94,0 0 52px #ffd37a47;animation:sunPulse 3s ease-in-out infinite}.sun-ray{position:absolute;left:50%;top:50%;width:5px;height:18px;background:linear-gradient(180deg,#fff5c8f2,#ffd678eb 70%,#ffd67833);border-radius:999px;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc(-1 * var(--ray-distance)));transform-origin:center center;box-shadow:0 0 10px #ffdc9659;opacity:.95}.cloud{position:absolute;width:110px;height:48px;background:#ffffffb8;border-radius:999px;filter:blur(.2px);box-shadow:0 8px 20px #141e3c1f;animation:cloudDrift 8s ease-in-out infinite alternate}.cloud:before,.cloud:after{content:"";position:absolute;background:#fffc;width:46px;height:46px;border-radius:50%;top:-20px}.cloud:before{left:14px}.cloud:after{right:14px}.cloud.c1{top:26px;left:20%;animation-duration:10s}.cloud.c2{top:70px;left:55%;animation-duration:12s}.weather-scene.rainy .cloud{background:#d2dcebe6}.rain{position:absolute;top:70px;left:0;width:100%;height:140px;display:grid;grid-template-columns:repeat(9,1fr);gap:6px;padding:0 14px}.drop{width:2px;height:16px;background:#a0beffbf;border-radius:999px;animation:rainFall .8s linear infinite}.drop:nth-child(odd){animation-delay:.2s;opacity:.7}.drop:nth-child(3n){animation-delay:.1s;opacity:.6}@keyframes sunPulse{0%{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 22px #ffd37a75,0 0 44px #ffd37a38}to{transform:translate(-50%,-50%) scale(1.06);box-shadow:0 0 28px #ffd37aad,0 0 56px #ffd37a4d}}@keyframes cloudDrift{0%{transform:translate(-6px)}to{transform:translate(10px)}}@keyframes rainFall{0%{transform:translateY(-10px);opacity:.2}to{transform:translateY(60px);opacity:1}}.home-scene{position:relative;border-radius:28px;padding:20px;min-height:520px;overflow:hidden;background:linear-gradient(180deg,#6fc7ff,#8dd3ff 35%,#f5d28f);box-shadow:0 22px 60px #120a1e40}.login-scene{min-height:720px;display:flex;flex-direction:column;justify-content:flex-end;padding:24px}.scene-overlay{position:relative;z-index:2;display:flex;flex-direction:column;gap:16px}.glass-panel{background:#ffffff24;border:1px solid rgba(255,255,255,.22);border-radius:28px;padding:18px;box-shadow:0 14px 36px #13082433,inset 0 0 0 1px #ffffff0f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.glass-panel.embedded{background:#ffffff05;border:1px solid rgba(255,255,255,.12);box-shadow:0 6px 14px #13082414,inset 0 6px 16px #ffffff0f;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.login-panel{margin-top:auto}.login-panel .input{background:#1418261f;border-color:#ffffff1a}.login-panel .segmented{background:#ffffff08}.login-panel .segmented button.active{background:#6fd3ff2e;border-color:#6fd3ff40}.login-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(16px 16px at 20% 20%,rgba(255,255,255,.7) 0%,transparent 70%),radial-gradient(20px 20px at 70% 18%,rgba(255,255,255,.6) 0%,transparent 70%),radial-gradient(12px 12px at 55% 35%,rgba(255,255,255,.5) 0%,transparent 70%);animation:clouds 18s ease-in-out infinite alternate;pointer-events:none;z-index:1}.login-hero .animated-background{animation:breatheBackground 5s ease-in-out infinite,puppyRun 1.4s ease-in-out infinite}@keyframes clouds{0%{transform:translate(-14px);opacity:.6}to{transform:translate(14px);opacity:.95}}@keyframes puppyRun{0%{background-position:center 52%}to{background-position:center 44%}}.login-hero{position:relative;width:100%;min-height:720px;overflow:hidden;border-radius:30px;box-shadow:0 24px 60px #120a1e40}.animated-background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-image:url(/puppy.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;animation:breatheBackground 8s ease-in-out infinite;z-index:0}.login-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#080a1405,#080a1414 55%,#080a1429);-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);z-index:1}@keyframes breatheBackground{0%{transform:scale(1);filter:saturate(1) brightness(1)}to{transform:scale(1.03);filter:saturate(1.08) brightness(1.03)}}.home-scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(220px 140px at 20% 20%,rgba(255,255,255,.9) 0%,transparent 60%),radial-gradient(180px 120px at 70% 18%,rgba(255,255,255,.85) 0%,transparent 60%),radial-gradient(140px 90px at 85% 28%,rgba(255,255,255,.75) 0%,transparent 60%),radial-gradient(260px 140px at 40% 75%,rgba(255,214,129,.9) 0%,rgba(240,192,110,.8) 40%,transparent 65%);opacity:.9;pointer-events:none}.home-scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(6px 6px at 30% 38%,rgba(255,255,255,.9) 0%,transparent 70%),radial-gradient(5px 5px at 60% 32%,rgba(255,255,255,.8) 0%,transparent 70%),radial-gradient(4px 4px at 72% 46%,rgba(255,255,255,.7) 0%,transparent 70%),radial-gradient(3px 3px at 45% 52%,rgba(255,255,255,.6) 0%,transparent 70%);animation:petals 8s ease-in-out infinite alternate;pointer-events:none}.home-field{position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(180deg,#ffd68100,#f1c977 30%,#e6b96a);clip-path:ellipse(120% 80% at 50% 100%)}.home-puppy{position:absolute;bottom:22%;width:70px;height:54px;border-radius:18px 18px 16px 16px;background:#ffd3a8;box-shadow:0 10px 18px #1e0e2840}.home-puppy:before{content:"";position:absolute;top:-18px;left:10px;width:26px;height:26px;border-radius:10px;background:#ffd3a8}.home-puppy:after{content:"";position:absolute;top:-16px;right:8px;width:14px;height:20px;border-radius:10px;background:#ffb46a}.home-puppy.corgi{left:20%;background:#ffce9f}.home-puppy.shiba{left:38%;background:#ffb46a}.home-overlay{position:relative;z-index:2;display:flex;flex-direction:column;gap:16px}@keyframes petals{0%{transform:translateY(0);opacity:.7}to{transform:translateY(8px);opacity:1}}.fade-in{animation:fadeIn .6s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes twinkle{0%{opacity:.55;transform:translateY(0)}to{opacity:.85;transform:translateY(-6px)}}