:root{--ink:#2e3b34;--muted:#6f7c74;--paper:#f5f1e8;--cream:#ebe5d8;--sage:#78917d;--line:#dcd6ca;--white:#fffdf8;--shadow:0 24px 70px #30393121}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:ui-rounded,SF Pro Rounded,Segoe UI,system-ui,sans-serif}button,input{font:inherit}button{color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:#405c491f}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #557c61}.skip-link{z-index:100;color:var(--ink);background:#fff;border-radius:8px;padding:10px 14px;position:fixed;top:10px;left:16px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.loading{place-items:center;min-height:100vh;display:grid}.app-shell{background:radial-gradient(circle at 10% 30%,#ffffff80,transparent 25%),var(--paper);min-height:100vh}header{border-bottom:1px solid #5b675e21;justify-content:space-between;align-items:center;height:80px;padding:0 max(32px,50vw - 640px);display:flex}.brand{color:var(--ink);letter-spacing:-.5px;align-items:center;gap:11px;font-family:Georgia,serif;font-size:23px;font-weight:700;text-decoration:none;display:flex}.mini-mark{color:#fff;background:#405c49;border-radius:11px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 4px 12px #405c4930}.header-right{align-items:center;gap:20px;display:flex}.saved{color:#7d887f;align-items:center;gap:8px;font-size:12px;display:flex}.saved i{background:#79a581;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #79a58120}.icon-btn{border:1px solid var(--line);cursor:pointer;background:#ffffffa6;border-radius:12px;place-items:center;width:40px;height:40px;transition:transform .2s,background-color .2s,border-color .2s;display:grid}.icon-btn:hover{background:#fff;transform:translateY(-1px)}.workspace{grid-template-rows:auto 480px;grid-template-columns:minmax(0,1.55fr) minmax(330px,.7fr);gap:25px 28px;max-width:1280px;margin:auto;padding:54px 32px 66px;display:grid}.intro{grid-column:1/-1}.eyebrow{letter-spacing:2.1px;color:#718375;align-items:center;gap:7px;margin:0 0 14px;font-size:11px;font-weight:800;display:flex}.intro h1{text-wrap:balance;letter-spacing:-1.5px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:44px;font-weight:500;line-height:1.06}.lede{color:var(--muted);margin:13px 0 0;font-size:15px}.scene-card{background:linear-gradient(#e7ddcc 0 70%,#b98863 70% 73%,#d4ac86 73%);border:1px solid #d8d2c6;border-radius:28px;min-height:480px;position:relative;overflow:hidden;box-shadow:0 14px 35px #776b5b14}.window{background:#c8d5ce;border:8px solid #f7f1e7;border-radius:3px;width:31%;height:190px;position:absolute;top:38px;left:9%;overflow:hidden;box-shadow:0 2px #bdb4a8}.sky{background:linear-gradient(#bdd4d5,#dde2d3);position:absolute;inset:0}.sun{background:#f4d18d;border-radius:50%;width:44px;height:44px;position:absolute;top:21px;right:22px;box-shadow:0 0 25px #f9dda0}.cloud{background:#f7f5e9aa;border-radius:20px;width:54px;height:15px;position:absolute}.cloud:after,.cloud:before{content:"";background:inherit;border-radius:50%;position:absolute}.cloud:before{width:24px;height:24px;bottom:0;left:8px}.cloud:after{width:30px;height:30px;bottom:0;right:6px}.cloud.one{top:45px;left:15px}.cloud.two{top:98px;right:-15px;transform:scale(.75)}.frame-v,.frame-h{z-index:2;background:#f7f1e7;position:absolute}.frame-v{width:7px;height:100%;left:50%}.frame-h{width:100%;height:7px;top:58%}.plant{z-index:3;position:absolute;bottom:0;left:10px}.plant b{clip-path:polygon(5% 0,95% 0,80% 100%,20% 100%);background:#b16e51;width:43px;height:35px;display:block}.plant i{transform-origin:bottom;background:#758c70;border-radius:90% 5% 90% 10%;width:16px;height:50px;position:absolute;bottom:28px;left:21px;transform:rotate(-25deg)}.plant i:nth-child(2){height:58px;transform:rotate(25deg)}.plant i:nth-child(3){height:65px;transform:rotate(3deg)}.shelf{background:#92745b;border-radius:5px;width:20%;height:8px;position:absolute;top:130px;right:7%;box-shadow:0 5px #684c3c25}.shelf span{background:#a86d57;border-radius:3px;width:18px;height:52px;position:absolute;bottom:8px}.shelf span:first-child{left:20px}.shelf span:nth-child(2){background:#7f9686;height:43px;left:40px}.shelf span:nth-child(3){background:#d1ad6f;height:57px;left:62px}.status-pill{background:#fffaf2e8;border:1px solid #e1d8ca;border-radius:16px;align-items:center;gap:10px;padding:9px 13px;display:flex;position:absolute;top:248px;left:24px;box-shadow:0 6px 18px #5d4a3520}.status-face{color:#604c37;background:#e2c07b;border-radius:50%;place-items:center;width:29px;height:29px;font-size:19px;font-weight:700;display:grid}.status-pill div{flex-direction:column;display:flex}.status-pill small{letter-spacing:1.3px;color:#909287;font-size:8px;font-weight:800}.status-pill strong{margin-top:2px;font:600 13px Georgia,serif}.speech{z-index:6;color:#5d625d;background:#fffdf7;border:1px solid #ddd3c4;border-radius:14px 14px 14px 3px;max-width:190px;padding:10px 14px;font:italic 13px Georgia,serif;position:absolute;top:86px;right:25%;box-shadow:0 6px 18px #5f574a15}.desk{pointer-events:none;position:absolute;inset:0}.mug{background:#728c84;border-radius:4px 4px 12px 12px;width:45px;height:54px;position:absolute;bottom:104px;right:8%}.mug i{border:6px solid #728c84;border-left:0;border-radius:0 50% 50% 0;width:23px;height:27px;position:absolute;top:10px;right:-17px}.books{position:absolute;bottom:98px;left:9%}.books i{background:#b96350;border-radius:3px;width:95px;height:15px;margin-top:3px;display:block}.books i:nth-child(2){background:#687e68;width:115px}.companion-card{background:#fffdf8;border:1px solid #d8d3c8;border-radius:25px;padding:29px 28px;box-shadow:0 14px 35px #776b5b10}.companion-head{justify-content:space-between;align-items:center;display:flex}.companion-head p,.action-label,.drawer-head p{letter-spacing:1.6px;color:#899087;margin:0 0 6px;font-size:9px;font-weight:800}.companion-head h2{margin:0;font:500 27px Georgia,serif}.level{color:#66806e;background:#edf0e8;border-radius:100px;padding:7px 10px;font-size:10px}.meters{gap:18px;margin-top:28px;display:grid}.meter-copy{justify-content:space-between;margin-bottom:7px;font-size:12px;display:flex}.meter-copy span{color:#68746c;font-weight:600}.meter-copy strong{color:#8b918b;font-size:10px}.bar{background:#ecebe5;border-radius:20px;height:7px;overflow:hidden}.bar i{border-radius:20px;height:100%;transition:width .5s;display:block}.divider{background:#e7e3db;height:1px;margin:27px 0 23px}.actions{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.actions button{cursor:pointer;background:#fbf9f4;border:1px solid #dfdbd2;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:100px;transition:transform .2s,background-color .2s,border-color .2s;display:flex}.actions button:hover:not(:disabled){background:#f2ede3;border-color:#c7bfb1;transform:translateY(-2px)}.actions button:active:not(:disabled){transform:scale(.97)}.actions button:disabled{opacity:.45;cursor:not-allowed}.actions button span{color:#6f8975}.actions b{font-size:12px}.actions small{text-transform:uppercase;letter-spacing:.7px;color:#929890;font-size:8px}.hint{text-align:center;color:#9a9a91;margin:20px 0 0;font:italic 11px Georgia,serif}.pet-wrap{z-index:5;width:250px;height:250px;position:absolute;bottom:70px;left:54%;transform:translate(-50%)}.pet{cursor:pointer;filter:drop-shadow(0 12px 4px #4836281f);-webkit-tap-highlight-color:transparent;background:0 0;border:0;position:absolute;inset:0}.pet-body{background:var(--pet);z-index:2;border-radius:47% 47% 42% 42%;width:142px;height:153px;position:absolute;top:52px;left:54px;box-shadow:inset -12px -8px #00000009}.pet-ear{background:var(--pet);z-index:1;border-radius:12px 80% 12px 70%;width:61px;height:65px;position:absolute;top:26px}.pet-ear:after{content:"";background:#d77870aa;border-radius:8px 90% 8px 70%;position:absolute;inset:15px 12px 12px}.pet-ear.left{left:49px;transform:rotate(-12deg)}.pet-ear.right{right:49px;transform:scaleX(-1)rotate(-12deg)}.pet-face{height:55px;position:absolute;top:41px;left:22px;right:22px}.eye{background:#343933;border-radius:50%;width:11px;height:15px;animation:5s infinite blink;position:absolute;top:3px}.eye.left{left:20px}.eye.right{right:20px}.mouth{border-bottom:2px solid #4a443e;border-radius:0 0 50% 50%;width:18px;height:10px;position:absolute;top:29px;left:50%;transform:translate(-50%)}.mouth:before{content:"";background:#6d4a40;border-radius:50%;width:4px;height:3px;position:absolute;top:-2px;left:7px}.mouth.sad{border-top:2px solid #4a443e;border-bottom:0;border-radius:50% 50% 0 0;top:35px}.cheek{background:#e4777740;border-radius:50%;width:20px;height:8px;position:absolute;top:31px}.cheek.left{left:0}.cheek.right{right:0}.pet-belly{background:#f8dec18a;border-radius:50%;width:76px;height:66px;position:absolute;bottom:3px;left:33px}.pet-paw{background:var(--pet-dark);z-index:3;border-radius:50%;width:53px;height:34px;position:absolute;top:184px}.pet-paw.left{left:52px;transform:rotate(-8deg)}.pet-paw.right{right:52px;transform:rotate(8deg)}.pet-tail{border:18px solid var(--pet-dark);z-index:1;transform-origin:0;border-top:0;border-left:0;border-radius:0 0 70%;width:85px;height:42px;animation:3s ease-in-out infinite tail;position:absolute;top:157px;right:18px;transform:rotate(-13deg)}.pet-shadow{z-index:0;background:#76584433;border-radius:50%;width:180px;height:25px;position:absolute;top:204px;left:35px}.pet:hover .pet-body{transform:translateY(-2px)}.pet.doing-pet .pet-body{animation:.5s 2 happy}.pet.doing-feed .mouth{border:2px solid #4a443e;border-radius:50%;width:13px;height:13px}.pet.doing-play{animation:.55s 2 jump}.effect{z-index:9;pointer-events:none;position:absolute;inset:0}.effect span{opacity:0;color:#de716d;font-size:23px;position:absolute}.effect-pet span{animation:1.4s ease-out forwards floatHeart}.effect-pet span:first-child{top:72px;left:45px}.effect-pet span:nth-child(2){animation-delay:.2s;top:45px;right:42px}.effect-pet span:nth-child(3){animation-delay:.35s;top:10px;left:107px}.effect-feed span{color:#eab84f;animation:1s forwards pop}.effect-feed span:first-child{top:105px;left:43px}.effect-feed span:nth-child(2){animation-delay:.2s;top:76px;right:38px}.effect-feed span:nth-child(3){animation-delay:.4s;top:25px;left:120px}.effect-play span{color:#789679;animation:1.2s forwards orbit}.effect-play span:first-child{top:130px;left:28px}.effect-play span:nth-child(2){top:90px;right:25px}.effect-play span:nth-child(3){top:12px;left:110px}footer{color:#91958f;border-top:1px solid #ded8cd;justify-content:center;align-items:center;gap:18px;height:64px;font:italic 11px Georgia,serif;display:flex}.footer-dot{color:#a8ad9f;font-size:5px}.modal-layer,.drawer-layer{overscroll-behavior:contain;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#29342f99;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.welcome-card{width:min(820px,95vw);min-height:550px;box-shadow:var(--shadow);background:#fffdf8;border-radius:28px;grid-template-columns:.9fr 1.1fr;display:grid;overflow:hidden}.welcome-art{background:linear-gradient(150deg,#d7e1d7,#b6c9b8);position:relative;overflow:hidden}.welcome-art .pet-wrap{top:53%;bottom:auto;left:50%;transform:translate(-50%,-50%)scale(1.15)}.orb{background:#edf1e5aa;border-radius:50%;position:absolute}.orb.one{width:260px;height:260px;top:-65px;left:-90px}.orb.two{width:190px;height:190px;bottom:-20px;right:-80px}.welcome-copy{padding:52px 58px}.welcome-copy h2{text-wrap:balance;letter-spacing:-.6px;margin:0 0 13px;font:500 37px/1.1 Georgia,serif}.welcome-copy>p:not(.eyebrow){color:#7c847d;margin-bottom:27px;font-size:13px;line-height:1.6}.welcome-copy label,.drawer>label{margin-bottom:8px;font-size:11px;font-weight:700;display:block}.welcome-copy input,.drawer input{width:100%;height:47px;color:var(--ink);background:#faf8f2;border:1px solid #d9d5cc;border-radius:11px;padding:0 14px}fieldset{border:0;margin:22px 0;padding:0}legend{margin-bottom:10px;font-size:11px;font-weight:700}.swatches{gap:11px;display:flex}.swatches button{cursor:pointer;color:#fff;border:3px solid #fff;border-radius:50%;width:36px;height:36px;font-size:16px;box-shadow:0 0 0 1px #cfc9be}.swatches button[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink)}.primary{color:#fff;cursor:pointer;background:#405c49;border:0;border-radius:12px;width:100%;height:49px;font-size:12px;font-weight:700;box-shadow:0 5px 15px #405c4930}.primary:hover{background:#344d3c}.primary:disabled{opacity:.5;cursor:not-allowed}.primary span{margin-left:8px}.welcome-copy>small{text-align:center;color:#9a9d97;margin-top:12px;font-size:9px;display:block}.drawer-layer{background:#29342f55;place-items:stretch end;padding:0}.drawer{background:#fffdf8;width:min(430px,100vw);height:100%;padding:31px 34px;animation:.25s slide;overflow:auto;box-shadow:-20px 0 70px #2b352d25}.drawer-head{justify-content:space-between;align-items:center;display:flex}.drawer-head h2{margin:0;font:500 25px Georgia,serif}.preview{background:linear-gradient(#e8e1d4,#dcd0bd);border-radius:18px;height:188px;margin:25px 0;position:relative;overflow:hidden}.preview .pet-wrap{top:55%;bottom:auto;left:50%;transform:translate(-50%,-50%)scale(.68)}.drawer .count{text-align:right;color:#9ba099;margin:5px 2px 0;font-size:9px}.color-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.color-options button{text-align:left;cursor:pointer;background:#faf8f2;border:1px solid #ddd8ce;border-radius:10px;align-items:center;gap:9px;height:44px;padding:0 10px;font-size:11px;display:flex}.color-options button.selected{background:#f0f3ed;border-color:#6e8874}.color-options button i{border-radius:50%;width:20px;height:20px}.color-options button span{margin-left:auto}.reset-btn{color:#a45c54;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin:17px auto 0;font-size:11px;display:flex}.top{z-index:30}.confirm{text-align:center;width:min(420px,95vw);box-shadow:var(--shadow);background:#fffdf8;border-radius:22px;padding:34px}.confirm-icon{color:#a3564e;background:#f4e1de;border-radius:50%;place-items:center;width:45px;height:45px;margin:auto;display:grid}.confirm h2{margin:15px 0 7px;font:500 25px Georgia,serif}.confirm p{color:#7e857e;font-size:12px;line-height:1.6}.confirm div{grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;display:grid}.confirm button{cursor:pointer;background:#fff;border:1px solid #ddd7cd;border-radius:10px;height:43px;font-size:11px;font-weight:700}.confirm .danger{color:#fff;background:#a8584f;border-color:#a8584f}@keyframes blink{0%,46%,50%,to{transform:scaleY(1)}48%{transform:scaleY(.08)}}@keyframes tail{0%,to{transform:rotate(-13deg)}50%{transform:rotate(3deg)}}@keyframes happy{50%{transform:translateY(-8px)scale(1.02)}}@keyframes jump{50%{transform:translateY(-25px)rotate(3deg)}}@keyframes floatHeart{0%{opacity:0;transform:translateY(10px)scale(.5)}30%{opacity:1}to{opacity:0;transform:translateY(-60px)scale(1.2)rotate(10deg)}}@keyframes pop{0%{opacity:0;transform:scale(0)}40%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:scale(.5)rotate(90deg)}}@keyframes orbit{0%{opacity:0;transform:translate(0)}30%{opacity:1}to{opacity:0;transform:translate(50px,-40px)}}@keyframes slide{0%{transform:translate(100%)}to{transform:none}}@media (max-width:900px){.workspace{grid-template-rows:auto 460px auto;grid-template-columns:1fr}.intro{grid-column:1}.companion-card{min-height:auto}.welcome-card{grid-template-columns:1fr;max-width:500px;max-height:94vh;overflow:auto}.welcome-art{height:210px}.welcome-art .pet-wrap{transform:translate(-50%,-50%)scale(.78)}.welcome-copy{padding:35px 42px}.welcome-copy h2{text-wrap:balance;font-size:31px}}@media (max-width:600px){header{height:66px;padding:0 18px}.saved{display:none}.workspace{grid-template-rows:auto 410px auto;gap:20px;padding:34px 16px 45px}.intro h1{text-wrap:balance;font-size:36px}.intro h1 br{display:none}.scene-card{border-radius:20px;min-height:410px}.window{width:42%;height:155px;top:26px;left:5%}.shelf{display:none}.speech{top:68px;right:10px}.status-pill{transform-origin:0;top:202px;left:12px;transform:scale(.9)}.pet-wrap{bottom:37px;left:59%;transform:translate(-50%)scale(.82)}.books{display:none}.mug{bottom:82px;right:5%}.companion-card{padding:25px 20px}.actions button{min-height:92px}.welcome-art{height:170px}.welcome-copy{padding:28px 25px}.welcome-copy>p:not(.eyebrow){margin-bottom:20px}.welcome-copy h2{text-wrap:balance;font-size:29px}.drawer{padding:25px 20px}footer{text-align:center;padding:0 24px}.footer-dot,footer span:last-child{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}