:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f7f3;--panel:#fff;--ink:#17211b;--muted:#607068;--line:#dfe6df;--green:#0f8f5f;--green-dark:#076442;--mint:#dff8ea;--gold:#c9901f;--red:#b42318;--shadow:0 18px 60px #13221a1f}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.app-shell{min-height:100vh;padding:28px}.topbar,.section-heading,.actions,.participant-form,.two-col,.slider-row,.controls{align-items:center;gap:16px;display:flex}.topbar,.section-heading{justify-content:space-between}.topbar{max-width:1180px;margin:0 auto 24px}.topbar h1,.hero h2,.section-heading h2,.stage h2{margin:0}.topbar h1{font-size:clamp(32px,5vw,64px)}.eyebrow{color:var(--green-dark);text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:800}.view{max-width:1180px;margin:0 auto;display:none}.view.active{display:block}.hero,.stage,.dashboard,fieldset,.phone-toast,.result-grid>div,.participant-results>div,.comparison-table,.list{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}.hero{max-width:760px;padding:clamp(28px,6vw,72px)}.hero h2{max-width:680px;font-size:clamp(40px,7vw,84px);line-height:1.02}.lead,.section-heading p,.hint{color:var(--muted)}.lead{max-width:620px;font-size:20px}.field{color:var(--muted);gap:8px;margin-top:18px;font-weight:700;display:grid}.field input{border:1px solid var(--line);width:100%;min-height:54px;color:var(--ink);background:#fbfdfb;border-radius:8px;padding:0 16px;font-size:18px}.field.compact{margin-top:12px}.primary,.secondary,.ghost{cursor:pointer;border:0;border-radius:8px;min-height:46px;padding:0 18px;font-weight:800}.primary{background:var(--green);color:#fff;margin-top:24px}.secondary{background:var(--ink);color:#fff}.ghost{color:var(--ink);border:1px solid var(--line);background:#edf4ef}.ghost.selected,.segmented .selected{background:var(--green);color:#fff;border-color:var(--green)}.danger{color:var(--red)}.participant-form{grid-template-columns:1fr 1fr auto auto;align-items:end;margin:22px 0;display:grid}.list{padding:12px}.form-message{min-height:24px;color:var(--muted);margin:-4px 0 12px;font-weight:800}.form-message[data-tone=success]{color:var(--green-dark)}.form-message[data-tone=error]{color:var(--red)}.metric-row,.comparison-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.participant-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto auto auto;align-items:center;gap:12px;padding:12px;display:grid}.participant-row:last-child,.metric-row:last-child,.comparison-row:last-child{border-bottom:0}.participant-row small,.metric-row span{color:var(--muted)}.settings-grid,.result-grid,.participant-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}fieldset{min-width:0;margin:0;padding:18px}legend,h3{font-weight:900}.segmented{flex-wrap:wrap;gap:8px;display:flex}.segmented button{border:1px solid var(--line);cursor:pointer;background:#f8fbf8;border-radius:8px;min-height:42px;padding:0 14px;font-weight:800}.two-col{align-items:start}.slider-row input{flex:1}.slider-row strong{background:var(--mint);text-align:center;min-width:58px;color:var(--green-dark);border-radius:8px;padding:10px 12px;font-size:24px}.live-layout{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:16px;display:grid}.stage{min-height:560px;padding:clamp(24px,5vw,56px);position:relative;overflow:hidden}.stage h2{font-size:clamp(48px,8vw,112px)}.stage p{margin:18px 0;font-size:clamp(24px,4vw,48px)}#tradeAmount{color:var(--green-dark);font-size:clamp(56px,10vw,132px);display:block}.stage.triggered{background:linear-gradient(145deg,#fff,#e7faed);border-color:#8ed9ad}.trigger-burst{background:var(--ink);color:#fff;border-radius:8px;max-width:520px;margin-top:24px;padding:20px}.trigger-burst span,.trigger-burst strong,.trigger-burst small{display:block}.trigger-burst span{color:#a8ffc8;font-size:28px;font-weight:900}.trigger-burst strong{font-size:54px}.dashboard{padding:18px}.metrics{gap:8px;display:grid}.metric{background:#f8fbf8;border-radius:8px;padding:14px}.metric span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800;display:block}.metric strong{margin-top:5px;font-size:24px;display:block}.controls{flex-wrap:wrap;margin-top:18px}.phone-toast{z-index:10;width:min(390px,100vw - 32px);padding:18px;position:fixed;bottom:28px;right:28px}.phone-toast strong{margin-bottom:8px;display:block}.phone-toast p:last-child{white-space:pre-line;margin-bottom:0}.result-grid>div,.participant-result-card,.voucher-detail{padding:16px}.result-grid span,.participant-results span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800;display:block}.result-grid strong,.participant-results strong{margin-top:6px;font-size:28px;display:block}.participant-result-card{background:var(--panel);border:1px solid var(--line);width:100%;box-shadow:var(--shadow);color:var(--ink);cursor:pointer;text-align:left;border-radius:8px}.participant-result-card:hover,.participant-result-card.selected{border-color:var(--green);outline:3px solid #0f8f5f24}.participant-result-card small,.participant-result-card em{color:var(--muted);display:block}.participant-result-card em{margin-top:10px;font-style:normal;font-weight:900}.voucher-detail{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;margin:18px 0 26px}.voucher-detail-header,.voucher-row{grid-template-columns:1fr auto auto;align-items:center;gap:16px;display:grid}.voucher-detail-header{border-bottom:1px solid var(--line);padding-bottom:14px}.voucher-detail-header h3{margin:0}.voucher-detail-header>strong{color:var(--green-dark);grid-column:span 2;font-size:28px}.voucher-row{border-bottom:1px solid var(--line);padding:12px 0}.voucher-row:last-child{border-bottom:0}.voucher-row.header,.voucher-row.total{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.voucher-row.total strong{color:var(--green-dark);font-size:20px}.voucher-row.empty{color:var(--muted);display:block}.comparison-table{overflow-x:auto}.comparison-row{grid-template-columns:90px 100px 150px 130px 150px 120px;min-width:760px}.comparison-row.header{color:var(--muted);text-transform:uppercase;background:#f8fbf8;font-size:12px;font-weight:900}@media (width<=860px){.app-shell{padding:16px}.topbar,.section-heading,.participant-form,.two-col,.live-layout,.settings-grid,.result-grid,.participant-results{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.live-layout{display:grid}.stage{min-height:440px}.participant-row,.voucher-detail-header,.voucher-row{grid-template-columns:1fr}.voucher-detail-header>strong{grid-column:auto}}.topbar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.language-switch{gap:4px;display:flex}