:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:#f6f7fc;color:#17204a;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible,.drop:focus-visible{outline:3px solid #9f9cfc;outline-offset:3px}.shell{max-width:1070px;padding:0 24px;margin:0 auto}header{height:78px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e3e6f3}.brand{text-decoration:none;font-size:20px;font-weight:850;letter-spacing:-.05em;color:#272e7e}.brand span{font-weight:450;letter-spacing:0}.tag,.eyebrow{font-size:12px;letter-spacing:.10em;color:#6f7392;font-weight:700}.tag{letter-spacing:0}.hero{padding:66px 0 38px}.hero h1{font-size:clamp(28px,4vw,44px);line-height:1.12;max-width:680px;letter-spacing:-.045em;margin:13px 0}.hero p{max-width:630px;color:#66708d;line-height:1.65;margin:0}.panel{background:white;border:1px solid #e4e6f2;box-shadow:0 12px 34px #1e205010;border-radius:20px}.landing{display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.choice{padding:35px}.choice+.choice{border-left:1px solid #e9ebf4}.symbol{width:43px;height:43px;border-radius:12px;background:#ededff;color:#504bb9;display:grid;place-items:center;font-size:28px}.choice h2{font-size:19px;margin:18px 0 8px}.choice p,.sub{color:#777e9a;font-size:13px;line-height:1.6}.choice p{min-height:48px}.primary{background:#4945b7;color:white;border:1px solid #4945b7;border-radius:9px;padding:12px 19px;font-weight:650}.primary:hover{background:#3631a0}button:not(.primary){border:1px solid #e0e2f1;background:#fff;color:#4b5172;border-radius:9px;padding:9px 13px}button:not(.primary):hover{background:#f3f3fb}label{font-size:12px;font-weight:700;color:#68708e}.joinRow{display:flex;gap:8px;margin-top:8px}.joinRow input{width:100%;min-width:0;padding:11px 12px;border:1px solid #dce0f0;border-radius:9px;letter-spacing:.06em}.room{padding:27px;margin-top:18px}.roomHeader{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #eceef7;padding-bottom:22px}.roomHeader h2{font-size:32px;letter-spacing:.13em;margin:7px 0}.actions{display:flex;gap:7px;flex-wrap:wrap}.drop{border:2px dashed #b8b9ea;background:#f9f9fe;border-radius:14px;margin-top:22px;min-height:180px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#5957a4}.drop span{color:#7e82a1;font-size:13px}.drop.drag{background:#eeedff;border-color:#514dbe}.drop.disabled{opacity:.5;pointer-events:none}.uploadIcon{font-size:35px}.fileHeading{display:flex;align-items:center;justify-content:space-between;margin-top:26px}.fileHeading h3{font-size:17px}.files{display:grid;gap:9px}.file{border:1px solid #e9eaf3;border-radius:10px;padding:13px;display:flex;align-items:center;justify-content:space-between;gap:15px}.file .name{overflow-wrap:anywhere;font-size:14px}.file .meta{font-size:12px;color:#8b90aa;margin-top:4px}.file a{color:#4745a5;font-weight:700;text-decoration:none;font-size:13px}.queueitem{margin:12px 0;padding:11px;background:#f6f7ff;border-radius:9px;color:#525a84;font-size:13px}.queueitem progress{width:100%;margin-top:7px;accent-color:#524aba}.hidden{display:none!important}.notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:min(650px,90vw);background:#20274e;color:#fff;border-radius:12px;padding:12px 18px;font-size:13px;box-shadow:0 10px 32px #2225}footer{display:flex;justify-content:space-between;gap:12px;color:#9b9eb4;font-size:12px;padding:32px 0;margin-top:40px;border-top:1px solid #e5e8f1}@media(max-width:700px){.landing{grid-template-columns:1fr}.choice+.choice{border-left:0;border-top:1px solid #e9ebf4}.choice{padding:25px}.hero{padding:42px 0 28px}.roomHeader{align-items:flex-start;flex-direction:column}.roomHeader h2{font-size:25px}footer{flex-direction:column}}
@media(prefers-color-scheme:dark){:root{background:#14182b;color:#e7e9ff}header,footer{border-color:#303653}.brand{color:#b7b5ff}.panel{background:#1d233a;border-color:#343b57}.choice+.choice{border-color:#343b57}.hero p,.choice p,.sub{color:#9ea7c4}.symbol,.drop{background:#24294a}.drop{border-color:#6663ab;color:#b0aefa}.drop span,.tag,.eyebrow{color:#9ba1c0}.joinRow input{background:#171c32;color:#f4f4ff;border-color:#444966}button:not(.primary){background:#252b47;color:#d4d8f3;border-color:#424b6d}.file{border-color:#414861}.file .meta{color:#989fbb}.queueitem{background:#252b48;color:#c6cae8}}
/* SHARE-003: queue, live room status, owner-only controls. */
.availability{border-radius:10px;padding:11px 14px;border:1px solid #e3e5f4;background:#eeeefe;color:#46429d;font-size:12px;margin:0 0 18px}
.queue-heading{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:10px;margin:25px 0 5px}.queue-heading h3{margin:0;font-size:16px}
.queue-title{display:flex;align-items:center;justify-content:space-between;gap:10px;overflow-wrap:anywhere}
.queue-action{font-size:12px;white-space:nowrap}.queue-info{color:#777e9a;font-size:12px;margin-top:5px}
.queueitem[data-state=done]{border:1px solid #b8dfd1}.queueitem[data-state=rejected],.queueitem[data-state=failed]{border:1px solid #edc6c6}
.danger{color:#b42318!important;border-color:#efc7c3!important}.danger:hover{background:#fff0ed!important}
.file-left{min-width:0;flex:1}.fileHeading{gap:12px;flex-wrap:wrap}.fileHeading h3{margin-right:auto}.disclosure{margin-top:26px}
@media(prefers-color-scheme:dark){.availability{border-color:#414675;background:#282950;color:#c7c6ff}.queue-info{color:#aeb4d2}.danger{color:#fda29b!important;border-color:#753b43!important}.danger:hover{background:#4b292f!important}}