body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(to bottom,#f8f9fa,#e9ecef);color:#333;line-height:1.6;scroll-behavior:smooth}.control-panel{position:fixed;bottom:20px;left:50%;transform:translate(-50%);padding:15px;background:linear-gradient(to bottom,#e0e0e0,silver);border-radius:12px;box-shadow:0 5px 15px #0003,inset 0 1px 2px #ffffffb3;border:1px solid #b0b0b0;z-index:10;display:flex;gap:10px}.control-button{padding:8px 15px;border:1px solid #a0a0a0;border-radius:8px;background:linear-gradient(to bottom,#fff,#d0d0d0);box-shadow:0 2px 4px #00000026,inset 0 1px 1px #fff9;color:#444;font-weight:700;cursor:pointer;transition:all .2s ease;font-size:14px}.control-button:hover{background:linear-gradient(to bottom,#f8f8f8,#c8c8c8);box-shadow:0 3px 6px #0003,inset 0 1px 1px #fff9}.control-button:active{background:linear-gradient(to top,#fff,#d0d0d0);box-shadow:inset 0 2px 4px #00000026;transform:translateY(1px)}