*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}:root{--font-display: "Saira Condensed", "Barlow Semi Condensed", sans-serif;--font-body: "Barlow", system-ui, sans-serif;--radius: 10px;--radius-sm: 6px;--pos-qb: #F8ADAA;--pos-rb: #BCFAAD;--pos-wr: #FEFBB6;--pos-te: #CCB4F0;--pos-k: #FBD580;--pos-def:#AFE1FF}[data-theme="4for4"]{--bg: #ffffff;--bg-grad: linear-gradient(180deg, #ffffff 0%, #f4f6f8 100%);--panel: #ffffff;--panel-2: #f5f6f8;--card: #ffffff;--card-hover: #f3f5f8;--border: #e4e7ec;--text: #141414;--muted: #6b7280;--accent: #e3241a;--accent-hover: #c81f16;--accent-glow: rgba(227,36,26,.15);--accent-2: #141414;--accent-ink: #ffffff;--shadow: 0 6px 20px rgba(20,20,20,.1);--cell-empty: #f5f6f8;--pos-qb: #F8ADAA;--pos-rb: #BCFAAD;--pos-wr: #FEFBB6;--pos-te: #CCB4F0;--pos-k: #FBD580;--pos-def: #AFE1FF}[data-theme=dlf]{--font-display: "Montserrat", sans-serif;--font-body: "Montserrat", system-ui, sans-serif;--radius: 4px;--radius-sm: 3px;--bg: #ffffff;--bg-grad: linear-gradient(180deg, #ffffff 0%, #f4f6f8 100%);--panel: #ffffff;--panel-2: #f5f6f8;--card: #ffffff;--card-hover: #f3f5f8;--border: #e4e7ec;--text: #14202e;--muted: #6b7280;--accent: #004cb0;--accent-hover: #003b8a;--accent-glow: rgba(0,76,176,.15);--accent-2: #14202e;--accent-ink: #ffffff;--shadow: 0 6px 20px rgba(20,32,46,.1);--cell-empty: #f5f6f8;--pos-qb: #F8ADAA;--pos-rb: #BCFAAD;--pos-wr: #FEFBB6;--pos-te: #CCB4F0;--pos-k: #FBD580;--pos-def: #AFE1FF}body{font-family:var(--font-body);background:var(--bg);background-image:var(--bg-grad);background-attachment:fixed;color:var(--text);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:.3px;margin:0;font-weight:700}button{font-family:var(--font-body);cursor:pointer}input{font-family:var(--font-body)}.pos-QB{color:var(--pos-qb)}.pos-RB{color:var(--pos-rb)}.pos-WR{color:var(--pos-wr)}.pos-TE{color:var(--pos-te)}.pos-K{color:var(--pos-k)}.pos-DEF{color:var(--pos-def)}.bg-QB{background:var(--pos-qb)}.bg-RB{background:var(--pos-rb)}.bg-WR{background:var(--pos-wr)}.bg-TE{background:var(--pos-te)}.bg-K{background:var(--pos-k)}.bg-DEF{background:var(--pos-def)}.app{min-height:100%;display:flex;flex-direction:column}.setup{max-width:900px;width:100%;margin:0 auto;padding:28px 24px 80px}.setup-header{display:flex;align-items:center;gap:16px;background:#0d0d0d;color:#fff;border-radius:var(--radius);padding:18px 24px;margin-bottom:20px;box-shadow:var(--shadow)}.setup-header a,.topbar__brand a{display:flex;flex-shrink:0}.setup-header__logo{height:35px;width:auto;display:block;flex-shrink:0}.setup-header__logo--dlf{height:48px}.setup-header__title{font-size:clamp(22px,4vw,34px);text-transform:uppercase;letter-spacing:.5px}.saved-setups{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px}.saved-setups__title{flex-basis:100%;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;font-size:13px;color:var(--muted)}.saved-setups__row{flex-basis:100%;display:flex;align-items:center;gap:8px}.saved-setups__info{flex:1;min-width:0;display:flex;flex-direction:column}.saved-setups__name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-setups__meta{font-size:12px;color:var(--muted)}.saved-setups__error{flex-basis:100%;color:var(--accent);font-size:13px}.setup-trades-note{margin-bottom:16px}.linklike{background:none;border:none;padding:0;cursor:pointer;color:var(--accent);font:inherit;font-weight:600}.save-setup__lead{color:var(--text);font-size:15px;margin-bottom:12px}.save-setup__status{color:var(--muted);font-size:13px;margin-top:10px}.save-setup__status--error{color:var(--accent)}.alert-info{display:block;margin-bottom:20px;padding:12px 16px;background:var(--panel-2);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius-sm);font-size:14px;color:var(--text)}.alert-info a{color:var(--accent);font-weight:600}.field{margin-bottom:22px}.field__label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;font-size:13px;color:var(--muted);margin-bottom:8px;display:block}.field__value{color:var(--text);font-size:14px}.setup-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:8px 24px 24px;box-shadow:var(--shadow)}.setup-section__title{font-size:17px;text-transform:uppercase;margin:24px 0 16px;padding-bottom:10px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.setup-section__title:before{content:"";width:8px;height:17px;background:var(--accent);border-radius:2px}.opt-group{display:flex;flex-wrap:wrap;gap:8px}.opt{border:1px solid var(--border);background:var(--panel-2);color:var(--text);padding:9px 14px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;transition:all .12s ease;min-width:44px;text-align:center}.opt:hover{border-color:var(--accent-2)}.opt--active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.opt--disabled{opacity:.4;pointer-events:none}.setup .opt--active{background:var(--accent-2);color:#fff;border-color:var(--accent-2)}.row{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media (max-width: 640px){.row{grid-template-columns:1fr}}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.help{color:var(--muted);font-size:13px;margin-top:6px}.slider-row{display:flex;align-items:center;gap:12px;max-width:320px}.slider-row__bound{font-family:var(--font-display);font-size:13px;color:var(--muted);width:24px;text-align:center;flex-shrink:0}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:6px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--accent-2);border:2px solid #fff;box-shadow:var(--shadow);cursor:pointer}.slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--accent-2);border:2px solid #fff;box-shadow:var(--shadow);cursor:pointer}.stepper-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.stepper{display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid var(--border);background:var(--panel-2);border-radius:var(--radius-sm);padding:10px 8px}.stepper--disabled{opacity:.4}.stepper__label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:700;color:var(--text)}.stepper__controls{display:flex;align-items:center;gap:10px}.stepper__btn{width:30px;height:30px;border-radius:50%;border:1px solid var(--border);background:#fff;color:var(--accent-2);font-size:20px;font-weight:700;line-height:1;display:grid;place-items:center;transition:all .12s ease}.stepper__btn:hover:not(:disabled){border-color:var(--accent-2);background:var(--accent-2);color:#fff}.stepper__btn:disabled{opacity:.35;cursor:not-allowed}.stepper__value{font-family:var(--font-display);font-size:20px;font-weight:700;min-width:18px;text-align:center}.btn-primary{width:100%;margin-top:26px;padding:16px;border:none;border-radius:var(--radius);background:linear-gradient(90deg,var(--accent),var(--accent-2));color:var(--accent-ink);font-family:var(--font-display);font-size:22px;text-transform:uppercase;letter-spacing:1px;font-weight:800;box-shadow:var(--shadow);transition:transform .1s ease}.btn-primary:hover{transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary--solid{background:var(--accent)}.btn-start{width:100%;margin-top:24px;padding:16px;border:none;border-radius:var(--radius);background:var(--accent);color:var(--accent-ink);font-family:var(--font-display);font-size:22px;text-transform:uppercase;letter-spacing:1px;font-weight:800;box-shadow:var(--shadow);transition:transform .1s ease,background .12s ease}.btn-start:hover:not(:disabled){transform:translateY(-1px);background:var(--accent-hover)}.btn-start:active{transform:translateY(0)}.btn-start:disabled{opacity:.5;cursor:not-allowed}.pos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}@media (max-width: 640px){.setup{padding:16px 14px 64px}.setup-header{gap:12px;padding:14px 16px;flex-wrap:wrap}.setup-header__logo{height:30px}.setup-header__logo--dlf{height:42px}.setup-panel{padding:4px 16px 18px}.stepper-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.slider-row{max-width:none}.opt{padding:8px 12px;font-size:13px}.btn-start{font-size:19px;padding:14px}}.room{display:flex;flex-direction:column;height:100vh;overflow:hidden}.topbar{display:flex;align-items:center;gap:16px;padding:10px 18px;background:#0d0d0d;border-bottom:1px solid #000;flex-shrink:0}.topbar__brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.topbar__logo{height:30px;width:auto;display:block}.topbar__logo--dlf{height:40px}.topbar__title{font-family:var(--font-display);font-size:18px;text-transform:uppercase;letter-spacing:.5px;color:#fff}.topbar__spacer{flex:1}.clock{display:flex;align-items:center;gap:12px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);padding:6px 14px}.clock__label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.clock__who{font-family:var(--font-display);font-size:17px}.clock__pick{color:var(--accent-2);font-weight:700}.clock__timer{font-family:var(--font-display);font-size:26px;min-width:56px;text-align:center;padding:2px 10px;border-radius:var(--radius-sm);background:var(--bg);color:var(--accent)}.clock__timer--warn{color:#fff;background:#d6443f;animation:pulse .8s infinite alternate}@keyframes pulse{0%{opacity:.7}to{opacity:1}}.iconbtn{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:8px 12px;font-weight:600;font-size:13px}.iconbtn:hover{border-color:var(--accent-2)}.iconbtn:disabled{opacity:.5;cursor:not-allowed}.topbar__menu{position:relative}.topbar__menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.topbar__menu-list{position:absolute;right:0;top:calc(100% + 6px);z-index:41;min-width:150px;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);overflow:hidden}.topbar__menu-item{background:transparent;border:none;text-align:left;cursor:pointer;padding:11px 14px;font-size:14px;font-weight:600;color:var(--text);border-bottom:1px solid var(--border)}.topbar__menu-item:last-child{border-bottom:none}.topbar__menu-item:hover{background:var(--panel-2)}.topbar__menu-item:disabled{opacity:.5;cursor:not-allowed}.topbar__menu-item--active{color:var(--accent)}.iconbtn--active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.clock__timer--paused{color:var(--muted);background:var(--bg)}@media (max-width: 640px){.topbar{flex-wrap:wrap;gap:8px 10px;padding:8px 12px}.topbar__spacer{display:none}.topbar__brand{flex-basis:100%}.clock{flex:1;min-width:0;padding:6px 10px;gap:8px}.clock>div{min-width:0}.clock__who{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clock__timer{font-size:20px;min-width:40px;padding:2px 6px}}.theme-switch{display:flex;gap:4px;background:var(--panel-2);padding:4px;border-radius:var(--radius-sm);border:1px solid var(--border)}.theme-switch button{border:none;background:transparent;color:var(--muted);padding:6px 12px;border-radius:4px;font-weight:700;font-family:var(--font-display);font-size:13px;text-transform:uppercase;letter-spacing:.5px}.theme-switch button.active{background:var(--accent);color:var(--accent-ink)}.room__body{flex:1;display:flex;flex-direction:column;min-height:0}.board-wrap{flex:1 1 46%;min-height:0;overflow:auto;padding:0 14px 14px;position:relative;border-bottom:1px solid var(--border)}.board{display:grid;gap:6px;min-width:0;margin-top:14px}.board__col-head{position:sticky;top:0;z-index:2;background:var(--panel);border:1px solid var(--border);padding:8px 6px;text-align:center;font-family:var(--font-display);text-transform:uppercase;font-size:13px}.board__col-head--user{outline:2px solid var(--accent)}.board__col-head--rownum{position:sticky;left:0;z-index:3;color:var(--muted)}.board__rownum{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:var(--muted);font-family:var(--font-display);font-size:14px;position:sticky;left:0;background:var(--bg);z-index:1}.board__rownum-dir{font-size:12px;line-height:1;opacity:.75}@media (max-width: 640px){.board{--rownum-w: 0px}.board__col-head--rownum,.board__rownum{padding:0;border:none;overflow:hidden}.board__rownum-num,.board__rownum-dir{display:none}}.cell{border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 8px;min-height:56px;display:flex;flex-direction:column;gap:2px;position:relative;overflow:hidden;min-width:0}.cell:not(.cell--filled){background:var(--cell-empty)}.cell--filled{color:#000}.cell--filled .cell__pickno{color:#0000008c}.cell--filled .cell__meta{color:#000000a6}.cell--current{outline:2px solid var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.cell__pickno{font-size:10px;color:var(--muted);letter-spacing:.5px;display:flex;justify-content:space-between;gap:4px;align-items:baseline}.cell__pickno-right{display:flex;align-items:center;gap:3px;min-width:0}.cell__owner{font-size:9px;font-weight:700;letter-spacing:.3px;color:var(--accent-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cell--filled .cell__owner{color:#000000b3}.cell__trade{background:transparent;border:none;padding:0 1px;margin:0;cursor:pointer;font-size:12px;line-height:1;color:var(--muted);flex-shrink:0}.cell__trade:hover{color:var(--accent)}.cell--filled .cell__trade{color:#00000073}.cell--filled .cell__trade:hover{color:#000000e6}.cell__owner--btn{background:transparent;border:none;padding:0;margin:0;font-family:inherit;cursor:pointer;text-align:right}.cell__owner--btn:hover{color:var(--accent)}.cell--filled .cell__owner--btn:hover{color:#000000f2}.cell__name{font-weight:700;font-size:13px;line-height:1.1;min-width:0}.cell__name-line{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cell__meta{font-size:11px;color:var(--muted)}[data-theme="4for4"] .cell,[data-theme=dlf] .cell{min-height:62px}[data-theme="4for4"] .board,[data-theme=dlf] .board{gap:3px}.panels-shell{position:relative;flex:1 1 54%;min-height:0;display:flex;flex-direction:column}.panels-shell--collapsed{flex:0 0 auto;height:30px}.panels-collapse{position:absolute;top:3px;right:8px;z-index:5;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-2);border:none;border-radius:var(--radius-sm);color:#fff;width:26px;height:26px;line-height:1;font-size:16px;cursor:pointer}.panels-collapse:hover{background:#000}.panels{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}.panels__tabs{display:none}.pane{display:flex;flex-direction:column;min-height:0;background:var(--panel)}.pane__head{flex-shrink:0;display:flex;align-items:center;gap:6px;padding:10px 12px;background:var(--panel-2);border-bottom:1px solid var(--border);font-family:var(--font-display);text-transform:uppercase;font-size:13px;letter-spacing:.5px}.pane__body{flex:1;overflow-y:auto;padding:10px;min-height:0}.pane__head--switch{padding:0;gap:0}.pane__switch{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;background:transparent;border:none;color:var(--muted);font-family:var(--font-display);text-transform:uppercase;font-size:13px;letter-spacing:.5px;border-bottom:2px solid transparent}.pane__switch.is-active{color:var(--text);border-bottom-color:var(--accent)}.pred{margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border)}.pred__head{font-family:var(--font-display);text-transform:uppercase;font-size:11px;color:var(--muted);letter-spacing:.5px;margin-bottom:6px}.pred__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1px 12px}.pred__item{font-size:11px;color:var(--muted);line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pred__item--taken{text-decoration:line-through;opacity:.5}.pred__pos{font-weight:700}.pred__team{opacity:.8}.suggest__head{font-family:var(--font-display);text-transform:uppercase;font-size:12px;color:var(--muted);letter-spacing:.5px;margin-bottom:8px}.suggest-card{display:flex;gap:10px;align-items:flex-start;padding:10px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:8px}.suggest-card__main{flex:1;min-width:0}.suggest-card__name{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggest-card__why{font-size:12px;color:var(--text);font-weight:500;margin-top:3px}.suggest-card__meta{font-size:11px;color:var(--muted);margin-top:3px}.suggest-card__actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.tabs{display:flex;border-bottom:1px solid var(--border);flex-shrink:0}.tab{flex:1;padding:12px 6px;background:transparent;border:none;color:var(--muted);font-family:var(--font-display);text-transform:uppercase;font-size:13px;letter-spacing:.5px;border-bottom:2px solid transparent}.tab--active{color:var(--text);border-bottom-color:var(--accent)}.badge{display:inline-block;min-width:18px;padding:0 5px;font-size:11px;background:var(--accent);color:var(--accent-ink);border-radius:9px;font-family:var(--font-body);font-weight:700;text-align:center}@media (max-width: 900px){.panels{display:flex;flex-direction:column;gap:0;background:var(--panel)}.panels__tabs{display:flex}.pane{display:none}.pane--active{display:flex;flex:1}.pane__head{display:none}.topbar__title{font-size:15px}.tab{font-size:11px;padding:11px 2px;letter-spacing:0}.panels-collapse{top:-30px}.panels-shell--collapsed .panels-collapse{top:3px}}.search{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-size:14px;margin-bottom:8px}.search:focus{outline:none;border-color:var(--accent-2)}.pool-controls{display:flex;gap:6px;margin-bottom:8px}.pool-controls .search{flex:1;min-width:0;margin-bottom:0}.pool-select{flex-shrink:0;padding:0 8px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-size:13px;max-width:110px}.filter-chips{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.chip{border:1px solid var(--border);background:var(--panel-2);color:var(--muted);border-radius:20px;padding:4px 11px;font-size:12px;font-weight:700}.chip--active{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.prow{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius-sm);border:1px solid transparent;transition:background .1s}.prow:hover{background:var(--card-hover);border-color:var(--border)}.prow--drafted{opacity:.38}.prow__rank{font-family:var(--font-display);font-size:13px;color:var(--muted);width:30px;text-align:center;flex-shrink:0}.prow__poschip{flex-shrink:0;width:38px;text-align:center;font-size:11px;font-weight:800;color:#000;padding:3px 0;border-radius:4px;font-family:var(--font-display)}.prow__main{flex:1;min-width:0}.prow__name{display:flex;align-items:center;gap:6px;font-weight:700;font-size:14px;min-width:0}.prow__name-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prow__team{flex-shrink:0;color:var(--muted);font-weight:500;font-size:12px}.prow__rookie{flex-shrink:0;font-size:9px;font-weight:800;line-height:1;letter-spacing:.3px;color:var(--accent);border:1px solid var(--accent);border-radius:3px;padding:2px 3px}.prow__meta{font-size:11px;color:var(--muted)}.prow__actions{display:flex;gap:6px;flex-shrink:0}.mini-btn{border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:5px;padding:5px 9px;font-size:12px;font-weight:700}.mini-btn--draft{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.mini-btn--draft:disabled{opacity:.4;cursor:not-allowed}.mini-btn:hover:not(:disabled){border-color:var(--accent-2)}.roster-slot{display:flex;align-items:center;gap:8px;padding:7px 8px;border-bottom:1px solid var(--border)}.roster-slot__tag{width:48px;font-family:var(--font-display);font-size:12px;color:var(--muted);text-transform:uppercase;flex-shrink:0}.roster-slot__name{flex:1;min-width:0;font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roster-slot__name--empty{color:var(--muted);font-style:italic;font-weight:400}.roster-slot__pick{flex-shrink:0;color:var(--muted);font-family:var(--font-display);font-size:13px}.roster-slot__trade{margin-left:5px;font-size:11px;font-weight:700;color:var(--accent)}.roster-section-title{font-family:var(--font-display);text-transform:uppercase;font-size:12px;color:var(--muted);letter-spacing:1px;margin:14px 0 4px}.team-select{width:100%;padding:8px;margin-bottom:8px;background:var(--panel-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px}.assign__what{color:var(--text);font-size:15px;margin-bottom:14px}.assign-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;text-align:center}.hist-row{display:flex;align-items:center;gap:10px;padding:7px 4px;border-bottom:1px solid var(--border);font-size:13px}.hist-row__pick{font-family:var(--font-display);color:var(--accent-2);width:46px}.hist-row__team{color:var(--muted);width:70px;font-size:12px}.empty{text-align:center;color:var(--muted);padding:40px 16px;font-size:14px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.modal{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:30px;max-width:460px;width:100%;box-shadow:var(--shadow);text-align:center}.modal__close{position:absolute;top:8px;right:12px;background:transparent;border:none;font-size:26px;line-height:1;color:var(--muted);cursor:pointer;padding:2px 6px}.modal__close:hover{color:var(--text)}.modal--wide{max-width:min(880px,92vw)}.share-preview{display:block;max-width:100%;max-height:55vh;margin:0 auto;border:1px solid var(--border);border-radius:var(--radius-sm)}.share-status{margin-top:12px;font-size:14px;color:var(--text)}.share-status--error{color:var(--accent)}.modal h2{font-size:30px;text-transform:uppercase;margin-bottom:10px}.modal p{color:var(--muted);margin-bottom:22px}.modal__actions{display:flex;gap:10px;align-items:center;margin-top:14px}.modal__actions button{flex:1}.modal__actions .btn-primary{margin:0;padding:8px 12px;font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;border-radius:var(--radius-sm);box-shadow:none}.promo{text-align:left}.promo__lead{color:var(--text);margin-bottom:14px;font-size:15px}.promo__email{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-size:15px;margin-bottom:12px}.promo__email:focus{outline:none;border-color:var(--accent-2)}.promo__error{color:var(--accent);font-size:13px;margin:6px 0}.promo__submit{width:100%;margin-top:16px}.promo__codes{display:flex;flex-direction:column;gap:8px;margin:4px 0}.promo__code{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border:1px dashed var(--accent);border-radius:var(--radius-sm);background:var(--panel-2)}.promo__code-main{display:flex;flex-direction:column;gap:2px;min-width:0}.promo__code-label{font-size:13px;color:var(--muted)}.promo__code-link{font-size:12px;color:var(--accent);text-decoration:none;font-weight:600}.promo__code-link:hover{text-decoration:underline}.promo__code-value{font-family:var(--font-display);font-size:18px;font-weight:800;letter-spacing:1px;color:var(--accent)}.promo__dna{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);flex:1;cursor:pointer}.scroll-x{overflow-x:auto}.muted{color:var(--muted)}