*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}:root{color-scheme:light;--ink:#294034;--muted:#718277;--sage:#a9c8b0;--deep-sage:#4c765d;--cream:#fffaf0;--peach:#f2b88f;--lilac:#d9b9de;--line:#e9dfd1;font-family:Inter,ui-rounded,Nunito Sans,system-ui,sans-serif;background:#f7f1e8;color:var(--ink)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 90% 8%,#e4d3e6 0,transparent 26rem),radial-gradient(circle at 2% 70%,#d9ebdb 0,transparent 25rem),#f7f1e8}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #9877aa;outline-offset:3px}.shell{width:min(1120px,100%);min-height:100vh;margin:auto;padding:24px clamp(20px,4vw,52px) 44px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:clamp(28px,5vw,58px)}.brand{display:flex;gap:9px;align-items:center;text-decoration:none;color:var(--ink);font-weight:900;letter-spacing:.13em;font-size:18px}.brand-orb{display:grid;place-items:center;width:28px;height:28px;border:3px solid var(--deep-sage);border-radius:50%;font-size:20px;line-height:1;color:var(--deep-sage)}.connection{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);font-weight:700}.connection i{width:8px;height:8px;border-radius:50%;background:#deb45c}.connection.online i{background:#69a57b}.connection.offline i{background:#d67878}.card{background:#fffdf8c7;border:1px solid rgba(255,255,255,.8);box-shadow:0 16px 40px #50413014;border-radius:28px}.eyebrow{font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:.15em;color:#78907e;margin:0 0 9px}.primary{border:0;color:#fff;background:var(--deep-sage);border-radius:15px;padding:15px 18px;font-weight:800;transition:transform .2s,background .2s;box-shadow:0 8px 15px #4c765d40}.primary:hover:not(:disabled){background:#365c45;transform:translateY(-2px)}.primary:disabled,.action-card:disabled{opacity:.5;cursor:not-allowed}.loading{padding:15vh 0;text-align:center;color:var(--muted)}.dot-orbit{height:55px;display:flex;align-items:center;justify-content:center;gap:10px}.dot-orbit i{width:12px;height:12px;background:var(--sage);border-radius:50%;animation:bob .8s ease-in-out infinite alternate}.dot-orbit i:nth-child(2){animation-delay:.18s;background:var(--lilac)}.dot-orbit i:nth-child(3){animation-delay:.36s;background:var(--peach)}@keyframes bob{to{transform:translateY(-14px)}}.adoption-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(28px,7vw,100px);max-width:920px;margin:0 auto}.adoption-hero h1{font-size:clamp(42px,5vw,68px);line-height:.97;letter-spacing:-.065em;margin:0 0 20px;font-weight:850}.adoption-hero h1 em{font-family:Georgia,serif;font-weight:400;color:#806487}.adoption-hero>p:not(.eyebrow){color:var(--muted);max-width:340px;line-height:1.6}.adoption-hero .mascot-stage{width:min(350px,100%);margin:12px auto -15px}.adoption-card{padding:36px}.step{font-size:11px;color:#9877aa;font-weight:900;letter-spacing:.15em}.adoption-card h2{font-size:31px;line-height:1.05;letter-spacing:-.05em;margin:25px 0 8px}.adoption-card p{color:var(--muted);font-size:14px;line-height:1.5;margin-bottom:30px}.adoption-card label{display:block;font-size:12px;font-weight:800;margin-bottom:8px}.adoption-card input{width:100%;border:1px solid var(--line);border-radius:14px;background:#fffdf9;padding:15px;margin-bottom:8px;color:var(--ink)}.adoption-card small{display:block;color:var(--muted);line-height:1.4;min-height:35px}.adoption-card small.error{color:#ae5252}.adoption-card .primary{width:100%;margin-top:10px;display:flex;justify-content:space-between}.adoption-card .primary span{font-size:21px;line-height:.6}.dashboard{max-width:840px;margin:auto}.pet-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.pet-summary h1{font-size:clamp(39px,6vw,58px);margin:0;letter-spacing:-.07em;line-height:.9}.age{margin:11px 0 0;color:var(--muted);font-size:14px}.refresh{background:#ffffff90;border:1px solid var(--line);width:40px;height:40px;border-radius:50%;font-size:22px;color:var(--deep-sage);transition:transform .3s}.refresh:hover{transform:rotate(130deg)}.world{min-height:255px;display:flex;align-items:center;justify-content:space-between;padding:20px clamp(18px,5vw,54px);overflow:hidden;background:linear-gradient(115deg,#f5e7d1,#ecdfed)}.world-copy{align-self:flex-start;padding-top:35px;z-index:1}.world-copy p{font-family:Georgia,serif;font-size:clamp(19px,2.5vw,27px);line-height:1.25;max-width:285px;margin:0 0 20px}.mood-pill{padding:7px 11px;border-radius:99px;background:#fff8;color:#6c776c;text-transform:capitalize;font-size:12px;font-weight:800}.mood-pill.hungry,.mood-pill.sick{background:#fff0e5;color:#a76b59}.mood-pill.sad{background:#eee6f0;color:#806487}.mood-pill.sleeping{background:#e7e2ee;color:#6d6681}.world .mascot-stage{width:270px;margin:-13px -23px -35px 0}.stats{padding:26px;margin-top:17px}.section-heading{display:flex;justify-content:space-between;align-items:start}.section-heading h2{font-size:25px;letter-spacing:-.045em;margin:0}.time-note{font-size:11px;color:var(--muted);font-weight:700;padding-top:5px}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:28px}.stat-label{display:flex;justify-content:space-between;gap:5px;align-items:baseline;font-size:12px;color:var(--muted);white-space:nowrap}.stat-label b{color:var(--ink);font-size:13px}.stat-label small{font-size:9px;color:var(--muted)}.meter{height:8px;border-radius:20px;background:#ebe6dc;margin-top:8px;overflow:hidden}.meter i{display:block;height:100%;border-radius:inherit;background:var(--sage);transition:width .6s ease}.meter i.happiness{background:var(--lilac)}.meter i.energy{background:#efbf83}.meter i.hygiene{background:#96c8c3}.meter i.health{background:#e89e9e}.actions{margin-top:29px}.action-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:11px}.action-card{border:1px solid transparent;min-height:116px;padding:15px 12px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s,border-color .2s,box-shadow .2s;color:var(--ink)}.action-card:hover:not(:disabled),.active-action{transform:translateY(-4px);border-color:#b6d1bb;box-shadow:0 14px 25px #54725e1a}.action-card>span:nth-child(2){display:flex;flex-direction:column;gap:3px}.action-card b{font-size:14px}.action-card small{font-size:10px;color:var(--muted);line-height:1.2}.action-card strong{align-self:flex-end;font-size:12px;color:#657b6a}.action-icon{font-size:27px;line-height:1;color:#6e9477}.hint{text-align:center;color:var(--muted);font-size:12px;margin:20px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%);background:#314d3c;color:#fffdf9;padding:13px 18px;border-radius:12px;font-weight:700;font-size:13px;box-shadow:0 10px 25px #314d3c50;z-index:3}.offline-card{max-width:440px;text-align:center;margin:0 auto;padding:25px 35px 38px}.offline-card .mascot-stage{width:220px;margin:auto}.offline-card h1{letter-spacing:-.055em;margin:0}.offline-card p{color:var(--muted);line-height:1.55;margin-bottom:24px}.mascot-stage{position:relative;isolation:isolate}.orio-mascot{display:block;width:100%;overflow:visible}.body{transform-origin:150px 210px;animation:breathe 3.6s ease-in-out infinite}.shadow{transform-origin:150px 262px;animation:shadow-pulse 3.6s ease-in-out infinite}.spark{position:absolute;width:13px;height:13px;background:#f0bf84;border-radius:50%;z-index:-1;animation:float 4s ease-in-out infinite}.spark-one{top:26%;left:8%}.spark-two{top:13%;right:14%;width:9px;height:9px;background:#d59bca;animation-delay:1.1s}.spark-three{right:4%;bottom:22%;width:7px;height:7px;background:#89b59a;animation-delay:2.3s}.happy-mouth,.sad-mouth,.hungry-mouth,.sleep-mark,.zzz{display:none}.happy .happy-mouth,.sad .sad-mouth,.sick .sad-mouth,.hungry .hungry-mouth,.sleeping .sleep-mark,.sleeping .zzz{display:block}.happy .neutral-mouth,.sad .neutral-mouth,.sick .neutral-mouth,.hungry .neutral-mouth,.sleeping .neutral-mouth,.sleeping .left-eye,.sleeping .right-eye{display:none}.sleeping .body{animation:sleep 4s ease-in-out infinite}.hungry .body{animation:hungry 1.2s ease-in-out infinite}.happy .body{animation:happy-hop 1.7s ease-in-out infinite}.z-two{animation:float 2s ease-in-out infinite}.sleeping .shadow{animation:shadow-pulse 4s ease-in-out infinite}@keyframes breathe{50%{transform:scale(1.025,.985) translateY(2px)}}@keyframes shadow-pulse{50%{transform:scaleX(.9);opacity:.3}}@keyframes float{50%{transform:translateY(-13px)}}@keyframes sleep{50%{transform:rotate(2deg) translateY(4px)}}@keyframes hungry{50%{transform:translate(-2px)}}@keyframes happy-hop{25%{transform:translateY(-11px) rotate(-2deg)}50%{transform:translateY(0)}75%{transform:translateY(-6px) rotate(2deg)}}.profile{display:flex;align-items:center;gap:15px}.profile-button{display:grid;grid-template-columns:auto auto;column-gap:8px;align-items:center;text-align:left;border:1px solid var(--line);border-radius:14px;padding:7px 10px;background:#fffaf0c9;color:var(--ink);font-size:11px}.profile-button b{font-size:12px}.profile-button small{color:var(--muted)}.profile-button span{grid-column:1/-1;color:var(--deep-sage);font-weight:800;font-size:10px;margin-top:2px}.auth-shell{max-width:980px}.auth-layout{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(32px,9vw,110px);max-width:900px;margin:4vh auto}.auth-intro h1{font-size:clamp(44px,6vw,68px);line-height:.97;letter-spacing:-.07em;margin:0 0 20px}.auth-intro p:not(.eyebrow){max-width:330px;color:var(--muted);line-height:1.65}.auth-card{padding:34px}.auth-card h2{font-size:30px;letter-spacing:-.05em;margin:22px 0 27px}.auth-card label{display:block;font-size:12px;font-weight:800;margin:14px 0 7px}.auth-card input{width:100%;border:1px solid var(--line);border-radius:14px;background:#fffdf9;padding:13px;color:var(--ink)}.auth-card .primary{width:100%;display:flex;justify-content:space-between;margin-top:12px}.auth-card .primary span{font-size:21px;line-height:.6}.field-note{margin:6px 0 0;font-size:11px;line-height:1.4;color:var(--muted)}.optional{font-weight:400;color:var(--muted)}.auth-card .error{display:block;min-height:20px;margin-top:8px;color:#ae5252;visibility:hidden;font-size:11px}.auth-card .error.visible{visibility:visible}.auth-switch{text-align:center;color:var(--muted);font-size:12px;margin:18px 0 0}.auth-switch a{color:var(--deep-sage);font-weight:800;text-decoration:none}@media(max-width:700px){.shell{padding:18px 17px 35px}.topbar{margin-bottom:28px}.profile{gap:8px}.profile-button{max-width:142px}.profile-button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adoption-grid,.auth-layout{grid-template-columns:1fr;gap:0}.adoption-hero,.auth-intro{text-align:center}.adoption-hero>p:not(.eyebrow),.auth-intro p:not(.eyebrow){margin-left:auto;margin-right:auto}.adoption-hero .mascot-stage{width:215px;margin:-4px auto -15px}.adoption-card{padding:29px 23px}.auth-layout{margin:0}.auth-intro{margin-bottom:29px}.auth-card{padding:28px 23px}.world{min-height:215px;padding:17px 23px}.world-copy{padding-top:12px}.world-copy p{font-size:19px;max-width:200px}.world .mascot-stage{width:190px;margin:26px -36px -40px -20px}.stats{padding:23px 18px}.stats-grid{grid-template-columns:1fr 1fr;gap:17px 22px}.stats-grid .stat:last-child{grid-column:span 2}.action-grid{grid-template-columns:repeat(2,1fr)}.action-card{min-height:105px}.action-grid .action-card:last-child{grid-column:span 2}.action-card strong{position:absolute;opacity:0}.pet-summary h1{font-size:46px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}