*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#cbd9e3;color:#233747;font:13px system-ui}canvas{display:block;width:100%;height:100vh}header{position:absolute;top:25px;left:28px;pointer-events:none}header small{letter-spacing:.2em;font-size:10px}h1{font:43px Georgia;margin:8px 0}header p{margin:0;color:#4a6170}#status{position:absolute;right:25px;top:29px;font-size:10px;max-width:280px;text-align:right;line-height:1.7;color:#496071}#help{position:absolute;left:28px;bottom:124px;font-size:10px;line-height:1.8;color:#496071}.live{display:flex;align-items:center;gap:7px;margin-top:17px;font-size:10px;letter-spacing:.14em}.live i{width:6px;height:6px;background:#b76c3f;border-radius:50%;box-shadow:0 0 0 3px #b76c3f1f;animation:breathe 2.8s ease-in-out infinite}.paused .live i{animation:none;opacity:.4}nav{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:3px;padding:9px 12px;border:1px solid #ffffffb5;background:#f8f5eef0;border-radius:16px;box-shadow:0 8px 34px #142f4422;width:max-content;max-width:96vw;backdrop-filter:blur(14px)}nav>div{display:flex;justify-content:center;gap:3px;flex-wrap:wrap}nav .second{border-top:1px solid #21394812;padding-top:4px}button,a{font:11px system-ui;border:0;border-radius:8px;background:transparent;color:#3c4d58;padding:9px 11px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .2s,color .2s,transform .2s}button:hover,a:hover{background:#e4e0d4;transform:translateY(-1px)}button.active{background:#263f52;color:#fff}button:focus-visible,a:focus-visible{outline:2px solid #bd7e47;outline-offset:2px}button:disabled{opacity:.5;cursor:wait}a.download{color:#915730;background:#b7783612}#error{position:absolute;top:40%;width:100%;text-align:center;color:#a23828}.evening header,.evening header p,.evening #status,.evening #help{color:#dce4eb}.loading #status:before{content:'◌ ';display:inline-block;animation:spin 1s linear infinite}.loading canvas{opacity:.65}@keyframes breathe{50%{box-shadow:0 0 0 6px #b76c3f00;opacity:.55}}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}@media(max-width:650px){header{top:18px;left:20px}h1{font-size:35px}#status{top:20px;right:16px;max-width:150px}button,a{padding:8px;font-size:10px}#help{display:none}}

header{background:#f8f5efe3;border:1px solid #ffffff8a;border-radius:13px;padding:12px 16px;top:18px;left:20px;backdrop-filter:blur(10px)}h1{font-size:36px}header p{font-size:11px}.evening header{background:#233548d9}
#status,#help{background:#25394c99;color:#eef3f6;padding:6px 9px;border-radius:7px;backdrop-filter:blur(6px)}
header{padding:12px 20px}header h1{margin:0;font-size:35px}#status:empty{display:none}#status{max-width:220px}#help{bottom:130px}.sound-options-list{z-index:5}@media(max-width:650px){header h1{font-size:29px}#walk-panel{bottom:180px!important;width:215px!important}}