:root{color:#374b38;font-synthesis:none;background:#e5eadb;font-family:Microsoft YaHei,PingFang SC,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}main{width:100vw;height:100vh;min-height:600px;position:relative}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:wait}[hidden]{display:none!important}button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:5px;outline:2px solid #678657}#puppy-scene{cursor:grab;touch-action:none;width:100%;height:100%;display:block}#puppy-scene:active{cursor:grabbing}.vignette{pointer-events:none;background:linear-gradient(90deg,#ebeedbb8,#0000 40%),linear-gradient(#0000 70%,#253926b0);position:absolute;inset:0}header{justify-content:space-between;align-items:center;display:flex;position:absolute;inset:30px 42px auto}.brand{color:inherit;letter-spacing:5px;font-family:STZhongsong,Songti SC,SimSun,serif;font-size:26px;text-decoration:none}.trial-label{letter-spacing:3px;background:#fff8e955;border:1px solid #fcf9e9aa;border-radius:25px;padding:11px 17px;font-size:11px}.greeting{pointer-events:none;position:absolute;top:22%;left:5%}.eyebrow{letter-spacing:3px;color:#697b5f;margin:0 0 17px;font-size:10px}.greeting h1{letter-spacing:4px;margin:0 0 20px;font-family:STZhongsong,Songti SC,SimSun,serif;font-size:clamp(32px,3vw,46px);font-weight:400}.greeting>p:last-child{letter-spacing:2px;color:#6d7e61;font-size:12px;line-height:2.1}.lights{background:#f5f0dcdd;border:1px solid #fff9e6;border-radius:24px;gap:3px;padding:5px;display:flex;position:absolute;top:105px;right:42px}.lights button{color:#687757;background:0 0;border:0;border-radius:20px;padding:9px 15px;font-size:11px}.lights button[aria-pressed=true]{color:#fffaea;background:#6b7f54}#puppy-loading,#puppy-error{letter-spacing:2px;background:#fbf6e5e8;border-radius:4px;max-width:420px;padding:20px 26px;font-size:13px;line-height:1.8;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}#puppy-error{color:#794a36}.puppy-actions{text-align:center;position:absolute;bottom:90px;left:50%;transform:translate(-50%)}.puppy-actions>p{letter-spacing:2px;color:#fff8e2;text-shadow:0 1px 8px #233524;margin:0 0 18px;font-size:12px}.action-buttons{background:#fcf7e7ee;border:1px solid #fffbe9;border-radius:14px;gap:6px;padding:7px;display:flex;box-shadow:0 8px 35px #263c2929}.action-buttons button{white-space:nowrap;color:#637253;letter-spacing:2px;background:0 0;border:0;border-radius:8px;padding:16px 28px;font-size:13px;transition:background .2s}.action-buttons button:hover{background:#e1e6d2}.action-buttons button[aria-pressed=true]{color:#fff9e4;background:#647b51}footer{color:#f0f1db;letter-spacing:1px;justify-content:space-between;align-items:center;font-size:10px;display:flex;position:absolute;bottom:26px;left:42px;right:42px}footer>p{margin:0}footer>p span{opacity:.5;margin:0 8px}footer nav{align-items:center;gap:22px;display:flex}footer button,summary{color:inherit;letter-spacing:1px;background:0 0;border:0;border-bottom:1px solid #f0f1db55;padding:5px 0;font-size:10px}summary{cursor:pointer;list-style:none}details p{color:#4f6247;letter-spacing:0;background:#faf5e7;border-radius:7px;width:330px;padding:18px 21px;line-height:2;position:absolute;bottom:36px;right:0;box-shadow:0 8px 30px #263c2929}details a{color:#476044;text-underline-offset:3px}body[data-light=night]{color:#e1e7da}body[data-light=night] .vignette{background:linear-gradient(90deg,#172e32b8,#0000 42%),linear-gradient(#0000 65%,#0e242dbb)}body[data-light=night] .greeting p{color:#b2c5b5}@media (height<=760px){header{top:23px}.greeting{top:21%}.greeting h1{font-size:32px}.puppy-actions{bottom:75px}.action-buttons button{padding:13px 24px}footer{bottom:20px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}