@font-face{font-family:Fraunces;font-style:italic;font-weight:400 700;font-display:swap;src:url(/fonts/fraunces-latin-italic-variable.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/fraunces-latin-variable.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:400 800;font-stretch:100%;font-display:swap;src:url(/fonts/nunito-sans-latin-variable.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--oat-50: #fcf8ee;--oat-100: #f5efdf;--oat-200: #e8dfc9;--forest-900: #263c2d;--forest-700: #435942;--forest-600: #58634b;--forest-100: #e8ecdf;--barn-700: #7d392d;--barn-600: #934d3d;--wheat-100: #efdfb5;--rose-500: #a24d67;--cream: var(--oat-100);--paper: var(--oat-50);--ink: var(--forest-900);--muted: var(--forest-600);--olive: var(--forest-900);--olive-hover: var(--forest-700);--line: var(--oat-200);--light: var(--oat-50);--rose: var(--rose-500);--accent: var(--barn-600);--accent-hover: var(--barn-700);--s1: .25rem;--s2: .5rem;--s3: .75rem;--s4: 1rem;--s5: 1.25rem;--s6: 1.5rem;--s8: 2rem;--s10: 2.5rem;--s12: 3rem;--s16: 4rem;--r-sm: .375rem;--r-md: .625rem;--r-lg: .875rem;--r-pill: 9999px;--text-xxs: .6875rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.75rem;--serif: "Fraunces", "Iowan Old Style", Georgia, serif;--sans: "Nunito Sans", -apple-system, BlinkMacSystemFont, sans-serif;--tracking-label: .14em;--tracking-tight: -.045em;--shadow: 0 2px 6px #263c2d12;--shadow-lg: 0 24px 64px #263c2d26;--ease: cubic-bezier(.2,.8,.2,1);--base: .16s;--slow: .22s;--target-size: 44px;--wet-film: rgb(245 250 246 / .035);--wet-clear: rgb(255 255 255 / .015);--wet-edge: rgb(250 255 250 / .24);--wet-highlight: rgb(255 255 255 / .52);--wet-shadow: rgb(30 52 37 / .12);--wet-blur: 1.2px}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:var(--text-sm);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;transition:background var(--base) var(--ease),color var(--base) var(--ease),transform var(--base) var(--ease),box-shadow var(--base) var(--ease)}button:active{transform:translateY(1px)}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--olive);outline-offset:4px}svg{width:var(--s5);height:var(--s5);flex-shrink:0}button svg{pointer-events:none}.site-header{height:100px;padding:0 var(--s12);display:flex;align-items:center;justify-content:space-between;gap:var(--s6)}.brand{color:var(--ink);display:flex;align-items:center;gap:var(--s3);text-decoration:none;line-height:1}.brand-mark{width:56px;height:56px;display:block}.brand-lockup{display:flex;flex-direction:column}.brand-name{display:flex;align-items:baseline;gap:var(--s2);font:650 var(--text-4xl)/1 var(--serif);letter-spacing:var(--tracking-tight)}.brand-farm{color:var(--accent);font:800 var(--text-xs)/1 var(--sans);letter-spacing:var(--tracking-label);text-transform:uppercase}.brand-caption{font-size:var(--text-xxs);color:var(--muted);margin-top:var(--s2)}.header-note{display:flex;align-items:center;gap:var(--s3);font-size:var(--text-xs);color:var(--muted)}.tiny-dot,.live-dot{width:5px;height:5px;border-radius:var(--r-pill);background:var(--olive)}.text-button{padding:var(--s2) 0;min-height:var(--s12);display:inline-flex;align-items:center;justify-content:center;gap:var(--s3);background:transparent;font-size:var(--text-xs)}.text-button:hover{color:var(--olive-hover);text-decoration:underline;text-underline-offset:5px}main{padding:0 var(--s6)}.clearing{height:calc(100svh - 100px - var(--s6));min-height:650px;max-height:1100px;isolation:isolate;overflow:hidden;position:relative;border-radius:var(--r-md);background:#687d45}.farm-sky{position:absolute;inset:0;z-index:-1;background:url(/assets/farm.webp) center 50% / cover;filter:saturate(.8) brightness(.94);transition:filter .6s var(--ease)}.evening .farm-sky{filter:saturate(.65) brightness(.62) sepia(.16)}.scene-shade{position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(180deg,#f8f4db12,transparent 32%,transparent 60%,#1c2c1740 80%,#1c2c17c4)}.eyebrow{display:flex;align-items:center;gap:var(--s2);font-size:10px;font-weight:500;letter-spacing:.18em}.eyebrow>span{width:18px;height:1px;background:currentColor}.scene-controls{position:absolute;z-index:5;top:var(--s10);right:var(--s10);display:flex;gap:var(--s2)}.glass-button{background:#19261138;border:1px solid #fff9e138;color:var(--light);border-radius:var(--r-pill);display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:var(--s12);padding:0 var(--s4);font-size:var(--text-xs)}.glass-button:hover{background:#23331d7a}.glass-button:focus-visible{outline-color:var(--cream)}.scene-controls .glass-button{color:var(--ink);background:var(--paper);border-color:var(--line);box-shadow:var(--shadow)}.scene-controls .glass-button:hover{background:var(--wheat-100)}.scene-controls .glass-button:focus-visible{outline-color:var(--ink)}.icon-button{width:var(--s12);height:var(--s12);padding:0;display:inline-grid;place-items:center;flex-shrink:0}#canvas-container{position:absolute;inset:0;touch-action:pan-y pinch-zoom}#canvas-container canvas{display:block;width:100%;height:100%}#canvas-container.over-dog{cursor:grab}#canvas-container.over-dog:active{cursor:grabbing}#canvas-container.kiss-mode.over-dog{cursor:pointer}.dog-label{position:absolute;z-index:4;text-align:center;transform:translate(-50%,calc(-1 * var(--s8)));opacity:0;visibility:hidden;transition:opacity var(--slow);white-space:nowrap}.ready .dog-label{opacity:1;visibility:visible}.ready .dog-label.visiting{opacity:0;visibility:hidden}.dog-label button{background:var(--paper);display:inline-flex;align-items:center;gap:var(--s2);min-height:var(--s10);padding:var(--s2) var(--s4);border-radius:var(--r-pill);border:1px solid transparent;box-shadow:var(--shadow);font-size:var(--text-sm)}.dog-label button:hover{background:var(--paper)}.dog-label button[aria-pressed=true]{border-color:var(--accent);background:var(--paper)}.dog-label button svg{width:var(--s3);height:var(--s3);color:var(--olive);opacity:.5}.dog-label button[aria-pressed=true] svg{fill:var(--accent);opacity:1}.collar-dot{width:6px;height:6px;border-radius:var(--r-pill)}.collar-dot.luna{background:var(--rose)}.collar-dot.spike{background:var(--olive)}.dog-mood{display:block;color:var(--light);font-size:10px;letter-spacing:.02em;margin-top:var(--s2);text-shadow:0 1px 5px #172011}.interaction-bar{position:absolute;z-index:5;bottom:var(--s3);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;width:max-content;max-width:calc(100% - 32px)}.interaction-hint{color:var(--light);font-family:var(--serif);font-size:var(--text-lg);margin-bottom:var(--s2);text-shadow:0 1px 10px #162010}.toolbar{display:flex;align-items:center;gap:var(--s2);padding:var(--s2);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-pill);box-shadow:var(--shadow-lg)}.tool{min-height:52px;display:flex;align-items:center;justify-content:center;gap:var(--s3);padding:0 var(--s5);border-radius:var(--r-pill);background:transparent;font-size:var(--text-sm);font-weight:500}.tool:hover{background:var(--forest-100)}.tool.active{background:var(--accent);color:var(--light);box-shadow:0 2px 5px #24331c20}.tool.active:hover{background:var(--accent-hover)}.tool.selected{background:var(--forest-100)}.command-controls{position:absolute;z-index:5;bottom:var(--s8);left:var(--s8)}.command-controls:has(.command-panel:not([hidden])){z-index:7}.command-toggle{color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-pill);box-shadow:var(--shadow)}.command-toggle:hover,.command-toggle[aria-expanded=true]{color:var(--paper);background:var(--olive)}.command-panel{position:absolute;z-index:1;bottom:calc(100% + var(--s3));left:0;width:min(calc(var(--s16) * 5),calc(100vw - var(--s16)));max-height:min(calc(var(--s16) * 8),calc(100svh - var(--s16) * 5));overflow-y:auto;overscroll-behavior:contain;padding:var(--s5);color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);scrollbar-width:thin;scrollbar-color:var(--muted) var(--paper)}.command-panel[hidden]{display:none}.command-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s3)}.command-header h2{margin:0;font:500 var(--text-2xl)/1.2 var(--serif);letter-spacing:var(--tracking-tight)}.command-close{width:var(--target-size);height:var(--target-size);background:transparent;border-radius:var(--r-pill)}.command-close:hover{background:var(--forest-100)}.command-targets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2)}.command-targets button{display:flex;align-items:center;justify-content:center;gap:var(--s2);min-height:var(--target-size);padding:var(--s2);background:var(--cream);border:1px solid transparent;border-radius:var(--r-pill);font-size:var(--text-sm)}.command-targets button:hover{background:var(--forest-100)}.command-targets button[aria-pressed=true]{border-color:var(--accent);background:var(--wheat-100)}.command-targets svg{width:var(--s4);height:var(--s4)}.command-note{margin:var(--s3) 0 var(--s4);font-size:var(--text-xs);line-height:1.5;color:var(--muted)}.command-group+.command-group{margin-top:var(--s4);padding-top:var(--s4);border-top:1px solid var(--line)}.command-group h3{margin:0 0 var(--s2);color:var(--muted);font-size:var(--text-xs);font-weight:600}.command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2)}.command-action{display:flex;align-items:center;gap:var(--s2);min-height:var(--target-size);padding:var(--s2) var(--s3);border-radius:var(--r-sm);background:var(--cream);text-align:left;font-size:var(--text-xs);line-height:1.5}.command-action svg{width:var(--s4);height:var(--s4);color:var(--muted)}.command-action:hover:not(:disabled){background:var(--forest-100)}.command-action:active:not(:disabled){background:var(--wheat-100)}.command-action:disabled{cursor:not-allowed}.command-panel button:focus-visible{outline-offset:2px}kbd{display:grid;place-items:center;width:18px;height:18px;border:1px solid currentColor;border-radius:var(--r-sm);font-family:inherit;font-size:9px;opacity:.45}.tool-divider{width:1px;height:var(--s6);background:var(--line)}.gesture-hint{margin:var(--s3) 0 0;font-size:10px;color:#fffdf1da}.gesture-hint span{padding:0 var(--s2)}.scene-bottom-left,.scene-bottom-right{position:absolute;bottom:var(--s8);z-index:6;display:flex;gap:var(--s2);align-items:center}.scene-bottom-left{left:calc(var(--s8) + var(--s12) + var(--s3));bottom:var(--s12);color:var(--light);font-size:10px}.live-dot{background:#d1dfae;box-shadow:0 0 0 4px #d1dfae14;margin-right:var(--s1)}.scene-bottom-right{right:var(--s8)}.scene-bottom-right .icon-button{width:var(--s10);height:var(--s10);min-height:var(--s10)}.scene-bottom-right .glass-button{background:var(--ink);color:var(--paper);border-color:var(--forest-700)}.scene-bottom-right .glass-button:hover{background:var(--forest-700)}.scene-bottom-right svg{width:var(--s4);height:var(--s4)}.scene-bottom-right #sound[aria-pressed=true]{background:var(--accent);border-color:var(--accent)}.loading{position:absolute;z-index:7;inset:0;background:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--s8);text-align:center;gap:var(--s4)}.loading p{max-width:380px;line-height:1.6}.loading-mark{width:80px;height:80px;animation:breathe 1.8s ease-in-out infinite}.hidden{display:none}.fallback-photo{width:180px;max-height:230px;object-fit:cover;border-radius:var(--r-md)}.failed .interaction-bar,.failed .command-controls,.failed .dog-label{visibility:hidden}dialog{color:var(--ink);background:var(--cream);padding:0;border:0;border-radius:var(--r-lg);max-width:min(760px,calc(100vw - 32px));width:760px;box-shadow:var(--shadow-lg);overflow:auto;max-height:calc(100svh - 48px)}dialog::backdrop{background:#17241280;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#meet-dialog[open]{display:grid;grid-template-columns:.85fr 1fr}#meet-dialog>img{width:100%;height:100%;min-height:460px;object-fit:cover}.dialog-content{padding:var(--s10)}.dialog-content h2{font-family:var(--serif);font-size:var(--text-4xl);font-weight:400;letter-spacing:-.04em;margin:var(--s5) 0}.dialog-content p{color:var(--muted);line-height:1.7}.dialog-content .eyebrow{font-size:9px}.small-copy{font-size:var(--text-xs)}.dialog-close{position:absolute;top:var(--s3);right:var(--s3);background:var(--cream);border-radius:var(--r-pill);z-index:1}.dialog-close:hover{background:var(--line)}.primary-button{background:var(--olive);color:var(--light);display:inline-flex;align-items:center;justify-content:center;gap:var(--s3);min-height:var(--s12);padding:var(--s3) var(--s5);border-radius:var(--r-pill);margin-top:var(--s4)}.primary-button:hover{background:var(--olive-hover)}#settings-dialog{max-width:min(460px,calc(100vw - 32px))}.setting{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s5) 0;border-bottom:1px solid var(--line)}.setting small{display:block;color:var(--muted);font-size:var(--text-xs);margin-top:var(--s1)}.setting input{appearance:none;width:var(--s12);height:28px;border-radius:var(--r-pill);background:var(--muted);position:relative;cursor:pointer;flex-shrink:0;transition:background var(--base)}.setting input:before{content:"";position:absolute;top:4px;left:4px;width:var(--s5);height:var(--s5);border-radius:var(--r-pill);background:var(--paper);transition:transform var(--base)}.setting input:checked{background:var(--olive)}.setting input:checked:before{transform:translate(20px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#affection-effects,.screen-lick{position:absolute;inset:0;pointer-events:none;z-index:4;overflow:hidden}.floating-heart{position:absolute;color:#fff5eb;font-size:var(--text-3xl);font-family:var(--serif);opacity:0;text-shadow:0 1px 8px #94594d80;animation:heart-rise 1.7s ease-out forwards}.screen-lick{z-index:4}.wet-streak{position:absolute;transform-origin:50% 90%}.wet-film{position:absolute;inset:0;-webkit-backdrop-filter:blur(var(--wet-blur)) saturate(1.08);backdrop-filter:blur(var(--wet-blur)) saturate(1.08);background:var(--wet-film)}.wet-streak svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.wet-rim{fill:none;stroke:var(--wet-highlight);stroke-width:1.5;stroke-linecap:round}.wet-channel{fill:none;stroke:var(--wet-edge);stroke-width:.7;opacity:.3}.wet-beads{fill:var(--wet-edge);stroke:var(--wet-shadow);stroke-width:.8}.paused .floating-heart{animation-play-state:paused}.gentle .floating-heart,.gentle .wet-streak{display:none}.gentle .loading-mark{animation:none}.clearing:fullscreen{border-radius:0;width:100vw;height:100svh;min-height:0;max-height:none}@keyframes breathe{50%{opacity:.5;transform:scale(.95)}}@keyframes heart-rise{15%{opacity:.8}to{opacity:0;transform:translate(var(--drift),-100px) rotate(12deg)}}@media(min-width:1600px){.site-header{padding-left:var(--s16);padding-right:var(--s16)}main{padding:0 var(--s8)}}@media(max-width:1050px){.scene-bottom-left{display:none}.scene-controls{top:var(--s8);right:var(--s8)}.gesture-hint{font-size:9px}.site-header{padding:0 var(--s8)}.interaction-bar{bottom:var(--s16)}.command-controls{left:var(--s4);bottom:var(--s4)}.scene-bottom-right{bottom:var(--s4)}}@media(min-width:651px)and (max-width:1050px){.command-panel{max-height:min(calc(var(--s16) * 8),calc(100svh - var(--s16) * 6))}}@media(max-width:768px){#pet,#kiss,#both{width:var(--target-size);min-width:var(--target-size);padding:0}#pet>span,#kiss>span,#both>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toolbar kbd{display:none}}@media(max-width:650px){.site-header{height:88px;padding:0 var(--s5);gap:var(--s2)}.brand{gap:var(--s2)}.brand-name{font-size:var(--text-3xl)}.brand-farm{font-size:var(--text-xxs)}.brand-mark{width:var(--s10);height:var(--s10)}.brand-caption{font-size:9px;margin-top:var(--s1)}.header-note{display:none}#meet{font-size:10px;gap:var(--s1)}#meet svg{width:var(--s4)}main{padding:0 var(--s3)}.clearing{height:calc(100svh - 88px - var(--s3));min-height:650px;border-radius:var(--r-md)}.farm-sky{background-image:url(/assets/farm-mobile.webp)}.eyebrow{font-size:8px}.scene-controls{top:var(--s6);right:var(--s5)}#canvas-container{bottom:var(--s16)}.scene-controls .glass-button{min-height:var(--target-size);height:var(--target-size)}.scene-controls .icon-button{width:var(--target-size)}.scene-controls svg{width:var(--s4);height:var(--s4)}.scene-controls #time{font-size:10px;padding:0 var(--s3)}.interaction-bar{bottom:var(--s16);max-width:calc(100% - 24px)}.interaction-hint{font-size:var(--text-base);margin-bottom:var(--s3)}.toolbar{gap:var(--s1);padding:6px}.tool{padding:0 var(--s3);gap:var(--s2);min-height:var(--s12);font-size:var(--text-xs)}.tool svg{width:var(--s5);height:var(--s5)}.command-panel{max-height:min(calc(var(--s16) * 5),40svh);padding:var(--s4)}.command-header h2{font-size:var(--text-lg)}kbd{display:none}.gesture-hint{font-size:9px;max-width:260px;text-align:center;line-height:1.5}.gesture-hint span{display:none}.scene-bottom-right{right:var(--s4);bottom:var(--s4)}.scene-bottom-right .icon-button{width:var(--target-size);min-height:var(--target-size)}.dog-label{transform:translate(-50%,calc(-1 * var(--s2)))}.dog-label button{font-size:var(--text-xs);padding:var(--s2) var(--s3);min-height:44px}.dog-mood{font-size:9px}#meet-dialog[open]{display:block}#meet-dialog>img{height:230px;min-height:0;object-position:50% 44%}.dialog-content{padding:var(--s8)}}@media(max-height:650px){.interaction-bar{left:0;right:0;margin-inline:auto;transform:none}.command-panel{position:fixed;top:var(--s3);left:calc(var(--s6) + var(--s4));bottom:auto;max-height:min(calc(var(--s16) * 8),calc(100svh - var(--s6)))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.loading-mark{animation:none}}