:root{font-family:"MS Sans Serif",sans-serif;line-height:1.2;font-weight:400;font-size:11px;color:#000;background-color:silver;font-synthesis:none;text-rendering:optimizeSpeed}*{box-sizing:border-box}body{margin:0;padding:4px;min-width:320px;min-height:100vh;background:silver;background-image:url(/background.png);background-repeat:repeat;background-size:200px 200px}h1{font-size:18px;font-weight:700;line-height:1.2;margin:8px 0;color:#000}h2{font-size:14px;font-weight:700;margin:6px 0}p{font-size:11px;margin:4px 0}a{color:#00f;text-decoration:underline}a:hover{color:red}button{border:2px outset #c0c0c0;border-radius:0;padding:8px 16px;font-size:13px;font-weight:400;font-family:"MS Sans Serif",sans-serif;background-color:silver;color:#000;cursor:pointer;min-height:32px;position:relative}button:hover{background-color:#d4d0c8}button:active{border:2px inset #c0c0c0;background-color:#a0a0a0}button:focus{outline:1px dotted #000000;outline-offset:-4px}button:disabled{color:gray;border:2px outset #c0c0c0;background-color:silver;cursor:not-allowed}.window{border:2px outset #c0c0c0;background-color:silver;box-shadow:2px 2px 4px #0000004d}.window-header{background:linear-gradient(90deg,#00f,navy);color:#fff;padding:2px 4px;font-weight:700;font-size:11px;border-bottom:1px solid #808080}.window-content{padding:8px;background-color:silver}.panel{border:2px inset #c0c0c0;background-color:silver;padding:4px}.raised{border:2px outset #c0c0c0}.sunken{border:2px inset #c0c0c0}#root{max-width:800px;margin:8px auto;padding:0;display:flex;flex-direction:column;align-items:center;min-height:calc(100vh - 16px)}.app-window{width:100%;max-width:600px;margin:8px;min-width:280px}@media (max-width: 640px){#root{margin:4px;max-width:none}.app-window{margin:4px;max-width:none;width:calc(100vw - 8px)}}.app-content{text-align:center;padding:16px}.card{padding:16px;margin:8px 0;border:2px inset #c0c0c0;background-color:silver}.audio-buttons-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-items:center}@media (max-width: 480px){.app-content{padding:8px}.card{padding:8px;margin:4px 0}.audio-buttons-grid{grid-template-columns:1fr;gap:8px}.window-header{font-size:10px;padding:1px 3px}h1{font-size:16px;margin:4px 0}}