:root{--accent:rgb(234,111,45);--muted:#6b7280;--card-bg:rgba(255,255,255,0.98)}body,html{height:100%;margin:0;padding:0;overflow:hidden;font-family:InterVar,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.pageWrap{min-height:100vh;flex-direction:column;position:relative;background:#060606;color:#fff}.header,.pageWrap{display:flex;align-items:center}.header{width:100%;justify-content:center;padding:18px 12px;top:0;left:0;z-index:40;background:rgba(0,0,0,0)}.logo{height:150px;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(56,49,49,.6))}.bgImage{position:absolute;inset:0;background-image:url(/_next/static/media/parrilla-background.db9d4b59.jpg);background-size:cover;background-position:50%;filter:saturate(.9) brightness(.55);z-index:0}.content{position:relative;z-index:10;width:min(920px,94%);padding:110px 22px 22px;box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch}.card{background:hsla(0,0%,100%,.12);border-radius:14px;padding:22px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 30px rgba(2,6,23,.35)}.question{font-size:1.4rem;font-weight:800;text-align:center;margin-bottom:14px}.controls{margin-top:8px;display:flex;flex-direction:column;width:100%}.controls .textarea{width:100%;min-height:120px;border-radius:10px;padding:12px;border:1px solid rgba(229,231,235,.4);font-size:15px;resize:vertical;background:hsla(0,0%,100%,.02);color:#fff;box-sizing:border-box}.emojiRow{display:flex;justify-content:center;gap:12px;margin-bottom:12px}.emojiButton{width:68px;height:68px;border-radius:12px;background:#fff;border:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease;box-shadow:0 6px 18px rgba(2,6,23,.08);font-size:28px}.active{transform:scale(1.09);box-shadow:0 12px 28px rgba(15,118,110,.18)}.actions{display:flex;justify-content:space-between;gap:12px;margin-top:16px;align-items:center}.icon{width:18px;height:18px}.progressTrack{background:hsla(0,0%,100%,.06);height:9px}.progressFill{background:linear-gradient(90deg,#ffd6a5,rgb(234,111,45));transition:width .28s ease}.meta{display:flex;justify-content:space-between;margin-top:8px;color:#fff;font-size:13px}.toast{margin-top:12px;padding:10px 14px;border-radius:8px;background:rgba(6,95,70,.12);color:#064e3b;font-weight:600;text-align:center}.sliderWrap{display:flex;flex-direction:column;gap:12px;width:100%}.sliderLabels{display:flex;gap:8px;width:100%;justify-content:space-between;align-items:center}.sliderLabel{color:var(--muted);opacity:.75}.activeLabel{opacity:1}.rangeInput::-webkit-slider-thumb{width:20px;height:20px;box-shadow:0 6px 14px rgba(0,0,0,.18);border:2px solid #ea6f2d}.rangeInput::-moz-range-thumb{width:20px;height:20px;border:2px solid #ea6f2d}.btnPrimary,.btnSecondary{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;font-weight:700;border:none;cursor:pointer}.btnPrimary{background:var(--accent);color:#fff}.btnPrimary:disabled{opacity:.55;cursor:not-allowed}.btnSecondary{background:#111827;color:#fff;opacity:.95}.btnDanger{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;font-weight:800;background:linear-gradient(90deg,#ff6b35,#ff3d00);color:#fff;border:none;cursor:pointer}.introBox{display:flex;flex-direction:column;gap:10px}.progressArea{margin-top:14px}.progressWrap{width:100%;margin:6px 0 8px}.progressTrack{background:hsla(0,0%,100%,.12);height:12px;border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.25)}.progressFill{height:100%;width:0;transition:width .32s cubic-bezier(.2,.9,.2,1);background:linear-gradient(90deg,#ffd6a5,#ff6b35 50%,#ff3d00);box-shadow:0 6px 18px rgba(255,107,53,.18)}.nativeSlider{padding:8px 0}.nativeTooltip{top:-34px}.sliderLabelRow{justify-content:space-around}.nativeSlider{position:relative;width:100%;padding:10px 0 28px}.rangeInput{-webkit-appearance:none;width:100%;height:8px;border-radius:999px;background:linear-gradient(90deg,#ffd6a5,#fb7185);outline:none;margin:0}.rangeInput::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:999px;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.18);border:3px solid #ea6f2d;margin-top:-7px}.rangeInput::-moz-range-thumb{width:22px;height:22px;border-radius:999px;background:#fff;border:3px solid #ea6f2d}.nativeTooltip{position:absolute;top:-36px;transform:translateX(-50%);padding:6px 8px;background:rgba(0,0,0,.72);color:#fff;font-size:12px;border-radius:6px;white-space:nowrap;pointer-events:none;left:50%}.emojiMarkers{position:relative;height:28px;margin-top:-4px;width:100%}.emojiMarker{position:absolute;top:0;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;width:36px;height:36px;pointer-events:none;transition:transform .16s ease,filter .16s ease}.emojiChar{font-size:20px;display:inline-block;filter:drop-shadow(0 6px 10px rgba(0,0,0,.24))}.activeEmoji{transform:translateX(-50%) translateY(-4px) scale(1.12)}.sliderLabelRow{display:flex;justify-content:space-between;gap:8px;margin-top:8px}.sliderLabel{font-size:13px;color:hsla(0,0%,100%,.75);text-align:center;flex:1 1;opacity:.8}.activeLabel,.introTitle{color:#fff;font-weight:700}.introTitle{text-align:center;font-size:3rem;margin-bottom:.5em}@media(max-width:992px){.introTitle{font-size:2rem}}.introText{text-align:center;font-size:1.4rem;font-weight:400;line-height:1.4;color:hsla(0,0%,100%,.85);margin-bottom:1.5em}@media(max-width:992px){.introText{font-size:1.2rem}}