:root{font-family:Inter,ui-rounded,"SF Pro Rounded",system-ui,sans-serif;color:#372d4d;background:#eee8ff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 5%,#fff 0,#f6f1ff 30%,#e8ddff 100%);padding:24px}.app-shell{width:min(100%,520px);margin:auto}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}h1,h2,p{margin:0}h1{font-size:28px;letter-spacing:-1px}.eyebrow{color:#8b5cf6;font-weight:900;font-size:10px;letter-spacing:1.8px}.header-actions{display:flex;gap:8px}.icon-btn,.text-btn{border:0;background:#fff;color:#5d4a7d;cursor:pointer}.icon-btn{width:42px;height:42px;border-radius:14px;box-shadow:0 5px 18px #7654b326;font-size:18px}.room{height:310px;position:relative;overflow:hidden;border-radius:30px;background:linear-gradient(#dcd0ff 0 68%,#c9b1ee 68%);box-shadow:0 18px 45px #7856a42b;border:1px solid #ffffffaa}.room:after{content:"";position:absolute;left:0;right:0;top:67%;border-top:3px solid #b99bdc}.window{position:absolute;left:32px;top:31px;width:96px;height:95px;border:10px solid #fff5;border-radius:48px 48px 18px 18px;background:linear-gradient(#8a74cb,#c7b7f3);box-shadow:inset 0 0 0 2px #735db8}.window span{position:absolute;left:37px;top:0;height:75px;border-left:2px solid #ffffff55}.window i{position:absolute;color:#fff;font-size:11px;font-style:normal}.window i:nth-of-type(1){top:18px;left:16px}.window i:nth-of-type(2){top:43px;right:13px}.shelf{position:absolute;right:28px;top:77px;width:105px;border-bottom:8px solid #9b73bd;text-align:center;font-size:25px;letter-spacing:8px;padding-bottom:4px}.rug{position:absolute;bottom:-27px;left:50%;translate:-50%;width:330px;height:104px;border-radius:50%;background:#b798df;box-shadow:inset 0 0 0 10px #cbb3eb}.pet{position:absolute;z-index:3;left:50%;bottom:39px;translate:-50%;width:178px;height:166px;border:0;cursor:pointer;border-radius:48% 52% 43% 45%/56% 58% 38% 40%;background:radial-gradient(circle at 38% 23%,#cbb6ff 0 13%,#a879eb 48%,#8758cb 100%);box-shadow:inset -15px -14px 25px #7042ae55,inset 14px 14px 25px #eee6ff50,0 19px 26px #57338942;animation:breathe 3.2s ease-in-out infinite;transition:.25s}.pet:hover{filter:brightness(1.04)}.pet.bounce{animation:squish .62s ease}.pet.sleeping{filter:saturate(.75);transform:scaleY(.91);transform-origin:bottom}.shine{position:absolute;left:34px;top:29px;width:29px;height:18px;border-radius:50%;background:#fff6;rotate:-25deg}.eye{position:absolute;top:69px;width:14px;height:20px;border-radius:50%;background:#392b4d;box-shadow:inset 3px 3px #fff8}.eye.left{left:52px}.eye.right{right:52px}.mouth{position:absolute;left:78px;top:102px;width:24px;height:14px;border-bottom:5px solid #463353;border-radius:50%}.cheek{position:absolute;top:96px;width:23px;height:10px;border-radius:50%;background:#ef8dca88}.cheek.left{left:30px}.cheek.right{right:30px}.speech-bubble{position:absolute;z-index:5;right:19px;top:16px;max-width:230px;padding:10px 13px;border-radius:16px 16px 3px 16px;background:#fff;color:#534069;box-shadow:0 7px 18px #6944972b;font-size:13px;font-weight:650;opacity:0;transform:translateY(-5px);transition:.2s}.speech-bubble.show{opacity:1;transform:none}.particle{position:absolute;z-index:8;font-size:22px;animation:floatUp 1.1s ease-out forwards}.status-card,.chat-card{background:#fff;border:1px solid #ffffff;margin-top:14px;padding:17px;border-radius:22px;box-shadow:0 10px 28px #6b509c1c}.pet-title,.chat-heading,.chat-heading>div{display:flex;align-items:center}.pet-title{justify-content:space-between;margin-bottom:13px}.pet-title h2{font-size:21px}.pet-title p,.chat-heading small,.privacy-note{font-size:11px;color:#897d9a}.coins{background:#fff4c9;padding:8px 11px;border-radius:13px;color:#73531a}.meters{display:grid;grid-template-columns:1fr 1fr;gap:12px}.meters label{font-size:11px;font-weight:800}.meters label span{float:right;color:#88799e}progress{display:block;width:100%;height:8px;margin-top:6px;border:0;border-radius:9px;overflow:hidden}progress::-webkit-progress-bar{background:#eee9f3}progress::-webkit-progress-value{background:linear-gradient(90deg,#a878ee,#7550c6);border-radius:9px}.care-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:14px 0}.care-actions button{border:0;background:#fff;padding:12px 5px;border-radius:16px;color:#5c4a71;font-weight:800;box-shadow:0 7px 20px #6f52971c;cursor:pointer}.care-actions button:hover{transform:translateY(-2px)}.care-actions span{display:block;font-size:24px;margin-bottom:3px}.chat-heading{justify-content:space-between}.chat-heading>div{gap:7px;flex-wrap:wrap}.chat-heading small{width:100%;margin-left:17px}.online-dot{width:10px;height:10px;background:#5dcc91;border-radius:50%;box-shadow:0 0 0 3px #dff7ea}.text-btn{font-weight:700}.messages{height:142px;overflow:auto;margin:12px 0;display:flex;flex-direction:column;gap:8px}.message{max-width:82%;padding:9px 11px;border-radius:14px;font-size:13px;line-height:1.35}.message.buddy{background:#f1eaff;align-self:flex-start;border-bottom-left-radius:3px}.message.user{background:#875bd2;color:#fff;align-self:flex-end;border-bottom-right-radius:3px}.message.error{background:#fff0f0;color:#9f3939}#chatForm{display:flex;gap:8px}input,select{width:100%;border:1px solid #ddd3e8;background:#fbf9ff;border-radius:12px;padding:11px;color:#40334f;font:inherit}#chatForm button,.primary-btn{border:0;background:#8254d1;color:#fff;border-radius:12px;padding:0 18px;font-weight:800;cursor:pointer}.privacy-note{margin-top:8px}dialog{border:0;padding:0;border-radius:25px;width:min(92vw,480px);box-shadow:0 30px 80px #33204f66}dialog::backdrop{background:#36254d99;backdrop-filter:blur(3px)}.settings-panel{padding:22px;display:grid;gap:14px}.modal-head{display:flex;justify-content:space-between;align-items:start}.settings-panel>label,.range-row label{font-size:12px;font-weight:850;display:grid;gap:6px}.settings-panel #providerFields{display:grid;gap:12px}.security-callout{background:#fff6da;border:1px solid #f0d989;padding:12px;border-radius:13px;font-size:12px}.security-callout p{margin-top:5px;line-height:1.4}.toggle{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.toggle input{width:auto}.range-row{display:flex;align-items:end;gap:10px}.range-row label{flex:1}.primary-btn{padding:13px}.settings-panel details{font-size:12px;color:#685b77}.settings-panel details p{margin-top:8px;line-height:1.45}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes breathe{50%{transform:translateY(-5px) scale(1.015)}}@keyframes squish{0%,100%{transform:none}35%{transform:translateY(10px) scale(1.1,.85)}65%{transform:translateY(-12px) scale(.94,1.08)}}@keyframes floatUp{to{translate:0 -75px;opacity:0;rotate:15deg}}@media(max-width:500px){body{padding:12px}.room{height:290px}.meters{grid-template-columns:1fr}.care-actions button{font-size:11px}}
:where([hidden]){display:none!important}
html.walk-mode{background:transparent}
html.pet-only-mode{background:transparent}.icon-btn.active{background:#6650a3;color:#fff}.label-with-info{display:flex;align-items:center;gap:7px}.info-btn{display:inline-grid;place-items:center;width:19px;height:19px;padding:0;border:1px solid #9b7dd1;border-radius:50%;background:#f5efff;color:#6f4eb0;font-size:11px;font-weight:900;cursor:pointer}.info-panel{background:#f3edff;border:1px solid #d9cbed;border-radius:13px;padding:11px 12px;color:#554568;font-size:12px;line-height:1.45}.info-panel p{margin-top:4px}.info-panel code{background:#fff;padding:1px 4px;border-radius:4px}body.pet-only-mode{margin:0;padding:0;background:transparent;overflow:hidden}body.pet-only-mode .app-shell{width:100vw;height:100vh;margin:0}body.pet-only-mode header,body.pet-only-mode .window,body.pet-only-mode .shelf,body.pet-only-mode .rug,body.pet-only-mode .speech-bubble,body.pet-only-mode .provider-dock,body.pet-only-mode .status-card,body.pet-only-mode .care-actions,body.pet-only-mode .chat-card{display:none!important}body.pet-only-mode .room{width:100vw;height:100vh;border:0;border-radius:0;background:transparent;box-shadow:none}body.pet-only-mode .room:after{display:none}body.pet-only-mode .dog-pet{bottom:8px;left:50%}body.pet-only-mode .dog-sprite{transform:scale(.9)}
.dog-pet{background:none!important;box-shadow:none!important;border-radius:0!important;width:192px!important;height:208px!important;overflow:visible}.dog-sprite{position:absolute;inset:0;width:192px;height:208px;background:url('assets/poppy-spritesheet.png') 0 0/1536px 2288px no-repeat;transform:scale(.86);transform-origin:center bottom;filter:drop-shadow(0 12px 10px #50357038);image-rendering:auto}.dog-pet:hover{filter:brightness(1.04)}body.mini .dog-pet{width:192px!important;height:208px!important;bottom:22px;transform:none}body.mini .dog-sprite{transform:scale(.72)}body.walk-mode{padding:0;background:transparent;overflow:hidden}body.walk-mode .app-shell{width:100vw;height:100vh;margin:0}body.walk-mode header,body.walk-mode .window,body.walk-mode .shelf,body.walk-mode .rug,body.walk-mode .speech-bubble,body.walk-mode .provider-dock,body.walk-mode .status-card,body.walk-mode .care-actions,body.walk-mode .chat-card{display:none!important}body.walk-mode .room{width:100vw;height:100vh;border:0;border-radius:0;background:transparent;box-shadow:none}body.walk-mode .room:after{display:none}body.walk-mode .dog-pet{left:0;bottom:4px;translate:none}.screen-walker{animation:crossDesktop 12s linear infinite}.screen-walker.walk-back{animation-direction:reverse}@keyframes crossDesktop{from{left:-190px}to{left:calc(100vw + 5px)}}
.provider-dock{position:absolute;z-index:9;right:12px;bottom:17px;display:flex;flex-direction:column;gap:6px}.provider-dock button{width:58px;border:1px solid #ffffff88;background:#ffffffdd;border-radius:13px;padding:6px 3px;color:#5c4972;font-weight:900;cursor:pointer;box-shadow:0 5px 14px #593a852c}.provider-dock button.active{background:#5f3ea2;color:#fff;border-color:#5f3ea2}.provider-dock small{display:block;font-size:8px;margin-top:1px}.provider-mark{display:grid;place-items:center;margin:auto;width:25px;height:25px;border-radius:9px;color:#fff;font-size:10px}.openai-mark{background:#161616;font-size:20px}.claude-mark{background:#d77858}.local-mark{background:#875bd2}.mini-only{display:none}body.mini{padding:8px;background:transparent}body.mini .app-shell{width:100%;height:100vh}body.mini header{margin:0 4px 6px}body.mini header h1{font-size:18px}body.mini .eyebrow,body.mini #settingsBtn,body.mini #popoutBtn,body.mini .status-card,body.mini .privacy-note{display:none}body.mini .room{height:270px;border-radius:23px}body.mini .window,body.mini .shelf{opacity:.45}body.mini .pet{width:148px;height:140px;bottom:42px}body.mini .eye{top:59px}body.mini .eye.left{left:43px}body.mini .eye.right{right:43px}body.mini .mouth{left:63px;top:87px}body.mini .cheek{top:82px}body.mini .provider-dock{right:8px;bottom:10px}body.mini .care-actions{margin:7px 0;gap:5px}body.mini .care-actions button{padding:7px 2px;border-radius:11px}body.mini .care-actions span{font-size:18px;margin:0}body.mini .chat-card{margin-top:7px;padding:10px;border-radius:15px}body.mini .messages{height:64px;margin:6px 0}body.mini #chatForm input{padding:8px;font-size:12px}body.mini #chatForm button{padding:0 13px}body.mini .chat-heading small{display:none}body.mini .message{padding:6px 8px;font-size:11px}body.mini .speech-bubble{max-width:190px;font-size:11px}
body.mini #petOnlyBtn,body.mini #walkoutBtn{display:none}
.secondary-btn{border:1px solid #ccb9e8;background:#f6f0ff;color:#654d84;border-radius:12px;padding:11px;font-weight:800;cursor:pointer}.secondary-btn:hover{background:#eee5fb}
.desktop-popout-card{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 0;padding:14px 15px;border:1px solid #daccef;border-radius:18px;background:linear-gradient(135deg,#fff,#f1e9ff);box-shadow:0 8px 22px #65489119}.desktop-popout-card div{display:grid;gap:3px}.desktop-popout-card strong{font-size:14px}.desktop-popout-card small{font-size:11px;color:#81758f;line-height:1.35}.desktop-popout-card button{flex:0 0 auto;border:0;border-radius:13px;background:#7b50c5;color:#fff;padding:11px 13px;font-weight:850;cursor:pointer}.desktop-popout-card button.active{background:#5f497b}.desktop-popout-card button:hover{filter:brightness(1.06)}body.mini .desktop-popout-card,body.pet-only-mode .desktop-popout-card,body.walk-mode .desktop-popout-card{display:none!important}
.overlay-controls{display:none}body.pet-only-mode .overlay-controls{position:absolute;z-index:20;top:10px;left:50%;translate:-50%;display:flex;align-items:center;gap:4px;padding:4px 5px;border:1px solid #ffffffaa;border-radius:14px;background:#ffffffc9;box-shadow:0 4px 14px #39235b24;opacity:.38;transition:opacity .18s}body.pet-only-mode .overlay-controls:hover{opacity:1}.drag-handle{display:grid;place-items:center;width:28px;height:26px;color:#725a91;cursor:grab;-webkit-app-region:drag;user-select:none}.drag-handle:active{cursor:grabbing}.overlay-controls button{width:28px;height:26px;border:0;border-radius:9px;background:transparent;color:#624d7c;font-weight:900;cursor:pointer;-webkit-app-region:no-drag}.overlay-controls button:hover{background:#eee6fb}body.pet-only-mode .dog-pet{-webkit-app-region:no-drag}