*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}#root{width:100%;height:100%}.app{width:100vw;height:100vh;position:relative;overflow:hidden;background:linear-gradient(135deg,#87ceeb,#e0f6ff);display:flex;flex-direction:column;align-items:center;justify-content:center}.background-house{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#87ceeb,#e0f6ff 50%),linear-gradient(to bottom,transparent 0%,transparent 30%,#FFE4B5 30%,#FFE4B5 70%,transparent 70%),linear-gradient(135deg,transparent 0%,transparent 15%,#CD853F 15%,#CD853F 25%,transparent 25%),linear-gradient(225deg,transparent 0%,transparent 15%,#CD853F 15%,#CD853F 25%,transparent 25%),radial-gradient(circle at 30% 50%,#87CEEB 0%,#87CEEB 6%,#8B4513 6%,#8B4513 8%,transparent 8%),linear-gradient(to bottom,transparent 0%,transparent 55%,#8B4513 55%,#8B4513 70%,transparent 70%),linear-gradient(to top,#90EE90 0%,#90EE90 15%,transparent 15%);background-size:100% 100%;z-index:1;opacity:.7}.rabbit-container{position:relative;z-index:2;width:100%;height:70%;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.rabbit-canvas{max-width:100%;max-height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.controls{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:3;display:flex;gap:15px}.record-button,.stop-button{padding:15px 30px;font-size:18px;font-weight:700;border:none;border-radius:25px;background:linear-gradient(135deg,#ff6b6b,#ff8e8e);color:#fff;cursor:pointer;box-shadow:0 4px 15px #0003;transition:all .3s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-width:150px}.stop-button{background:linear-gradient(135deg,#4ecdc4,#6eddd6)}.record-button:active,.stop-button:active{transform:scale(.95);box-shadow:0 2px 8px #0003}.record-button:hover,.stop-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}@media (max-width: 768px){.record-button,.stop-button{padding:18px 35px;font-size:20px;min-width:180px}.rabbit-container{height:75%}}@supports (-webkit-touch-callout: none){.app{position:fixed;top:0;left:0;width:100vw;height:100vh}}