:root{--orange: #ff914d;--orange-dark: #e97a33;--peach: #ffe0c2;--cream: #fff7ed;--card: #fffdf9;--ink: #3b2f2a;--muted: #8a7a70;--line: #f0e3d2;--green: #8fd08b;--blue: #7ab6ff;--pink: #ee6a8f;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{-webkit-text-size-adjust:100%;overscroll-behavior:none;word-break:keep-all;overflow-wrap:break-word;background:#f6e9d8;color:var(--ink);font-family:Pretendard Variable,Pretendard,system-ui,-apple-system,Apple SD Gothic Neo,sans-serif;line-height:1.5}button,input{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}a,.pull,.chip{-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:3px solid var(--orange);outline-offset:2px}h1,h2,h3{font-weight:700;text-wrap:balance}p,li,small{text-wrap:pretty}button,.chip,.stat dt{white-space:nowrap}.sprite-img{background:linear-gradient(100deg,var(--line) 30%,#faf0e2 50%,var(--line) 70%);background-size:200% 100%;opacity:0;animation:sprite-shimmer 1.4s ease-in-out infinite;transition:opacity .28s ease-out}.sprite-img.is-loaded{opacity:1;background:none;animation:none}@keyframes sprite-shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.sprite-img{animation:none;transition:none}}*{scrollbar-width:thin;scrollbar-color:#f3b98a transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#f3b98a;border-radius:999px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--orange);background-clip:content-box}::-webkit-scrollbar-corner{background:transparent}html::-webkit-scrollbar-track{background:#f4d6b4}#root{height:100dvh}.backdrop{position:relative;display:flex;align-items:center;justify-content:center;gap:64px;height:100dvh;overflow:hidden;background:radial-gradient(circle at 12% 18%,rgba(255,190,130,.55),transparent 42%),radial-gradient(circle at 88% 82%,rgba(150,205,255,.5),transparent 45%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg fill='%23c98a55' fill-opacity='0.13'%3E%3Cellipse cx='30' cy='38' rx='7' ry='5.5'/%3E%3Ccircle cx='21' cy='30' r='2.6'/%3E%3Ccircle cx='27' cy='25' r='2.6'/%3E%3Ccircle cx='34' cy='25' r='2.6'/%3E%3Ccircle cx='40' cy='30' r='2.6'/%3E%3Cellipse cx='92' cy='92' rx='7' ry='5.5'/%3E%3Ccircle cx='83' cy='84' r='2.6'/%3E%3Ccircle cx='89' cy='79' r='2.6'/%3E%3Ccircle cx='96' cy='79' r='2.6'/%3E%3Ccircle cx='102' cy='84' r='2.6'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(160deg,#fff3e2,#f4d6b4)}.backdrop__ground,.backdrop__side{display:none}.phone{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;max-width:430px;height:var(--vvh, 100dvh);transform:translateY(var(--vv-top, 0px));margin:0 auto;background:var(--cream);overflow:hidden}@media(min-width:431px){.phone{max-width:500px;box-shadow:0 0 0 1px #965a1e1f,0 12px 40px #5a320a2e}}@media(min-width:1024px)and (hover:hover)and (pointer:fine){.backdrop{padding:16px 16px calc(4.6vw + 10px)}.backdrop__ground{position:absolute;left:0;right:0;bottom:0;height:4.6vw;display:flex;align-items:flex-end;justify-content:center;gap:460px;padding-bottom:1.2vw;background:url(/backgrounds/grass.webp) center -17.6vw / 100% auto no-repeat}.backdrop__group{flex:1;display:flex;align-items:flex-end;justify-content:space-evenly;min-width:0}.backdrop__ground img{height:56px;width:auto}.phone{flex:none;margin:0;width:410px;height:864px;max-width:none;border:10px solid #2b211c;border-radius:48px;box-shadow:0 0 0 2px #5a4a40,0 40px 70px #5a320a59,inset 0 0 0 2px #ffffff14}}@media(min-width:1100px)and (hover:hover)and (pointer:fine){.backdrop__side{display:block;width:250px;position:relative;z-index:1}.backdrop__side--left{text-align:right}.backdrop__side h2{font-family:"Jua",inherit;font-weight:400;font-size:2rem;line-height:1.25;margin:6px 0 12px}.backdrop__side p{color:var(--muted)}.backdrop__eyebrow{font-size:.75rem;letter-spacing:.2em;font-weight:700;color:var(--orange-dark)!important}}.screen{flex:1;min-height:0;display:flex;flex-direction:column;padding:max(12px,env(safe-area-inset-top)) 16px 0;overflow-y:auto}.topbar{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;text-align:center;margin-bottom:4px}.topbar h1{font-family:"Jua",inherit;font-size:1.25rem;font-weight:400}.icon-btn{display:grid;place-items:center;overflow:hidden;width:44px;height:44px;border-radius:50%;font-size:1.2rem;background:var(--card);border:1px solid var(--line)}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;border-radius:16px;font-weight:700;font-size:1.05rem}.btn svg path{stroke:var(--orange)}.btn--primary{background:var(--orange);color:#fff;box-shadow:0 4px 0 var(--orange-dark)}.btn--primary:active{transform:translateY(2px);box-shadow:0 2px 0 var(--orange-dark)}.phone--scene{background:#f1dcc0 url(/backgrounds/main.webp) center / cover no-repeat}.start{position:relative;align-items:center;text-align:center;padding:max(46px,calc(env(safe-area-inset-top) + 14px)) 24px max(34px,calc(env(safe-area-inset-bottom) + 22px));background:none;overflow:hidden}.start>*{position:relative}.start>.start__sky{position:absolute}.start__sky{top:0;right:0;bottom:0;left:0;pointer-events:none}.floater{position:absolute;height:auto;animation:bob 2.4s ease-in-out infinite}.title-board{position:relative;width:min(300px,86vw);aspect-ratio:384 / 147;background:url(/sprites/ui-board.png) center / 100% 100% no-repeat;display:grid;grid-template-rows:26% 1fr;justify-items:center;padding:0 20px 12px;animation:sign 3.6s ease-in-out infinite;transform-origin:top center}.title-board__eyebrow{align-self:center;font-size:.68rem;font-weight:700;letter-spacing:.28em;color:#f6dcc0}.title-board h1{align-self:center;font-family:"Jua",inherit;font-weight:400;font-size:clamp(1.5rem,7.2vw,2.05rem);line-height:1;color:var(--ink);padding-right:14px;white-space:nowrap}.hero-cat{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:107px;z-index:0}.hero-cat .pull>img{display:block;width:100%;height:auto}.start__note{--w: min(216px, 62vw);margin-top:10px;width:var(--w);height:calc(var(--w) * 146 / 217);padding:calc(var(--w) * 146 / 217 * .076) calc(var(--w) * .03) 0;background:url(/sprites/ui-note.png) center / 100% 100% no-repeat;display:grid;place-items:center;text-align:center;font-size:clamp(.72rem,3.7vw,.86rem);font-weight:600;line-height:1.55;white-space:nowrap;color:var(--ink);filter:drop-shadow(0 4px 6px rgba(90,50,10,.25))}.start>.img-btn{margin-top:auto}.select{gap:8px}.select__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pick{position:relative;display:grid;justify-items:center;gap:3px;padding:6px 4px 4px;border-radius:20px;border:2px solid transparent;transition:background .15s,border-color .15s}.pick__circle{position:relative;display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--card);border:2px solid var(--line)}.pick__name{font-weight:600;color:var(--muted)}.pick.is-active{background:var(--peach);border-color:var(--orange)}.pick.is-active .pick__circle{border-color:var(--orange);background:#fff}.pick.is-active .pick__name{color:var(--orange-dark);font-weight:700}.pick__check{position:absolute;top:-4px;right:-4px;color:var(--orange);background:#fff;border-radius:50%;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}.select__footer{margin-top:auto;padding:4px 0 max(18px,env(safe-area-inset-bottom));display:grid;gap:10px}.hint{text-align:center;font-size:.85rem;color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:10px 12px}.card h3{font-size:1rem;margin-bottom:2px}.card__desc{color:var(--muted);font-size:.9rem;margin-bottom:6px}.card ul{padding-left:1.2em;font-size:.9rem;display:grid;gap:2px}.name-field{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 14px;border-radius:16px;background:var(--card);border:2px solid var(--peach)}.name-field span{font-weight:700}.name-field input{min-width:0;padding:6px 0;border:0;background:transparent;font-size:1.05rem}.name-field input:focus-visible{outline:none}.name-field:focus-within{border-color:var(--orange)}.name-field small{color:var(--muted);font-size:.8rem}.play{padding:max(12px,env(safe-area-inset-top)) 0 0;overflow:hidden}.play .topbar{padding:0 16px}.status{display:flex;gap:12px;align-items:center;margin:0 16px 8px;padding:10px 12px;border-radius:20px;background:var(--card);border:2px solid var(--peach)}.status__stage{position:relative;flex:none;display:grid;place-items:center;width:108px;height:108px}.status__cat{display:grid;place-items:center}.status__bubble{position:absolute;top:-8px;right:-2px;width:38px;height:auto}.status__info{flex:1;min-width:0}.status__info h2{font-size:1.05rem}.status__info small{display:block;font-weight:400;color:var(--muted);font-size:.8rem}.stats{display:grid;gap:4px;margin-top:6px}.stat dt{display:flex;align-items:center;gap:4px}.stat{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:6px;font-size:.78rem}.stat dd{margin:0}.stat__track{height:10px;border-radius:999px;background:var(--line);overflow:hidden}.stat__fill{height:100%;border-radius:999px;transition:width .5s}.stat__fill--satiety{background:var(--orange)}.stat__fill--energy{background:var(--blue)}.stat__fill--affection{background:var(--pink)}@media(max-width:1023px)or (hover:none)or (pointer:coarse){.status{padding:8px 12px;gap:10px}.status__stage{width:84px;height:84px}.status__cat img{width:80px;height:80px}.stats{gap:2px;margin-top:4px}.stat__track{height:8px}}.thread{flex:1;min-height:0;overflow-y:auto;padding:26px 16px 36px;display:flex;flex-direction:column;gap:10px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 30px);mask-image:linear-gradient(to bottom,transparent 0,#000 30px)}.thread__virtual{flex-shrink:0}.thread__turn{display:flex;flex-direction:column;gap:10px}.msg{display:flex;gap:8px;align-items:flex-end}.msg--me{justify-content:flex-end}.msg__avatar{flex:none;width:42px;height:42px}.bubble{max-width:78%;padding:10px 14px;border-radius:18px;font-size:.95rem;word-break:keep-all;overflow-wrap:anywhere}.bubble--me{background:var(--orange);color:#fff;border-bottom-right-radius:4px}.bubble--cat{background:var(--card);border:2px solid var(--peach);border-bottom-left-radius:4px}.bubble__sound{font-size:1.15rem;font-weight:700}.bubble__narration{margin-top:4px;font-size:.8rem;color:var(--muted)}.bubble__narration strong{color:var(--orange-dark)}.typing{display:flex;gap:4px;padding:14px}.typing i{width:7px;height:7px;border-radius:50%;background:var(--orange);animation:blink 1s infinite}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}.composer{padding:10px 12px 22px;background:var(--cream);border-top:1px solid var(--line)}.chips{overflow:hidden;padding-bottom:14px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.chips__track{display:flex;width:max-content;animation:marquee 34s linear infinite}.chips__set{display:flex;gap:6px;padding-right:6px}@media(hover:hover)and (pointer:fine){.chips:hover .chips__track{animation-play-state:paused}}.chips:focus-within .chips__track{animation-play-state:paused}.chip{flex:none;min-height:36px;padding:6px 14px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-size:.82rem}.composer__form{display:flex;gap:8px}.composer__form input{flex:1;min-width:0;padding:11px 16px;border-radius:999px;border:2px solid var(--peach);background:#fff}.dchart{margin-top:8px;padding-top:8px;border-top:1px dashed var(--peach);font-size:.78rem}.dchart figcaption{color:var(--muted);margin-bottom:6px}.dchart__bars{list-style:none;display:grid;gap:4px}.dchart__bars li{display:grid;grid-template-columns:92px 1fr 40px;gap:6px;align-items:center}.dchart__track{height:8px;border-radius:999px;background:var(--line);overflow:hidden}.dchart__fill{display:block;height:100%;min-width:2px;border-radius:999px;background:#d9c9b8;transform-origin:left;animation:grow .6s ease-out}.dchart__bars .is-chosen{font-weight:700;color:var(--orange-dark)}.dchart__bars .is-chosen .dchart__fill{background:var(--orange)}.dchart__value{text-align:right;white-space:nowrap}.dchart__rings{display:flex;gap:16px;margin-top:8px}.ring{display:grid;justify-items:center;gap:2px;color:var(--muted)}.ring__track{fill:none;stroke:var(--line);stroke-width:6}.ring__value{fill:none;stroke:var(--blue);stroke-width:6;stroke-linecap:round}.ring__text{font-size:13px;font-weight:700;fill:var(--ink)}.dchart__skeleton{display:grid;gap:6px;margin-top:6px}.dchart__skeleton span{display:block;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--line),transparent)}.dchart__skeleton span:first-child{width:70%;opacity:.7}.dchart__skeleton span:last-child{width:45%;opacity:.35}.records{padding-bottom:24px;gap:0}.segment{display:grid;grid-template-columns:1fr 1fr;padding:4px;margin-bottom:12px;border-radius:12px;background:var(--peach)}.segment button{padding:8px;border-radius:9px;font-weight:600;color:var(--muted)}.segment .is-active{background:var(--orange);color:#fff}.history{list-style:none;display:grid;gap:8px}.history__item{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:var(--card);border:1px solid var(--line)}.history__title{font-weight:600}.history__sub{font-size:.82rem;color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:32px 8px}.nav{position:relative;display:grid;grid-template-columns:1fr 64px 1fr;align-items:center;margin:0 14px max(14px,env(safe-area-inset-bottom));padding:3px 8px;border-radius:24px;background:linear-gradient(#fff3e0,#ffdfb8);border:2px solid #e0b587;box-shadow:0 6px 14px #965a1e38,inset 0 2px #ffffffbf}.nav__item{display:grid;justify-items:center;gap:0;padding:0;font-size:.68rem;font-weight:600;color:#9b7a58}.nav__icon{display:block;height:26px;width:auto;opacity:.7;filter:grayscale(.35);transition:opacity .2s,filter .2s,transform .2s}.nav__item.is-active{color:var(--orange-dark);font-weight:700}.nav__item.is-active .nav__icon{opacity:1;filter:none;transform:translateY(-1px) scale(1.06)}.nav__slot{align-self:end;text-align:center;padding-bottom:2px;font-size:.75rem;font-weight:600;color:#9b7a58}.nav__cat{position:absolute;left:50%;top:-16px;transform:translate(-50%);display:block;padding:0;background:none;border:0;filter:drop-shadow(0 5px 4px rgba(90,50,10,.3));transition:transform .15s}.nav__cat img{display:block;height:auto}.nav__cat:hover{transform:translate(-50%) rotate(-2deg)}.nav__cat:active{transform:translate(-50%) scale(.95)}.modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:24px;background:#3b2f2a73;animation:fade .15s ease-out}.dialog{display:grid;justify-items:center;gap:8px;width:100%;padding:22px 20px 18px;border-radius:24px;background:var(--cream);border:3px solid var(--peach);text-align:center;box-shadow:0 16px 32px #00000040}.dialog__cat{width:120px;height:72px}.dialog h2{font-size:1.1rem}.dialog p{color:var(--muted)}.dialog p.dialog__warn{color:#d93b3b;font-weight:600}.dialog__actions{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:8px}.pull-wrap{position:relative;display:grid}.pull{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;transition:transform .45s cubic-bezier(.34,1.7,.5,1);will-change:transform}.pull.is-dragging{cursor:grabbing;transition:none}.pull img{pointer-events:none}.pop{position:absolute;left:50%;top:40%;height:auto;pointer-events:none;z-index:2;opacity:0;animation:pop 1.5s ease-out forwards}@keyframes float{0%{transform:translateY(4px)}to{transform:translateY(-8px)}}@keyframes think{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes shrink{to{transform:scale(.75);opacity:.7}}@keyframes blink{0%,to{opacity:.25}50%{opacity:1}}@keyframes sign{0%,to{transform:rotate(-1.4deg)}50%{transform:rotate(1.4deg)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes grow{0%{transform:scaleX(0)}}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}18%{opacity:1;transform:translate(calc(-50% + var(--dx) * .7),calc(-50% + var(--dy))) scale(1.1) rotate(-12deg)}32%{transform:translate(calc(-50% + var(--dx) * .85),calc(-50% + var(--dy) * .85)) scale(1) rotate(8deg)}75%{opacity:1;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy) * .75)) scale(1) rotate(0)}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy) * .6)) scale(.9)}}.status__cat.is-thinking{animation:think .8s infinite}.status__cat.act-play{animation:bounce .5s 3}.status__cat.act-hiss{animation:shake .15s 6}.status__cat.act-hide{animation:shrink .6s forwards}.status__cat.act-cuddle,.status__cat.act-sleep{animation:float 1.4s infinite alternate ease-in-out}@media(prefers-reduced-motion:reduce){.status__cat,.typing i,.title-board,.floater,.dchart__fill{animation:none!important}.pop{animation-duration:.01s}}.status__head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.hearts{display:flex;gap:2px;flex:none;padding-top:2px}.hearts img{display:block;transition:transform .25s,opacity .25s}.hearts img.is-lost{opacity:.85;transform:scale(.9)}.field{padding:6px 12px;border-radius:16px;background:var(--card);border:2px solid var(--peach)}.name-field{padding:6px 12px}.gender-field{display:grid;grid-template-columns:auto 1fr 1fr;align-items:center;gap:8px}.gender-field legend{float:left;margin-right:10px;font-weight:700;padding:0}.gender-field label{position:relative;display:grid;place-items:center;padding:6px 0;border-radius:12px;border:2px solid var(--line);font-weight:600;color:var(--muted);cursor:pointer}.gender-field label.is-active{background:var(--peach);border-color:var(--orange);color:var(--orange-dark)}.gender-field input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;cursor:pointer}.gender-field label:focus-within{outline:3px solid var(--orange);outline-offset:2px}.age-field{display:grid;gap:2px}.age-field__head{display:flex;justify-content:space-between;align-items:baseline}.age-field__head label{font-weight:700}.age-field__head output{font-size:.85rem;font-weight:700;color:var(--orange-dark)}.age-field__row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:.72rem;color:var(--muted);white-space:nowrap}.gauge{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;outline-offset:6px;cursor:pointer;background:linear-gradient(90deg,var(--orange) var(--pct),var(--line) var(--pct))}.gauge::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--orange);box-shadow:0 2px 4px #7846144d}.gauge::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--orange);box-shadow:0 2px 4px #7846144d}.gauge::-moz-range-track{height:12px;border-radius:999px;background:transparent}.gameover{display:grid;gap:8px;text-align:center;padding-top:12px}.gameover p{color:var(--muted)}.img-btn{display:inline-flex;align-self:center;justify-content:center;padding:0;border-radius:22px;transition:transform .12s,filter .12s}.img-btn img{display:block;height:auto}.img-btn:hover:not(:disabled){filter:brightness(1.06)}.img-btn:active:not(:disabled){transform:translateY(2px) scale(.98)}.img-btn:disabled{filter:grayscale(.7);opacity:.55}.composer__form{align-items:center}.select__footer .img-btn{justify-self:center}.steps{display:flex;gap:5px;align-items:center;justify-content:flex-end}.steps i{width:8px;height:8px;border-radius:50%;background:var(--line);transition:width .2s,background .2s}.steps i.is-on{width:18px;border-radius:999px;background:var(--orange)}.owner-preview{position:relative;flex:1 1 auto;min-height:200px;max-height:460px;margin:auto 0;display:grid;align-content:center;justify-items:center;gap:8px;padding:0 0 26px;border-radius:24px;overflow:hidden;background:#f3e3c8 url(/backgrounds/owner-room.webp) 50% 100% / cover no-repeat;box-shadow:inset 0 0 0 3px #ffffff80,0 6px 14px #78461426}.owner-preview+.select__footer{margin-top:0}.owner-preview__figure{filter:drop-shadow(0 6px 4px rgba(120,70,20,.2))}.owner-preview p{padding:2px 14px;border-radius:999px;background:#fffaf0eb;font-weight:700;color:var(--orange-dark);box-shadow:0 2px 6px #5a320a33}.msg__avatar--owner{border-radius:50%;background:#fff;border:2px solid var(--peach);padding:2px;object-fit:contain;transform:scaleX(-1)}.hearts{position:relative}.hearts img.is-gain{animation:heart-gain 1s ease-out}.hearts__spark{position:absolute;top:-8px;height:auto;pointer-events:none;animation:spark .9s ease-out forwards}@keyframes heart-gain{0%{transform:scale(.2);opacity:0}35%{transform:scale(1.6) rotate(-10deg);opacity:1;filter:drop-shadow(0 0 5px #ff5c8a)}65%{transform:scale(.9) rotate(4deg)}to{transform:scale(1);filter:none}}@keyframes spark{0%{opacity:0;transform:scale(.4) rotate(0)}40%{opacity:1;transform:scale(1) rotate(20deg)}to{opacity:0;transform:translateY(-6px) scale(.8) rotate(45deg)}}@keyframes marquee{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.chips{overflow-x:auto}.chips__track{animation:none}.hearts img.is-gain,.hearts__spark{animation-duration:.01s}}.msg__me-body{display:grid;justify-items:end;gap:2px;max-width:78%}.msg__me-body .bubble--me{max-width:100%}.msg__owner-name{font-size:.7rem;color:var(--muted)}@media(max-width:360px){.screen{padding-left:12px;padding-right:12px}.status{margin-left:12px;margin-right:12px;gap:8px}.status__stage{width:88px;height:88px}.status__cat img{width:84px;height:84px}.thread{padding-left:12px;padding-right:12px}.composer{padding-left:8px;padding-right:8px}.nav{margin-left:10px;margin-right:10px}.dchart__bars li{grid-template-columns:78px 1fr 38px}.hearts img{width:15px;height:auto}.select__grid{gap:4px}.name-field,.field{padding-left:10px;padding-right:10px}}@media(max-height:740px)and ((max-width:1023px)or (hover:none)or (pointer:coarse)){.pick__circle{width:60px;height:60px}.pick__circle>img{width:46px;height:46px;object-fit:contain}.pick__name{font-size:.85rem}.card ul li:nth-child(3){display:none}.field,.name-field{padding-top:4px;padding-bottom:4px}.select__footer{gap:6px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.owner-preview__figure{height:196px}.status{padding:8px 10px}.status__stage{width:88px;height:88px}.status__cat img{width:84px;height:84px}.thread,.thread__turn{gap:8px}.composer{padding-top:4px}.title-board{transform-origin:top center}}@media(max-height:520px)and ((max-width:1023px)or (hover:none)or (pointer:coarse)){.start{overflow-y:auto}.hero-cat{top:58%}.owner-preview__figure{height:110px}}@media(max-height:700px)and ((max-width:1023px)or (hover:none)or (pointer:coarse)){.select__grid{grid-template-columns:repeat(6,1fr);gap:2px}.pick{padding:4px 0 2px;border-radius:14px}.pick__circle{width:44px;height:44px}.pick__circle>img{width:34px;height:34px}.pick__name{font-size:.66rem;letter-spacing:-.03em}.pick__check{top:-6px;right:-6px;width:16px;height:16px}.card{padding:8px 10px}.card ul{font-size:.8rem}.card__desc{font-size:.82rem;margin-bottom:0}.age-field__row{font-size:.68rem;gap:6px}.field,.name-field{padding-top:3px;padding-bottom:3px}.gender-field label{padding:4px 0}.select__footer{gap:5px;padding-bottom:max(10px,env(safe-area-inset-bottom))}}.status__head h2{flex:1;min-width:0}.status__info small{overflow-wrap:anywhere}.nowrap{white-space:nowrap}.history__cat{flex:none}@media(max-height:620px)and ((max-width:1023px)or (hover:none)or (pointer:coarse)){.owner-preview__figure{height:176px}.status{padding:6px 10px;margin-bottom:4px}.status__stage{width:72px;height:72px}.status__cat img{width:68px;height:68px}.status__bubble{width:30px;top:-4px}.stats{gap:2px;margin-top:3px}.stat__track{height:8px}.stat{font-size:.72rem}.chip{min-height:32px;padding:4px 12px}.composer{padding-bottom:14px}.composer__form input{padding:8px 14px}.nav{margin-top:0}}@media(min-height:860px)and ((max-width:1023px)or (hover:none)or (pointer:coarse)){.select{gap:18px}.select__grid{gap:14px 6px}.select__footer{gap:10px}.pick{padding-top:10px;padding-bottom:8px}.pick__circle{width:84px;height:84px}.pick__circle>img:not(.pick__check){width:72px;height:72px;object-fit:contain}.pick__name{font-size:1rem}.card{padding:14px 16px}}.dchart__rings{justify-content:space-around}.together{display:flex;align-items:center;gap:14px;margin-bottom:12px;padding:12px 16px;border-radius:20px;background:linear-gradient(135deg,#fff3e0,#ffe3c2);border:2px solid var(--peach);box-shadow:0 4px 10px #e97a331f}.together__cat{flex:none}.together__label{font-size:.85rem;font-weight:600;color:var(--muted)}.together__value{font-family:"Jua",inherit;font-size:1.9rem;line-height:1.15;color:var(--orange-dark)}.together__sub{font-size:.8rem;color:var(--muted)}.graph{padding:14px 10px 12px;border-radius:16px;background:var(--card);border:1px solid var(--line)}.graph__title{margin:0 4px 10px;font-size:.85rem;color:var(--muted)}.graph__title strong{color:var(--orange-dark)}.graph__cols{list-style:none;display:grid;grid-template-columns:repeat(8,1fr);gap:4px;align-items:end}.graph__cols li{display:grid;grid-template-rows:16px 120px auto auto;justify-items:center;gap:2px;min-width:0}.graph__count{font-size:.75rem;font-weight:700;color:var(--muted)}.graph__bar{position:relative;display:flex;align-items:flex-end;width:min(70%,26px);height:120px;border-radius:8px 8px 4px 4px;background:#f7ece0;overflow:hidden}.graph__fill{display:block;width:100%;min-height:0;border-radius:6px 6px 3px 3px;background:#e6c9a4;transform-origin:bottom;animation:grow-y .7s ease-out}.graph__cols li.is-top .graph__fill{background:linear-gradient(#ffab6e,var(--orange))}.graph__cols li.is-top .graph__count{color:var(--orange-dark)}.graph__icon{width:30px;height:30px}.graph__label{font-size:.66rem;font-weight:600;color:var(--muted);white-space:nowrap}@keyframes grow-y{0%{transform:scaleY(0)}}@media(prefers-reduced-motion:reduce){.graph__fill{animation:none}}@media(max-height:700px)and ((max-width:1023px)or (hover:none)or (pointer:coarse)){.start__note{--w: 190px;font-size:.82rem;margin-top:6px}.start{padding-top:max(34px,calc(env(safe-area-inset-top) + 10px));padding-bottom:max(26px,calc(env(safe-area-inset-bottom) + 16px))}.hero-cat{top:60%}}.bubble__notes{list-style:none;display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.bubble__notes li{padding:2px 8px;border-radius:999px;background:var(--peach);font-size:.7rem;font-weight:600;color:var(--orange-dark)}.copyright{font-size:.68rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}.copyright--screen{position:relative;margin-top:8px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.55)}.copyright--page{display:none}@media(min-width:1024px)and (hover:hover)and (pointer:fine){.copyright--screen{display:none}.copyright--page{display:block;position:absolute;left:50%;bottom:.6vw;transform:translate(-50%);z-index:2;color:#2f5a2c;text-shadow:0 1px 0 rgba(255,255,255,.45)}}.phone--keyboard .chips,.phone--keyboard .nav{display:none}.phone--keyboard .play{padding-top:max(6px,env(safe-area-inset-top))}.phone--keyboard .composer{padding:6px 10px 8px;border-top:0}.phone--keyboard .thread{padding-top:14px;padding-bottom:12px}.phone--keyboard .status{margin:0 10px 2px;padding:6px 10px;gap:8px;border-radius:16px}.phone--keyboard .status__stage{width:44px;height:44px}.phone--keyboard .status__cat img{width:42px;height:42px}.phone--keyboard .status__bubble,.phone--keyboard .status__info small{display:none}.phone--keyboard .status__info h2{font-size:.95rem}.phone--keyboard .hearts img{width:13px;height:auto}.phone--keyboard .stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:2px}.phone--keyboard .stat{grid-template-columns:16px 1fr;gap:4px}.phone--keyboard .stat dt{font-size:0;gap:0}.phone--keyboard .stat dt img{height:14px}.phone--keyboard .stat__track{height:7px}