*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;overflow:hidden;background:#090b0b;color:#e5e9dc;font:13px Arial,sans-serif}button,input,select{font:inherit;color:inherit}button{cursor:pointer;min-height:44px;background:transparent;border:1px solid #65705a55;border-radius:6px;padding:8px 14px}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #db4b3e;outline-offset:2px}.player-screen{height:100dvh;max-width:440px;margin:auto;display:grid;grid-template-rows:minmax(0,1fr) auto;background:#090b0b}iframe{display:block;width:100%;height:100%;border:0;min-height:0}.record-dock{display:flex;align-items:center;gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-top:1px solid #65705a44;background:#101512}.take-state{flex:1;min-width:0;color:#a9b29f;font-size:10px;display:flex;flex-direction:column;gap:4px}.take-state span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.take-state time{font-variant-numeric:tabular-nums;color:#d7dfcb}#record{border-color:#bb564266;color:#efc4b8}.is-recording #record{background:#b64033;color:#fff0e5}#share{background:#ffffff08}dialog{width:calc(100% - 24px);max-width:380px;max-height:calc(100dvh - 24px);margin:auto;padding:16px;border:1px solid #64705a66;border-radius:10px;background:#101512;color:#e5e9dc;overflow:hidden;box-shadow:0 20px 80px #000a}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}dialog header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}h2{margin:0;font-size:18px;font-weight:500}#close-share{font-size:24px;border:0;padding:0;width:44px}.share-stage{position:relative;width:fit-content;margin:0 auto 12px;border:1px solid #65705a55;border-radius:6px;overflow:hidden}canvas{display:block;height:min(30dvh,240px);width:auto}.share-stage button{position:absolute;right:8px;bottom:8px;padding:0;width:44px;border-radius:50%;background:#101512cc}audio{display:none}input:not([type=range]),select{width:100%;height:44px;margin-bottom:8px;padding:8px 10px;background:#171d18;border:1px solid #65705a55;border-radius:5px;color-scheme:dark}label{display:flex;align-items:center;gap:8px;height:36px;font-size:11px;color:#b4bea6}input[type=range]{min-width:0;flex:1;accent-color:#cc5543}.share-actions{display:flex;gap:8px;margin-top:4px}.share-actions button{flex:1;background:#b64033;border-color:#d88b6944;color:#fff0e5}#share-status{margin:12px 0 0;font-size:11px;line-height:1.4;color:#a9b49e;min-height:16px}@media(max-height:640px){canvas{height:22dvh}dialog{padding:10px 14px}dialog header{margin-bottom:4px}.share-stage{margin-bottom:8px}}