:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;background:#101014;color:#fff}*{box-sizing:border-box}body{margin:0;min-width:0}.wrap{max-width:640px;margin:auto;padding:32px 18px 72px}header{padding:24px 4px 28px}.mark{display:inline-grid;place-items:center;width:54px;height:54px;background:#ef36aa;color:#101014;border-radius:14px;font-size:29px;font-weight:800}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#ff78c9;font-size:.76rem;font-weight:700;margin:20px 0 4px}h1{font-size:clamp(2rem,9vw,3.4rem);line-height:1.06;letter-spacing:-.04em;margin:0 0 16px}h2{font-size:1.25rem;margin:0 0 14px}p{line-height:1.55;color:#d5d4db}.panel{background:#202025;border:1px solid #45434c;border-radius:20px;padding:24px 18px}.panel p:first-of-type{margin-top:0}label{display:block;font-weight:650;margin:20px 0 7px}input{width:100%;min-height:48px;padding:12px;border:1px solid #88848f;border-radius:9px;background:#121217;color:white;font:inherit}button{min-height:48px;padding:10px 19px;border:0;border-radius:10px;background:#f04aaa;color:#151017;font:inherit;font-weight:750;cursor:pointer}button:disabled{opacity:.6;cursor:wait}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:3px}#login-button,#signout{width:100%;margin-top:24px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.toolbar h2{margin:0}#notice{min-height:26px}#clips{padding:0;list-style:none;margin:12px 0}#clips li{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #44414a;overflow-wrap:anywhere}#clips li span{min-width:0;flex:1}audio{display:block;width:100%;margin:18px 0}audio[hidden]{display:none}@media(max-width:360px){.panel{padding:20px 14px}.wrap{padding-inline:14px}}
#signin{display:inline-flex;align-items:center;min-height:48px;padding:10px 0;color:#ff78c9}#signin[hidden]{display:none}
.capture-link{display:inline-flex;align-items:center;min-height:44px;padding:8px 6px;margin:0 5px 0 0}
.library-header{padding:4px 4px 12px}.library-header .mark{display:none}.library-header .eyebrow{margin-top:0}
