:root{color-scheme:dark;--bg:#0b0e14;--panel:#121720;--line:#ffffff13;--muted:#929dae;--blue:#9be3ff;--pink:#ffb4de;--green:#d7ff97;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:13px;color:#edf2f8}
.glass-style select{margin:10px 0 7px}.glass-style p{line-height:1.6}
.outcome-timing{display:grid;grid-template-columns:minmax(0,1fr) 84px;align-items:center;gap:8px 14px;border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.outcome-timing label{margin:0}.outcome-timing p{grid-column:1/-1}
.preview-link{margin-top:16px;padding:11px;border:1px solid #9be3ff30;border-radius:9px;background:#9be3ff08}.preview-link label{display:flex;align-items:center;gap:7px;margin:0;color:#d8e6ef}.preview-link label input[type=checkbox]{width:auto;min-width:0;padding:0;margin:0;accent-color:var(--blue)}.preview-link p{margin-top:7px}.preview-link[data-live=true] p{color:#e6d3a5}select:disabled{opacity:.6;cursor:not-allowed}
@media(min-width:501px) and (max-width:800px){.preview-panel>.preview-link{grid-column:2;align-self:start}}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 0,#17344855,transparent 55%),var(--bg);min-height:100vh}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}h1,h2,h3,p{margin:0}h1{font-size:25px;letter-spacing:-.05em}h2{font-size:15px;letter-spacing:-.02em}label{display:block;color:#b1bdcc;font-size:11px;font-weight:600;margin-bottom:8px}input:not([type=range]):not([type=file]),select,textarea{width:100%;min-width:0;border:1px solid #ffffff18;border-radius:9px;background:#0b1018;color:#f1f5fa;padding:11px 12px}textarea{resize:vertical;min-height:65px}input:focus,select:focus,textarea:focus{border-color:var(--blue)}input[type=range]{width:100%;accent-color:var(--blue);cursor:pointer}.shell{max-width:1420px;margin:auto;padding:30px 28px 60px}.page-header,.brand,.header-actions,.section-heading,.action-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.page-header{margin-bottom:26px}.brand{justify-content:flex-start;gap:13px}.brand p{color:var(--muted);margin-top:4px;font-size:12px}.logo{display:grid;place-items:center;width:45px;height:45px;background:#bdeafa;border-radius:13px;color:#152b3c;font-size:30px;font-weight:500}.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #ffffff20;border-radius:9px;background:#1c2532;color:#edf2f8;padding:11px 15px;font-weight:600;font-size:12px;white-space:nowrap;text-decoration:none;cursor:pointer}.button:hover{background:#293749;border-color:#ffffff44}.button.primary{background:#bdeafa;color:#12232f;border-color:transparent}.button.primary:hover{background:#d6f2ff}.button.small{padding:8px 10px;font-size:11px}.muted{color:var(--muted);font-size:11px;line-height:1.6}.tiny{font-size:10px}.panel{background:#121720e8;border:1px solid var(--line);border-radius:17px;padding:20px}.connection{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;margin-bottom:24px}.connection p{margin-top:8px}.connect-row,.source{display:flex;gap:8px}.source input{font-size:11px;color:var(--blue)!important}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 358px;gap:24px;align-items:start}.editor{min-width:0}.section-heading{margin-bottom:12px}.badge{font-size:9px;letter-spacing:.12em;border:1px solid var(--line);background:#ffffff05;border-radius:6px;padding:5px 8px;color:var(--muted)}.live-panel{margin-bottom:26px}.live-scores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:13px 0}.live-score{background:#0b1018;border:1px solid var(--line);border-radius:10px;padding:12px}.live-score strong{font-size:24px;color:var(--blue);display:block}.live-score.right strong{color:var(--pink)}.live-score.third strong{color:var(--green)}.live-score span{font-size:9px;color:var(--muted)}.live-score button{padding:4px 0;border:0;background:none;color:var(--muted);font-size:10px;margin-top:6px}.action-row{justify-content:flex-start;flex-wrap:wrap;gap:8px}.action-row>.muted{font-size:10px}.choices-heading p{margin-top:4px}.choices{display:grid;gap:16px}.choice-card{background:var(--panel);border:1px solid var(--line);border-radius:17px;overflow:hidden}.card-head{display:flex;align-items:center;gap:12px;padding:14px 17px;border-bottom:1px solid var(--line)}.number{font-size:10px;color:#8e9baa;background:#202a37;padding:6px 9px;border-radius:7px}.card-head .name-input{font-size:14px;font-weight:650;padding:7px;background:transparent;border-color:transparent}.key-btn{border:1px solid #ffffff25;border-bottom-width:3px;border-radius:7px;color:#d7ff97;background:#0b1018;min-width:38px;padding:7px;font-size:11px}.key-btn.listening{outline:2px solid var(--green)}.hotkey-label{font-size:9px;color:var(--muted);white-space:nowrap}.card-body{padding:17px}.setup-row{display:grid;grid-template-columns:minmax(0,1fr) 95px;gap:12px;margin-bottom:15px}.sides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sides.three{grid-template-columns:repeat(3,minmax(0,1fr))}.side{min-width:0;padding:12px;border:1px solid #ffffff16;border-top:2px solid var(--blue);border-radius:10px;background:#0c1119}.side.right{border-top-color:var(--pink)}.side.third{border-top-color:var(--green)}.side-title{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:700;letter-spacing:.09em;margin-bottom:13px;color:var(--blue)}.right .side-title{color:var(--pink)}.third .side-title{color:var(--green)}.remove-third{color:#a8b3c2;background:transparent;border:0;font-size:15px;padding:0 3px}.side input{font-size:12px!important;padding:9px!important}.gift-button{margin-top:12px;width:100%;padding:10px 6px;border:1px solid #ffffff14;border-radius:9px;background:#19233166;color:white;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer}.gift-button:hover{border-color:var(--blue);background:#243244}.gift-icon{width:45px;height:45px;display:grid;place-items:center;font-size:27px}.gift-icon img{width:100%;height:100%;object-fit:contain}.gift-button strong{font-size:11px;text-align:center}.gift-button small{font-size:9px;color:var(--muted)}.gift-button .change{color:var(--blue);font-size:9px;margin-top:3px}.card-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:15px;flex-wrap:wrap}.card-actions>div{display:flex;gap:7px}.text-button{border:0;padding:5px 0;background:none;color:var(--muted);font-size:11px}.text-button:hover{color:#ffb4bb}.add-third{margin-top:10px;border-style:dashed;width:100%;background:transparent;color:#b1bdcc}.preview-panel{position:sticky;top:18px}.preview-panel>.muted{margin-top:-4px;margin-bottom:14px}.phone{width:100%;max-width:284px;aspect-ratio:9/16;margin:17px auto;border-radius:26px;box-shadow:0 18px 40px #0006,0 0 0 5px #283341;border:2px solid #080b10;overflow:hidden;background:#101822}.phone iframe{border:0;width:100%;height:100%;display:block}.preview-toolbar{display:flex;gap:8px;margin-top:20px}.preview-toolbar select{flex:1;padding:8px}.preview-votes{display:flex;gap:6px;margin-top:9px}.preview-votes button{flex:1;font-size:10px;padding:8px}.setting{margin-top:23px}.setting>div{display:flex;justify-content:space-between}.setting label{margin:0}.setting output{font-size:11px;color:var(--blue);font-variant-numeric:tabular-nums}.setting input{margin:12px 0 5px}.range-labels{font-size:9px;color:var(--muted)}.image-actions{display:flex;gap:8px;margin-top:20px}.upload{margin:0;position:relative;overflow:hidden}.upload input{position:absolute;width:1px;height:1px;opacity:0}.upload:focus-within{outline:2px solid var(--blue)}#imageNote{margin:8px 0 15px}details{font-size:10px;color:var(--muted);line-height:1.65;border-top:1px solid var(--line);padding-top:14px}summary{cursor:pointer;color:#c0cbd9}details p{margin-top:9px}dialog{color:#edf2f8;background:#121a26;border:1px solid #ffffff25;border-radius:20px;padding:0;max-width:calc(100vw - 28px);box-shadow:0 35px 100px #0009}dialog::backdrop{background:#030711b8;backdrop-filter:blur(5px)}#giftDialog{width:760px;height:min(780px,85dvh)}.picker-header{display:flex;justify-content:space-between;align-items:center;padding:22px 24px 12px}.picker-header h2{font-size:21px}.picker-header p{margin-top:5px}.icon-button{background:none;border:0;color:#b6c2d0;font-size:27px;cursor:pointer}.picker-search{padding:0 24px 12px}.picker-search input{font-size:14px!important;padding:14px!important}.picker-search p{margin-top:10px}.gift-grid{height:calc(100% - 177px);overflow:auto;padding:0 24px 24px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-content:start;gap:9px}.gift-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;min-height:142px;padding:12px 7px;border:1px solid #ffffff16;border-radius:13px;background:#0c121c;color:#e8eef7;cursor:pointer}.gift-tile:hover,.gift-tile.selected{border-color:var(--blue);background:#223548}.gift-tile:disabled{opacity:.42}.gift-tile img{width:58px;height:58px;object-fit:contain}.gift-tile .fallback{height:58px;display:grid;place-items:center;font-size:32px}.gift-tile strong{font-size:10px;text-align:center;overflow-wrap:anywhere}.gift-tile small{font-size:10px;color:#e6d3a5}.gift-tile .unavailable{font-size:8px;color:var(--muted)}.empty{grid-column:1/-1;padding:40px 0;text-align:center;color:var(--muted)}#login{width:380px;padding:25px}#login p{margin-bottom:20px}#login input{margin-bottom:15px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:100;background:#233246;border:1px solid #ffffff28;color:#fff;border-radius:12px;padding:13px 20px;font-size:12px;max-width:90vw;transition:.2s;box-shadow:0 12px 40px #0006}.toast.show{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 325px;gap:16px}.shell{padding:22px 18px}.sides.three{grid-template-columns:1fr}.sides.three .side{display:grid;grid-template-columns:1fr 1fr;column-gap:12px}.sides.three .side-title{grid-column:1/-1}.sides.three .gift-button{margin-top:0;grid-column:2;grid-row:2/4}.sides.three .side>label,.sides.three .side>input{grid-column:1}.connection{gap:20px}.card-actions>div{flex-wrap:wrap}}
@media(max-width:800px){.workspace{grid-template-columns:1fr}.preview-panel{position:static;grid-row:1}.connection{grid-template-columns:1fr}.page-header{align-items:flex-start;gap:18px;flex-wrap:wrap}.header-actions{width:100%}.phone{max-width:290px}.preview-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:22px}.preview-panel>.section-heading,.preview-panel>.muted,.preview-panel>label,.preview-panel>select,.preview-panel>details{grid-column:1/-1}.preview-panel>.phone{grid-row:5/12;grid-column:1;margin:18px auto;width:100%;align-self:start}.preview-panel>.preview-toolbar,.preview-panel>.preview-votes,.preview-panel>.setting,.preview-panel>.image-actions,.preview-panel>#imageNote{grid-column:2;align-self:start}.preview-toolbar,.image-actions{flex-wrap:wrap}.gift-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.live-scores{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:500px){.shell{padding:20px 12px}.panel{padding:16px}.brand p{font-size:10px}.preview-panel{display:block}.phone{max-width:260px}.sides,.sides.three{grid-template-columns:1fr}.sides .side{display:grid;grid-template-columns:1fr 1fr;column-gap:12px}.sides .side-title{grid-column:1/-1}.sides .gift-button{margin-top:0;grid-column:2;grid-row:2/4}.sides .side>label,.sides .side>input{grid-column:1}.gift-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:0 13px 15px;gap:6px}.gift-tile{min-height:132px}.picker-header{padding:18px 16px 10px}.picker-search{padding:0 16px 10px}.card-head{gap:6px;padding:12px}.hotkey-label{display:none}.card-body{padding:12px}.card-actions>div{width:100%}.card-actions .button{flex:1}.source{flex-wrap:wrap}.source input{flex-basis:100%}}
.picker-filter{display:flex;align-items:center;gap:7px;margin:11px 0 0;font-size:10px;color:var(--muted)}.picker-filter input[type=checkbox]{width:auto;min-width:0;margin:0;accent-color:var(--blue)}.gift-grid{height:calc(100% - 204px)}