:root{color-scheme:dark;color:#a6a1a5;--text:#e9e4e7;--muted:#aaa2a8;--pink:#ff72b5;background:#000;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}[hidden]{display:none!important}a{color:inherit}.page{max-width:1600px;min-height:100svh;padding:max(24px, env(safe-area-inset-top)) max(40px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(40px, env(safe-area-inset-left));flex-direction:column;margin:auto;display:flex}.site-header{justify-content:space-between;align-items:center;gap:24px;display:flex}.wordmark{min-height:44px;color:var(--text);letter-spacing:-.055em;align-items:center;font-size:20px;text-decoration:none;display:inline-flex}.wordmark span{color:var(--pink)}.languages{align-items:center;gap:12px;font-size:13px;display:flex}.languages a{text-underline-offset:7px;align-items:center;min-height:44px;padding:4px;text-decoration:none;display:inline-flex}.languages a[aria-current=page]{color:var(--text);text-decoration:underline;text-decoration-color:var(--pink)}.languages>span{color:#666}.languages a:hover{color:var(--pink)}main{flex:1;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,90px);padding:72px clamp(0px,3vw,48px) 56px;display:grid}.intro{max-width:510px}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--pink);margin:0 0 24px;font-size:11px}h1{letter-spacing:-.045em;color:var(--text);margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,5.3vw,76px);font-weight:400;line-height:1.08}h1 span{color:#aaa0a7}.intro-copy{max-width:335px;margin:27px 0 0;font-size:16px;line-height:1.75}.interaction-copy{min-height:124px;margin-top:42px}.hint{max-width:315px;color:var(--muted);margin:0 0 17px;font-size:13px;line-height:1.7}.touch-hint{display:none}#pet-actions button{color:#f0c6d9;background:#160c12;border:1px solid #a25f7f;border-radius:999px;min-height:44px;padding:11px 19px;font-size:13px;transition:color .2s,border-color .2s,background-color .2s}#pet-actions button span{color:var(--pink);padding-left:15px}#pet-actions button:hover{border-color:var(--pink);color:#fff;background:#26131f}#pet-actions button:active{background:#351d2c}.companion{flex-direction:column;place-self:end;align-items:center;width:min(100%,355px);margin-bottom:5px;display:flex}#cat{aspect-ratio:1;touch-action:pan-y pinch-zoom;transform-origin:50% 88%;background:#000;border:0;width:100%;padding:0;display:block;position:relative}#cat:disabled{cursor:default}#cat img,#cat canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#cat canvas{opacity:0}#cat.ready canvas{opacity:1}#cat.ready img{visibility:hidden}#hello{color:#b2a4ad;letter-spacing:.07em;background:0 0;border:0;min-height:44px;margin-top:9px;padding:10px 18px;font-size:13px;transition:color .2s}#hello span{color:var(--pink);padding-left:8px}#hello:hover{color:#f0c6d9}footer{border-top:1px solid #242024;justify-content:space-between;align-items:baseline;gap:16px 28px;padding-top:20px;font-size:12px;line-height:1.6;display:flex}footer p{margin:0}#cat-mood{color:#b7a5b0}.footer-note{color:#938d91;text-align:right}button:focus-visible,a:focus-visible{outline:2px solid var(--pink);outline-offset:6px;border-radius:4px}.skip-link{z-index:10;color:var(--text);background:#27121e;padding:12px;position:absolute;top:-100px;left:24px}.skip-link:focus{top:14px}@media (pointer:coarse){.pointer-hint{display:none}.touch-hint{display:inline}}@media (width<=700px){.page{padding:max(18px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left))}.site-header{gap:16px}.wordmark{font-size:19px}.languages{gap:8px;font-size:12px}main{grid-template-columns:minmax(0,1fr);gap:22px;padding:52px 0 30px}h1{font-size:clamp(42px,9vw,62px)}.eyebrow{margin-bottom:20px}.intro-copy{margin-top:22px}.interaction-copy{min-height:0;margin-top:27px}.companion{justify-self:center;width:min(280px,100%)}footer{flex-wrap:wrap;gap:8px 20px;padding-top:17px;font-size:11px}.footer-note{margin-left:auto}}@media (width>=701px) and (height<=600px){main{padding-top:30px;padding-bottom:28px}h1{font-size:46px}.companion{width:min(100%,280px)}.interaction-copy{margin-top:26px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}
