:root { color-scheme:light dark; font-family:system-ui,"Segoe UI",sans-serif; color:var(--form-ink,light-dark(#252b31,#edf1f5)); background:var(--form-background,light-dark(#fff,#20252a)); }
:root{--form-accent:#1670b8;--form-button-ink:#ffffff}
[hidden]{display:none!important}.form-logo{max-width:220px;max-height:100px;object-fit:contain;margin-bottom:24px}.form-intro,.field-layout p{white-space:pre-wrap}.form-hint{font-size:.87rem;line-height:1.5;color:var(--form-muted,light-dark(#536579,#c1cbd6));margin:5px 0 12px}.field-error{color:light-dark(#9c2929,#ffbfbf);font-size:.9rem}.field-layout h2{font-size:1.15rem;margin:28px 0 10px}.actions{margin-bottom:20px}button{background:var(--form-accent)!important;color:var(--form-button-ink)!important}button:disabled{opacity:.65;cursor:wait}#form-pages{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin:25px 0}#form-pages span{font-size:.85rem;flex:1}#form-progress{flex-basis:100%;width:100%;height:7px;accent-color:var(--form-accent)}#form-back{background:light-dark(#e9eef4,#3d4651)!important;color:inherit!important}#respondent-fields{min-height:120px}[aria-invalid=true]{border-color:#b43131!important}
* { box-sizing:border-box; }
body { margin:0; }
main { max-width:700px; padding:28px 22px; margin:auto; }
h1 { font-size:1.6rem; font-weight:600; margin:0 0 25px; overflow-wrap:anywhere; }
.field { margin:0 0 20px; }
label { display:block; margin-bottom:7px; font-weight:500; }
label span { font-size:.85rem; font-weight:400; }
input:not([type=checkbox]),textarea,select { width:100%; padding:10px; font:inherit; border:1px solid light-dark(#bec7cf,#5e6975); border-radius:4px; background:light-dark(#fff,#292f36); color:light-dark(#252b31,#edf1f5); }
input[type=checkbox] { width:20px; height:20px; }
textarea { min-height:110px; resize:vertical; }
select[multiple] { min-height:110px; }
button { padding:11px 19px; background:light-dark(#29323a,#e8edf3); color:light-dark(#fff,#20252a); border:0; border-radius:4px; font:inherit; cursor:pointer; }
:focus-visible { outline:3px solid light-dark(#21669e,#8bc9fa); outline-offset:3px; }
.errors { padding:12px 18px; background:light-dark(#ffeded,#492b2b); color:light-dark(#822b2b,#ffbfbf); border-radius:4px; margin-bottom:20px; }
.trap { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.notice { overflow-wrap:anywhere; }
@media(max-width:480px) { main { padding:22px 16px; } input,textarea,select { font-size:16px; } }

.promotion-summary{padding:1rem;background:#f1f6f5;border:1px solid #d3e2de;border-radius:.5rem;margin:1.2rem 0}.promotion-summary h2{font-size:1.1rem}.promotion-text{white-space:pre-wrap}.promotion-summary summary{cursor:pointer;font-weight:600}

.forms-prize-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:1rem;list-style:none;margin:0 0 1.25rem;padding:0}.forms-prize-card{min-width:0;border:1px solid #dce4eb;border-radius:12px;overflow:hidden;background:#fff}.forms-prize-image{display:block;width:100%;height:200px;object-fit:contain;background:#f5f7fa;border-radius:8px}.forms-prize-card p{padding:.85rem;margin:0;overflow-wrap:anywhere}

.forms-entry-layout{display:grid;gap:1.25rem;min-width:0}.forms-hero img{display:block;width:100%;height:auto;object-fit:contain}.forms-hero iframe{width:100%;aspect-ratio:16/9;border:0;display:block;margin-top:.75rem}.forms-entry-content{min-width:0}.forms-hero:empty{display:none}@container forms-presentation (min-width:800px){.forms-entry-beside:has(>.forms-entry-overview){grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:start}.forms-entry-beside>.forms-entry-overview{align-self:start}}

main:has(.forms-entry-beside>.forms-entry-overview),.forms-preview:has(.forms-entry-beside>.forms-entry-overview){max-width:1100px}

:root:has(body.forms-public-winners){color-scheme:light;--form-background:#fff;--form-ink:#252b31;--form-muted:#536579}.forms-winners{list-style:none;padding:0;display:grid;gap:.75rem}.forms-winners li{border:1px solid #d8dfe7;border-radius:.4rem;padding:1rem}.forms-winners li p{margin:.3rem 0}

.forms-hero img{max-height:440px}
.promotion-closed{padding:16px 18px;margin:16px 0 24px;border:1px solid color-mix(in srgb,var(--form-accent) 35%,transparent);border-left:4px solid var(--form-accent);border-radius:6px}.promotion-closed h2{margin:0 0 10px;font-size:1.15rem}.promotion-closed p:last-child{margin-bottom:0}

main[data-form-id],.forms-preview{container-type:inline-size;container-name:forms-presentation}

.forms-entry-overview{min-width:0}.forms-entry-overview>.forms-hero{margin-top:1rem}
.rules-dialog{position:fixed;inset:12px 0 auto;margin:0 auto;padding:0;width:min(900px,calc(100% - 24px));max-height:min(80vh,680px);border:1px solid #a6b2c0;border-radius:8px;background:var(--form-background,light-dark(#fff,#20252a));color:var(--form-ink,light-dark(#252b31,#edf1f5));overflow:auto}.rules-dialog::backdrop{background:#14233180}.rules-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;position:sticky;top:0;padding:14px 18px;background:var(--form-background,light-dark(#fff,#20252a));border-bottom:1px solid #d8dfe7}.rules-dialog-header h2{margin:0;font-size:1.2rem}.rules-dialog-body{padding:0 18px 18px;white-space:normal;overflow-wrap:anywhere}.rules-dialog .promotion-text{white-space:pre-wrap}.rules-dialog-close{font:inherit;padding:8px 12px;cursor:pointer}.rules-open{font:inherit;cursor:pointer}

.rules-open,.rules-dialog-close{min-height:42px;padding:8px 12px;background:var(--form-accent,#1670b8);color:var(--form-button-ink,#fff);border:1px solid var(--form-accent,#1670b8);border-radius:5px}
.forms-workspace dialog.rules-dialog{max-width:900px;width:min(900px,calc(100% - 24px));padding:0}

.forms-public-winners main{container-type:inline-size;container-name:forms-presentation}.forms-winner-layout>.forms-entry-content>h2{margin-top:0}