:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.moon{position:absolute;top:10%;right:15%;width:80px;height:80px;background:#f4f1de;border-radius:50%;box-shadow:0 0 40px #f4f1de99}.ground-back{position:absolute;bottom:15%;left:0;width:100%;height:42%;background:#1a3d2e;border-radius:50% 50% 0 0/20% 20% 0 0;transform:scaleX(1.2)}.ground-mid{position:absolute;bottom:8%;left:-5%;width:110%;height:25%;background:#15332a;border-radius:40% 60% 0 0/40% 30% 0 0}.ground-front{position:absolute;bottom:0;left:0;width:100%;height:15%;background:#0f2820}.fence{position:absolute;bottom:22%;left:0;width:100%;height:60px;z-index:10}.fence-rail{position:absolute;left:0;width:100%;height:6px;background:linear-gradient(to bottom,#8b7355,#6b5344);border-radius:2px;box-shadow:0 2px 4px #0000004d}.fence-rail-top{top:10px}.fence-rail-bottom{top:35px}.fence-post{position:absolute;bottom:0;width:10px;height:60px;background:linear-gradient(to right,#7a6548,#5c4d3a,#7a6548);border-radius:2px 2px 0 0;box-shadow:2px 0 4px #0003}.sheep-selector{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:50}.sheep-options{display:flex;gap:16px;padding:16px 24px;background:#0f2820cc;border:1px solid rgba(244,241,222,.2);border-radius:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sheep-option{width:80px;height:80px;padding:0;background:transparent;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s ease}.sheep-option:hover{background:#f4f1de1a;border-color:#f4f1de4d;transform:translateY(-4px)}.sheep-option.selected{background:#f4f1de26;border-color:#f4f1de80}.sheep-option:focus{outline:none;border-color:#f4f1de80}.sheep-svg{width:100%;height:100%}.field-full-message{text-align:center;color:#f4f1decc;font-size:14px;margin-bottom:8px;font-style:italic}.sheep-options.disabled{opacity:.5}.sheep-option:disabled{cursor:not-allowed}.sheep-option:disabled:hover{background:transparent;border-color:transparent;transform:none}.sheep-controls{position:absolute;left:50%;bottom:150px;transform:translate(-50%);background:#0f2820f2;border:1px solid rgba(244,241,222,.3);border-radius:16px;padding:24px;z-index:200;min-width:300px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 32px #0006}.control-group{margin-bottom:20px}.control-group:last-of-type{margin-bottom:24px}.control-group label{display:block;color:#f4f1de;font-size:.9rem;margin-bottom:10px;font-weight:500}.slider-row{display:flex;align-items:center;gap:12px}.slider-label{color:#f4f1de99;font-size:.75rem;min-width:40px;text-align:center}.slider-row input[type=range]{flex:1;height:6px;-webkit-appearance:none;appearance:none;background:#f4f1de33;border-radius:3px;cursor:pointer}.slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:#f4f1de;border-radius:50%;cursor:pointer;transition:transform .15s ease}.slider-row input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider-row input[type=range]::-moz-range-thumb{width:18px;height:18px;background:#f4f1de;border:none;border-radius:50%;cursor:pointer}.controls-buttons{display:flex;gap:12px;justify-content:flex-end}.btn-cancel,.btn-confirm{padding:10px 20px;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-cancel{background:transparent;border:1px solid rgba(244,241,222,.3);color:#f4f1deb3}.btn-cancel:hover{border-color:#f4f1de80;color:#f4f1de}.btn-confirm{background:#f4f1de26;border:1px solid rgba(244,241,222,.4);color:#f4f1de}.btn-confirm:hover{background:#f4f1de40;border-color:#f4f1de99}.sheep{position:absolute;width:80px;height:80px;transition:none}.sheep-visual-svg{width:100%;height:100%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;overflow:hidden}.app{width:100vw;height:100vh;background:linear-gradient(to bottom,#0a1128,#1a2947,#2d4356);position:relative;overflow:hidden}.pastoral-scene{width:100%;height:100%;position:relative}.title{position:absolute;top:20px;left:50%;transform:translate(-50%);text-align:center;color:#f4f1de;z-index:100}.title h1{font-size:3rem;margin-bottom:.5rem;text-shadow:0 2px 10px rgba(0,0,0,.5)}.title p{font-size:1rem;opacity:.8}