:root{--cl-ink:var(--fg-ink-primary);--cl-slate-900:var(--fg-ink-primary);--cl-slate-700:var(--fg-ink-secondary);--cl-slate-600:var(--fg-ink-secondary);--cl-slate-400:#8b96a5;--cl-slate-200:var(--fg-border);--cl-slate-100:var(--fg-bg-subtle);--cl-slate-50:#fbfcfd;--cl-indigo:var(--fg-brand-aubergine-800);--cl-indigo-dark:var(--fg-brand-aubergine-900);--cl-indigo-light:#f3eef9;--cl-emerald:var(--fg-accent-action);--cl-emerald-light:var(--fg-accent-action-soft);--cl-red:var(--fg-danger);--cl-red-light:#fff0f3}.fg-create-league-container,.fg-create-league-container *{box-sizing:border-box}.fg-create-league-container{max-width:1200px;margin:0 auto;padding:3rem 1.5rem;font-family:Inter,-apple-system,sans-serif;color:var(--cl-slate-900);display:flex;gap:3rem;align-items:flex-start}.fg-create-league-container.is-final-step{justify-content:center}.fg-create-league-form{flex:1 1;background:var(--fg-bg-elevated);border-radius:22px;border:1px solid var(--cl-slate-200);box-shadow:0 24px 48px rgba(23,32,51,.08);overflow:hidden;min-width:0}.fg-create-league-container.is-final-step .fg-create-league-form{flex:0 1 680px}.create-preview-side{width:400px;position:-webkit-sticky;position:sticky;top:100px;flex-shrink:0}.preview-sticky-wrapper{background:var(--fg-bg-elevated);border-radius:22px;border:1px solid var(--cl-slate-200);padding:2rem;box-shadow:0 12px 24px rgba(23,32,51,.04)}.preview-label{display:block;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--cl-slate-400);margin-bottom:1.5rem}@media (max-width:1024px){.fg-create-league-container{flex-direction:column;max-width:680px}.create-preview-side{width:100%;position:static;order:-1;margin-bottom:2rem}.preview-sticky-wrapper{padding:1.5rem}}@media (max-width:768px){.fg-create-hero{padding:1.5rem .875rem 1.75rem}.fg-create-hero .fg-hero-content h1{max-width:10ch;margin-inline:auto;font-size:clamp(2rem,10vw,2.6rem);line-height:1.14}.fg-create-hero .fg-hero-intro{max-width:22rem;margin-bottom:1.125rem;padding:0;font-size:1rem;line-height:1.45}.fg-create-hero .fg-hero-badge-row{width:100%;margin:1rem auto 0!important}.fg-create-hero .fg-hero-nav{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:min(100%,24rem);border-radius:28px;grid-gap:.25rem;gap:.25rem}.fg-create-hero .fg-hero-tab{min-width:0;min-height:56px;justify-content:center;padding:.625rem .75rem;border-radius:24px;font-size:.9rem;line-height:1.1;white-space:normal;text-align:center;overflow-wrap:anywhere}.fg-create-hero .fg-hero-tab span{flex-shrink:0}.fg-create-league-container{width:100%;max-width:100%;padding:1rem .875rem calc(9rem + env(safe-area-inset-bottom, 0px));gap:1.25rem}.fg-create-league-container.is-final-step{padding-bottom:calc(10rem + env(safe-area-inset-bottom, 0px))}.fg-create-league-form,.preview-sticky-wrapper{border-radius:18px}.create-preview-side{margin-bottom:0}.preview-sticky-wrapper{padding:1.25rem}}.progress-bar-container{padding:2rem 2.5rem 1rem;background:#fff;border-bottom:1px solid var(--cl-slate-100)}.progress-bar{height:4px;background:var(--cl-slate-100);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--fg-accent-action) 0,var(--fg-accent-trust) 100%);transition:width .5s cubic-bezier(.4,0,.2,1)}.step-indicator{text-align:center;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--cl-slate-400);margin-top:1rem}.fg-create-form-content{padding:2.5rem}.wizard-step{animation:cl-slideUp .4s ease-out;min-width:0}@keyframes cl-slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.step-title{font-family:var(--fg-font-display);font-size:1.25rem;font-weight:800;color:var(--cl-ink);margin:0 0 .5rem;letter-spacing:-.02em}.step-description{font-size:.9375rem;color:var(--cl-slate-600);margin-bottom:2.5rem;line-height:1.5}.cl-group{margin-bottom:2rem}.cl-label{display:block;font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--cl-slate-400);margin-bottom:.625rem}.cl-input{width:100%;padding:.75rem 1rem;font-size:.9375rem;color:var(--cl-ink);background:#fff;border:1px solid var(--cl-slate-200);border-radius:8px;transition:all .2s}.cl-input:focus{outline:none;border-color:var(--cl-indigo);box-shadow:0 0 0 4px rgba(99,102,241,.1)}.cl-input::placeholder{color:var(--cl-slate-400)}.cl-late-entry-panel{margin:1.5rem 0 0}.cl-checkbox-row{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;border:1px solid var(--cl-slate-200);border-radius:8px;background:#fff;color:var(--cl-ink);cursor:pointer}.cl-checkbox-row input{width:1rem;height:1rem;margin-top:.1875rem;accent-color:var(--cl-indigo);flex-shrink:0}.cl-checkbox-row span{display:grid;grid-gap:.25rem;gap:.25rem;min-width:0}.cl-checkbox-row strong{font-size:.875rem;line-height:1.3}.cl-checkbox-row small{color:var(--cl-slate-600);font-size:.75rem;line-height:1.4}.cl-late-entry-note{position:relative;padding-right:2.75rem}.cl-note-dismiss{position:absolute;top:.625rem;right:.625rem;width:1.5rem;height:1.5rem;border:0;border-radius:999px;background:hsla(0,0%,100%,.75);color:currentColor;font-weight:800;cursor:pointer}.cl-input.error{border-color:var(--cl-red)}.cl-textarea{min-height:100px;resize:vertical}.cl-grid,.template-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;width:100%}@media (max-width:580px){.cl-grid,.template-grid{grid-template-columns:1fr}}.template-card{background:#fff;border:1.5px solid var(--cl-slate-200);border-radius:12px;padding:1.25rem;text-align:left;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:.5rem;width:100%}.template-card:hover{transform:translateY(-2px)}.template-card.active,.template-card:hover{border-color:var(--cl-indigo);background:var(--cl-indigo-light)}.template-card.active{box-shadow:0 4px 12px rgba(99,102,241,.08)}.template-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;min-width:0}.template-name{font-weight:800;font-size:.9rem;color:var(--cl-ink);min-width:0;overflow-wrap:anywhere}.template-tag{flex-shrink:0;font-size:10px;font-weight:800;text-transform:uppercase;background:var(--cl-slate-100);padding:2px 6px;border-radius:4px;color:var(--cl-slate-600)}.template-desc{font-size:.8rem;color:var(--cl-slate-600);line-height:1.4;margin:0}.entry-input-group{display:flex;align-items:stretch;border:1px solid var(--cl-slate-200);border-radius:8px;overflow:hidden}.entry-input-group:focus-within{border-color:var(--cl-indigo);box-shadow:0 0 0 4px rgba(99,102,241,.1)}.entry-input-group .cl-input{border:none;border-radius:0}.entry-currency{background:var(--cl-slate-50);border-left:1px solid var(--cl-slate-200);padding:0 1rem;display:flex;align-items:center;font-weight:800;font-size:.75rem;color:var(--cl-slate-400)}.visibility-toggle{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem;background:var(--cl-slate-50);padding:4px;border-radius:10px;border:1px solid var(--cl-slate-200)}.toggle-btn{padding:.625rem;border-radius:8px;border:none;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s;background:transparent;color:var(--cl-slate-400)}.toggle-btn.active{background:#fff;color:var(--cl-indigo);box-shadow:0 2px 8px rgba(0,0,0,.05)}.cl-helper-text{font-size:.75rem;color:var(--cl-slate-400);margin-top:.5rem;padding-left:.25rem}.wizard-navigation{display:flex;justify-content:space-between;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--cl-slate-100);gap:1rem}.cl-btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 1.5rem;font-size:.8125rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border-radius:10px;cursor:pointer;transition:all .2s;border:none;white-space:nowrap;max-width:100%}.cl-btn-primary{background:var(--cl-indigo);color:#fff}.cl-btn-primary:hover:not(:disabled){background:var(--cl-indigo-dark);transform:translateY(-1px)}.cl-btn-secondary{background:#fff;color:var(--cl-slate-600);border:1px solid var(--cl-slate-200)}.cl-btn-secondary:hover:not(:disabled){background:var(--cl-slate-50);border-color:var(--cl-slate-300)}.cl-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:480px){.wizard-navigation{flex-direction:column-reverse}.cl-btn{width:100%}}.cl-banner{display:flex;gap:.75rem;max-width:100%;padding:.875rem 1rem;border-radius:10px;font-size:.75rem;line-height:1.4;margin-top:1rem;border:1px solid transparent}.cl-banner-content{min-width:0;overflow-wrap:anywhere}.cl-banner--info{background:var(--cl-indigo-light);border-color:rgba(99,102,241,.1);color:var(--cl-indigo)}.cl-banner--warning{background:#fffbeb;border-color:#fef3c7;color:#92400e}.cl-banner-icon{flex-shrink:0;width:1.25rem;height:1.25rem;border-radius:50%;background:hsla(0,0%,100%,.6);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:10px}.cl-summary-card{max-width:100%;min-width:0;margin-bottom:1.25rem;padding:1rem;overflow:hidden;border:1px solid var(--cl-slate-200);border-radius:12px;background:var(--cl-slate-50)}.cl-summary-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;min-width:0}.cl-summary-title{min-width:0;margin:0;color:var(--cl-ink);font-family:var(--fg-font-display);font-size:1rem;font-weight:800;line-height:1.25;overflow-wrap:anywhere}.cl-summary-badge{flex-shrink:0;border-radius:var(--fg-radius-chip,999px);background:var(--cl-emerald-light);color:var(--cl-emerald);padding:.25rem .5rem;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.cl-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem;margin-top:.875rem}.cl-summary-item{min-width:0}.cl-summary-label{color:var(--cl-slate-400);font-size:.75rem;font-weight:700}.cl-summary-value{display:block;min-width:0;color:var(--cl-ink);font-size:.9rem;font-weight:800;overflow-wrap:anywhere}.cl-error-text{color:var(--cl-red);font-size:.75rem;font-weight:600;margin-top:.5rem}.advanced-toggle{display:inline-flex;align-items:center;background:none;border:none;color:var(--cl-indigo);font-size:.875rem;font-weight:700;cursor:pointer;padding:.5rem 0;transition:all .2s}.advanced-toggle:hover{color:var(--cl-indigo-dark);text-decoration:underline}.advanced-settings-panel{margin-top:1rem;padding:1.5rem;background:var(--cl-slate-50);border:1px solid var(--cl-slate-200);border-radius:12px;animation:cl-slideUp .3s ease-out}.final-preview-container{display:flex;justify-content:center;width:100%}.share-panel{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--cl-slate-100)}.share-buttons{display:grid;grid-template-columns:1fr;grid-gap:.75rem;gap:.75rem;margin-top:1.25rem}@media (min-width:640px){.share-buttons{grid-template-columns:auto 1fr 1fr}}.share-btn{height:48px;padding:0 1.25rem;border-radius:10px;border:1.5px solid var(--cl-slate-200);background:#fff;color:var(--cl-slate-700);font-weight:700;font-size:.8125rem;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;white-space:nowrap}.share-btn.primary{background:var(--cl-indigo);color:#fff;border-color:var(--cl-indigo)}.share-btn:hover:not(:disabled){border-color:var(--cl-indigo);color:var(--cl-indigo)}.share-btn.primary:hover:not(:disabled){background:var(--cl-indigo-dark);border-color:var(--cl-indigo-dark);color:#fff}.cl-host-link{display:inline-block;margin-left:.5rem;color:inherit;text-decoration:underline;font-weight:700}.cl-host-link:hover{opacity:.8}@media (max-width:640px){.fg-create-form-content{padding:1rem}.progress-bar-container{padding:1rem 1rem .75rem}.progress-bar{height:3px}.step-indicator{margin-top:.75rem;font-size:10px}.step-title{font-size:1.05rem;margin-bottom:.375rem}.step-description{font-size:.8125rem;line-height:1.4}.cl-group,.step-description{margin-bottom:1.25rem}.cl-label{margin-bottom:.45rem;font-size:.72rem}.cl-input{min-height:42px;padding:.625rem .75rem;font-size:.875rem}.cl-grid,.template-grid{gap:.625rem}.template-card{gap:.375rem;padding:.875rem;border-radius:10px}.template-name{font-size:.84rem}.cl-helper-text,.template-desc{font-size:.72rem;line-height:1.35}.entry-currency{padding-inline:.75rem}.visibility-toggle{gap:.35rem;border-radius:8px}.toggle-btn{padding:.5rem;font-size:.76rem}.advanced-settings-panel{padding:1rem;border-radius:10px}.wizard-navigation{margin-top:1.5rem;padding-top:1rem;gap:.75rem}.cl-btn{height:42px;padding-inline:1rem;border-radius:9px;font-size:.75rem;min-width:0;white-space:normal;text-align:center}.cl-banner{gap:.625rem;padding:.75rem}.cl-summary-card{padding:.875rem;border-radius:10px}.cl-summary-grid{grid-template-columns:1fr;gap:.625rem}.final-preview-container{justify-content:stretch}.final-preview-container .fg-card{width:100%}.confirm-state .wizard-navigation{position:fixed;left:.875rem;right:.875rem;bottom:calc(78px + env(safe-area-inset-bottom, 0px));z-index:999990;margin:0;padding:.875rem;background:hsla(0,0%,100%,.96);border:1px solid var(--cl-slate-200);border-radius:16px;box-shadow:0 -16px 32px rgba(23,32,51,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.confirm-state{padding-bottom:calc(5rem + env(safe-area-inset-bottom, 0px))}.confirm-state .final-preview-container{margin-bottom:.5rem}}@media (max-width:420px){.fg-create-league-container{padding-inline:.75rem}.preview-sticky-wrapper{padding:1rem}.fg-create-form-content{padding:.875rem}.confirm-state .wizard-navigation{left:.75rem;right:.75rem;padding-inline:1rem}.fg-create-league-form,.preview-sticky-wrapper{border-radius:16px}}.cl-mt-8{margin-top:8px}.cl-mt-12{margin-top:12px}.cl-mt-24{margin-top:24px}.cl-mt-32{margin-top:32px}