:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f2f0ea;color:#241f1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #241f1a;--muted: #766d61;--paper: #fffaf0;--line: #ded6c7;--accent: #d84b3e;--accent-dark: #9f3028;--green: #4e8f67;--blue: #527c9f;--floor: #dac6a8}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;padding:28px}.setup-shell{grid-template-columns:minmax(0,.95fr) minmax(320px,430px);align-items:center;max-width:1180px;margin:0 auto}.setup-copy{padding:28px 0}.brand-mark,.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--accent-dark);font-size:.82rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.setup-copy h1{max-width:620px;margin:22px 0 18px;font-size:clamp(3.6rem,9vw,7.8rem);line-height:.88;letter-spacing:0}.setup-copy p{max-width:520px;color:var(--muted);font-size:1.1rem;line-height:1.6}.setup-panel,.care-panel{align-self:stretch;background:#fffaf0c7;border:1px solid rgba(93,75,51,.14);border-radius:8px;box-shadow:0 24px 60px #43311821}.setup-panel{display:grid;gap:18px;padding:18px}.photo-picker{position:relative;display:grid;place-items:center;min-height:280px;overflow:hidden;border:1px dashed #aa9b85;border-radius:8px;background:#eee1c9}.photo-picker input{position:absolute;inset:0;opacity:0;cursor:pointer}.photo-picker img{width:100%;height:100%;object-fit:cover}.photo-picker span{display:inline-flex;align-items:center;gap:10px;color:#655745;font-weight:800}.name-field{display:grid;gap:8px;color:var(--muted);font-size:.88rem;font-weight:800}.name-field input{width:100%;border:1px solid var(--line);border-radius:8px;background:#fffef9;color:var(--ink);padding:14px 15px;outline:none}.name-field input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #d84b3e1f}.avatar-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.avatar-picker button{display:grid;gap:8px;justify-items:center;border:1px solid var(--line);border-radius:8px;background:#fffef8;color:var(--muted);padding:12px 8px;font-size:.78rem;font-weight:800}.avatar-picker button.selected{border-color:var(--accent);color:var(--ink);box-shadow:inset 0 0 0 1px var(--accent)}.avatar-picker span{width:26px;height:26px;border:3px solid #241f1a;image-rendering:pixelated;box-shadow:8px 0 0 -2px currentColor,-8px 0 0 -2px currentColor}.primary-action,.care-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;border:0;border-radius:8px;font-weight:900}.primary-action{background:var(--accent);color:#fffaf0}.primary-action:disabled{cursor:not-allowed;background:#b9afa1;color:#fffaf0d1}.species-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.species-picker button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border:1px solid var(--line);border-radius:8px;background:#fffef8;color:var(--muted);font-weight:900}.species-picker button.selected{border-color:var(--accent);color:var(--ink);box-shadow:inset 0 0 0 1px var(--accent)}.pipeline-preview{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:center;min-height:96px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fffef8}.pipeline-preview strong{display:block;margin-bottom:4px;color:var(--ink);font-size:.92rem}.pipeline-preview p{margin:0;color:var(--muted);font-size:.82rem;font-weight:750;line-height:1.35}.mini-character{display:grid;place-items:center;width:64px;height:64px;border:4px solid var(--ink);border-radius:8px;background:#efe2cc;color:var(--accent-dark)}.mini-character span{--fur: #f3d7a6;--fur-dark: #c08f62;--patch: #8d5f43;position:relative;width:36px;height:34px;border:4px solid var(--ink);border-radius:12px;background:linear-gradient(135deg,var(--patch) 0 34%,transparent 34%),var(--fur);image-rendering:pixelated}.mini-character span:before,.mini-character span:after{content:"";position:absolute;top:-16px;width:16px;height:18px;background:var(--fur-dark);border:4px solid var(--ink)}.mini-character span:before{left:0;transform:rotate(-18deg);clip-path:polygon(50% 0,100% 100%,0 100%)}.mini-character span:after{right:0;transform:rotate(18deg);clip-path:polygon(50% 0,100% 100%,0 100%)}.mini-character span.dog:before,.mini-character span.dog:after{top:-4px;height:24px;border-radius:0 0 10px 10px;clip-path:none}.mini-character span.dog:before{left:-12px;transform:rotate(10deg)}.mini-character span.dog:after{right:-12px;transform:rotate(-10deg)}.swatches{display:flex;gap:6px;margin-top:9px}.swatches i{width:18px;height:18px;border:2px solid var(--ink);border-radius:4px}.room-stage{position:relative;display:grid;grid-template-rows:auto minmax(420px,1fr) auto;min-height:calc(100svh - 56px);overflow:hidden;border:1px solid rgba(93,75,51,.14);border-radius:8px;background:linear-gradient(180deg,#fffdf6eb,#f3e6cdeb),radial-gradient(circle at 24% 18%,rgba(216,75,62,.18),transparent 30%),radial-gradient(circle at 82% 8%,rgba(78,143,103,.18),transparent 28%);box-shadow:0 24px 60px #43311821}.topbar{position:relative;z-index:3;display:flex;align-items:start;justify-content:space-between;gap:18px;padding:24px}.topbar h1{margin:6px 0 0;font-size:clamp(2.4rem,6vw,5.8rem);line-height:.9;letter-spacing:0}.icon-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(36,31,26,.12);border-radius:8px;background:#fffaf0b8;color:var(--muted)}.room{position:relative;display:grid;place-items:end center;overflow:hidden;padding:20px;background:linear-gradient(90deg,rgba(36,31,26,.055) 1px,transparent 1px) 0 0 / 54px 54px,linear-gradient(rgba(36,31,26,.045) 1px,transparent 1px) 0 0 / 54px 54px}.room:after{content:"";position:absolute;left:0;right:0;bottom:0;height:33%;background:linear-gradient(135deg,rgba(36,31,26,.08) 25%,transparent 25%) 0 0 / 42px 42px,linear-gradient(225deg,rgba(36,31,26,.06) 25%,transparent 25%) 0 0 / 42px 42px,var(--floor);border-top:1px solid rgba(93,75,51,.14)}.window-scene{position:absolute;top:8%;right:10%;width:min(28vw,260px);aspect-ratio:1.4;border:10px solid #72533f;background:linear-gradient(#93b8cf 0 63%,#6f9f69 63%);box-shadow:inset 0 0 0 5px #ffffff47}.window-scene:before,.window-scene:after{content:"";position:absolute;background:#72533f}.window-scene:before{left:50%;top:0;bottom:0;width:8px;transform:translate(-50%)}.window-scene:after{left:0;right:0;top:50%;height:8px;transform:translateY(-50%)}.window-scene span{position:absolute;top:20%;left:14%;width:34px;height:34px;border-radius:50%;background:#f3cc69}.pixel-pet{--fur: #f3d7a6;--fur-dark: #c08f62;--patch: #8d5f43;--eye: #221914;position:relative;z-index:2;width:220px;height:260px;image-rendering:pixelated;filter:drop-shadow(0 12px 0 rgba(36,31,26,.1))}.pixel-pet.calico{--fur: #f2c792;--fur-dark: #d17335;--patch: #2e2b2c}.pixel-pet.midnight{--fur: #3a3d48;--fur-dark: #252833;--patch: #d7c19b;--eye: #fff2a8}.pixel-pet.cocoa{--fur: #8a5a44;--fur-dark: #5d3a2d;--patch: #e3bf8f}.ear{position:absolute;top:8px;width:66px;height:72px;background:var(--fur-dark);clip-path:polygon(50% 0,100% 100%,0 100%)}.ear.left{left:34px;transform:rotate(-16deg)}.ear.right{right:34px;transform:rotate(16deg)}.pixel-pet.dog .ear{top:38px;width:54px;height:98px;border:8px solid var(--ink);border-top:0;border-radius:0 0 30px 30px;clip-path:none;background:var(--fur-dark)}.pixel-pet.dog .ear.left{left:10px;transform:rotate(14deg)}.pixel-pet.dog .ear.right{right:10px;transform:rotate(-14deg)}.head{position:absolute;top:44px;left:18px;width:184px;height:156px;border:8px solid var(--ink);border-radius:32px;background:var(--fur)}.patch{position:absolute;top:0;left:16px;width:64px;height:64px;background:var(--patch);border-radius:0 0 24px}.eye{position:absolute;top:70px;width:20px;height:28px;background:var(--eye);box-shadow:inset 5px 5px #ffffff73;transform:translate(var(--look-x, 0),var(--look-y, 0));transition:transform 90ms linear}.eye.left{left:48px}.eye.right{right:48px}.pixel-pet.sleepy .eye{height:6px;top:84px;box-shadow:none}.nose{position:absolute;left:50%;top:100px;width:14px;height:10px;background:#bc5b5b;transform:translate(-50%)}.mouth{position:absolute;left:50%;top:116px;width:30px;height:14px;border-bottom:5px solid var(--ink);border-radius:0 0 20px 20px;transform:translate(-50%)}.pixel-pet.hungry .mouth{width:16px;height:16px;border:4px solid var(--ink);border-radius:50%}.body{position:absolute;left:47px;bottom:16px;width:126px;height:102px;border:8px solid var(--ink);border-radius:36px 36px 26px 26px;background:var(--fur)}.belly{position:absolute;left:50%;bottom:16px;width:56px;height:46px;border-radius:50%;background:#fffaf073;transform:translate(-50%)}.paw{position:absolute;bottom:-8px;width:34px;height:24px;border:6px solid var(--ink);border-radius:16px;background:var(--fur-dark)}.paw.left{left:14px}.paw.right{right:14px}.tail{position:absolute;right:10px;bottom:34px;width:74px;height:34px;border:8px solid var(--ink);border-left:0;border-radius:0 26px 26px 0;background:var(--fur-dark);transform-origin:left center}.pixel-pet.dog .tail{right:18px;bottom:82px;width:34px;height:84px;border:8px solid var(--ink);border-bottom:0;border-radius:26px 26px 0 0;transform:rotate(26deg)}.pixel-pet.dog.hunting .tail,.pixel-pet.dog.playful .tail{animation:dog-wag .18s steps(2,end) infinite}.pixel-pet.purring .head:after,.pixel-pet.stretching .head:after,.pixel-pet.noting .head:after{position:absolute;top:-36px;left:50%;min-width:52px;padding:4px 8px;border:4px solid var(--ink);border-radius:8px;background:#fffaf0;color:var(--ink);font-size:.72rem;font-weight:900;text-align:center;transform:translate(-50%)}.pixel-pet.purring .head:after{content:"purr"}.pixel-pet.stretching .head:after{content:"stretch"}.pixel-pet.noting .head:after{content:"note"}.pixel-pet.typing .paw.left{animation:knead-left .36s steps(2,end) infinite}.pixel-pet.typing .paw.right{animation:knead-right .36s steps(2,end) infinite}.pixel-pet.hunting .tail{animation:tail-flick .22s steps(2,end) infinite}.pixel-pet.dragging{cursor:grabbing}.pixel-pet:not(.dragging){cursor:grab}@keyframes knead-left{50%{transform:translateY(-8px)}}@keyframes knead-right{50%{transform:translateY(8px)}}@keyframes tail-flick{50%{transform:rotate(8deg)}}@keyframes dog-wag{50%{transform:rotate(42deg)}}.floor-shadow{position:relative;z-index:1;width:270px;height:30px;margin-top:-8px;border-radius:50%;background:#241f1a24;filter:blur(2px)}.photo-token{position:absolute;left:24px;bottom:24px;z-index:3;width:72px;height:72px;margin:0;overflow:hidden;border:4px solid #fffaf0;border-radius:8px;box-shadow:0 10px 24px #241f1a2e}.photo-token img{width:100%;height:100%;object-fit:cover}.pet-message{position:relative;z-index:3;margin:0;padding:18px 24px 24px;color:#5a5045;font-size:1.05rem;font-weight:800}.pinned-note{position:absolute;top:22%;left:8%;z-index:4;max-width:220px;padding:12px 14px;border:4px solid var(--ink);border-radius:8px;background:#fff2a8;box-shadow:8px 8px #241f1a29;font-size:.95rem;font-weight:900}.care-panel{display:flex;flex-direction:column;justify-content:space-between;gap:22px;min-height:calc(100svh - 56px);padding:18px}.companion-card{display:grid;gap:14px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fffef8}.companion-card h2{margin:0;font-size:1.2rem;line-height:1.15;letter-spacing:0}.reaction-list{display:grid;gap:9px}.reaction-list span,.note-field span{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.86rem;font-weight:900}.status-grid{display:grid;gap:14px}.stat{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fffef8}.stat-label{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.88rem;font-weight:900}.stat strong{color:var(--ink);font-size:.92rem}.meter{grid-column:1 / -1;height:10px;overflow:hidden;border-radius:999px;background:#e7dfd2}.meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--blue));transition:width .28s ease}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.care-button{min-width:0;border:1px solid rgba(36,31,26,.1);background:#241f1a;color:#fffaf0;padding:14px;box-shadow:0 8px #241f1a1f}.care-button:nth-last-child(1){grid-column:1 / -1;background:var(--accent)}.note-field{display:grid;gap:8px}.note-field input{width:100%;border:1px solid var(--line);border-radius:8px;background:#fffef9;color:var(--ink);padding:12px 13px;outline:none}.note-field input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #d84b3e1f}.reminder-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;border:1px solid rgba(36,31,26,.1);border-radius:8px;background:#fffef8;color:var(--ink);font-weight:900}@media(max-width:860px){.app-shell{grid-template-columns:1fr;padding:14px}.setup-shell{align-items:start}.setup-copy h1{font-size:clamp(3.2rem,18vw,5.6rem)}.room-stage,.care-panel{min-height:auto}.room-stage{grid-template-rows:auto minmax(420px,62svh) auto}.care-panel{padding:14px}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.app-shell{gap:14px}.setup-panel{padding:14px}.photo-picker{min-height:220px}.avatar-picker{grid-template-columns:repeat(2,1fr)}.topbar{padding:18px}.room{padding:12px}.window-scene{right:18px;width:150px}.pixel-pet{width:174px;height:220px;transform-origin:bottom center}.head{left:4px;width:166px}.body{left:30px}.status-grid{grid-template-columns:1fr}}