.ghcqs-root{--ghcqs-surface:var(--surface-solid,#fff);--ghcqs-bg:var(--bg,#f7f6f7);--ghcqs-ink:var(--ink,#242329);--ghcqs-muted:var(--muted,#67656d);--ghcqs-line:var(--line,#dddbe1);--ghcqs-tint:var(--accent-soft,#fae8ec);--ghcqs-accent:var(--accent,#bd1f36);font-family:var(--font,Ubuntu,Arial,sans-serif);font-size:15px;line-height:1.5;color:var(--ghcqs-ink);color-scheme:light}
[data-theme=dark] .ghcqs-root,.ghcqs-root[data-theme=dark]{--ghcqs-surface:var(--surface-solid,#252525);--ghcqs-bg:var(--bg,#191919);--ghcqs-ink:var(--ink,#f7f6f8);--ghcqs-muted:var(--muted,#b9b7bf);--ghcqs-line:var(--line,#3d3b40);--ghcqs-tint:var(--accent-soft,#44262d);--ghcqs-accent:var(--accent,#ff8495);color-scheme:dark}
.ghcqs-root *{box-sizing:border-box}.ghcqs-root [hidden]{display:none!important}.ghcqs-root button,.ghcqs-root input,.ghcqs-root select{font:inherit}.ghcqs-root button,.ghcqs-root select{cursor:pointer}.ghcqs-root button:focus-visible,.ghcqs-root a:focus-visible,.ghcqs-root input:focus-visible,.ghcqs-root select:focus-visible{outline:3px solid var(--ghcqs-accent);outline-offset:3px}.ghcqs-root button:disabled{cursor:wait;opacity:.7}.ghcqs-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ghcqs-launch{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;margin:24px 0;padding:22px 20px;border:1px solid var(--ghcqs-line);border-radius:12px;background:var(--ghcqs-surface);color:var(--ghcqs-ink);text-align:start;transition:border-color .2s}.ghcqs-launch:hover{border-color:var(--ghcqs-accent)}.ghcqs-launch strong{display:block;font-size:20px;line-height:1.3}.ghcqs-launch-description{display:block;font-size:14px;line-height:1.5;margin-top:6px;color:var(--ghcqs-muted)}.ghcqs-arrow{font-size:24px;line-height:1;flex-shrink:0;color:var(--ghcqs-accent)}
.ghcqs-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(460px,100%);max-width:100%;height:100%;height:100dvh;max-height:100%;border:0;border-left:1px solid var(--ghcqs-line);padding:0;background:var(--ghcqs-surface);color:var(--ghcqs-ink);font:inherit;overflow-y:auto;overscroll-behavior:contain;box-shadow:-18px 0 70px #00000020;text-align:start}.ghcqs-dialog[open]{animation:ghcqs-slide-in .24s ease-out}.ghcqs-dialog::backdrop{background:#24202b66;backdrop-filter:blur(2px)}.ghcqs-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 30px 5px;position:sticky;top:0;z-index:2;background:var(--ghcqs-surface);font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:var(--ghcqs-muted)}.ghcqs-close{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;padding:0;border-radius:50%;border:1px solid var(--ghcqs-line);background:transparent;color:var(--ghcqs-ink);font-size:28px!important;font-weight:400;line-height:1}.ghcqs-close:hover{background:var(--ghcqs-tint)}.ghcqs-content{padding:15px 30px max(28px,env(safe-area-inset-bottom))}.ghcqs-product{display:flex;align-items:center;gap:16px;padding-bottom:24px;margin-bottom:25px;border-bottom:1px solid var(--ghcqs-line)}.ghcqs-product-image{width:78px;height:78px;flex-shrink:0;object-fit:contain;border-radius:12px;background:#fff}.ghcqs-product-name{font-size:22px!important;line-height:1.2!important;margin:0 0 7px!important;color:var(--ghcqs-ink)!important;letter-spacing:normal!important}.ghcqs-product-variant{font-size:12px!important;margin:0!important;color:var(--ghcqs-muted)!important}.ghcqs-title{font-size:28px!important;line-height:1.2!important;letter-spacing:-.6px!important;margin:0 0 24px!important;color:var(--ghcqs-ink)!important}.ghcqs-loading{font-size:13px;color:var(--ghcqs-muted);margin:12px 0}.ghcqs-error{font-size:12px;line-height:1.6;padding:12px;border-radius:8px;margin:14px 0;color:var(--ghcqs-accent);background:var(--ghcqs-tint)}.ghcqs-retry{background:transparent;border:1px solid var(--ghcqs-line);border-radius:8px;padding:9px 14px;color:var(--ghcqs-accent);font-size:13px}.ghcqs-form{margin:0}
.ghcqs-mode{display:flex;gap:4px;border:1px solid var(--ghcqs-line);padding:4px;margin:0 0 24px;min-width:0;border-radius:11px;background:var(--ghcqs-bg)}.ghcqs-mode label{flex:1;position:relative;cursor:pointer;margin:0}.ghcqs-mode input{position:absolute;opacity:0;width:1px;height:1px}.ghcqs-mode span{display:block;text-align:center;padding:10px;border-radius:7px;font-size:14px;color:var(--ghcqs-ink)}.ghcqs-mode input:checked+span{color:var(--ghcqs-accent);background:var(--ghcqs-tint);font-weight:700}.ghcqs-mode input:focus-visible+span{outline:3px solid var(--ghcqs-accent);outline-offset:3px}.ghcqs-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 12px}.ghcqs-field{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--ghcqs-muted);min-width:0;margin:0}.ghcqs-controls>.ghcqs-field{margin-bottom:20px}.ghcqs-field input,.ghcqs-field select{color:var(--ghcqs-ink);background:var(--ghcqs-surface);width:100%;max-width:100%;min-width:0;border:1px solid var(--ghcqs-line);border-radius:8px;padding:11px 12px;font-size:16px;min-height:46px;height:auto;box-shadow:none}.ghcqs-field select{padding-inline-end:24px;text-overflow:ellipsis}.ghcqs-field input[readonly]{background:var(--ghcqs-bg);color:var(--ghcqs-muted)}.ghcqs-full{grid-column:1/-1}.ghcqs-field-note{font-size:11px!important;line-height:1.6!important;color:var(--ghcqs-muted)!important;margin:9px 0 0!important}.ghcqs-input-grid>.ghcqs-field-note{margin-top:-9px!important}.ghcqs-temperature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px;margin-top:19px}.ghcqs-calculate{width:100%;display:flex;align-items:center;justify-content:center;padding:14px 18px;border:0;border-radius:10px;background:#bf1e37;color:#fff;font-weight:700!important;margin-top:24px;min-height:50px}.ghcqs-calculate:hover{background:#a61830}.ghcqs-calculate:focus-visible{outline-offset:4px}
.ghcqs-result-section{margin-top:26px;border-top:1px solid var(--ghcqs-line);padding-top:20px}.ghcqs-result-top{display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--ghcqs-muted);font-size:11px;margin-bottom:15px}.ghcqs-reset{border:0;background:transparent;padding:6px 0 6px 12px;color:var(--ghcqs-accent);font-size:12px!important;min-height:32px}.ghcqs-placeholder>span{font-size:32px;line-height:1.2}.ghcqs-placeholder p{font-size:12px!important;line-height:1.6!important;color:var(--ghcqs-muted)!important;margin:6px 0 0!important}.ghcqs-main-result>span{font-size:12px;color:var(--ghcqs-muted)}.ghcqs-main-result strong{display:block;font-size:42px;letter-spacing:-1px;font-weight:400;line-height:1.2;margin-top:4px}.ghcqs-main-result small{font-size:15px;letter-spacing:0;color:var(--ghcqs-muted)}.ghcqs-secondary-results{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.ghcqs-metric>span{font-size:11px;color:var(--ghcqs-muted)}.ghcqs-metric strong{display:block;font-size:22px;font-weight:400;margin-top:3px;line-height:1.3}.ghcqs-metric small{font-size:12px;color:var(--ghcqs-muted)}.ghcqs-summary{font-size:11px!important;color:var(--ghcqs-muted)!important;border-top:1px solid var(--ghcqs-line);padding-top:14px;margin:20px 0 0!important;line-height:1.7!important}.ghcqs-suite{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;margin-top:24px;border:1px solid var(--ghcqs-line);border-radius:12px;background:var(--ghcqs-tint);color:var(--ghcqs-accent)!important;text-decoration:none!important;transition:border-color .2s}.ghcqs-suite>span:first-child{min-width:0}.ghcqs-suite strong{display:block;font-size:16px;line-height:1.4}.ghcqs-suite-description{display:block;margin-top:4px;font-size:12px;line-height:1.6}.ghcqs-suite:hover{border-color:var(--ghcqs-accent)}
@keyframes ghcqs-slide-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.ghcqs-dialog[open]{animation:none}.ghcqs-root *{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:620px){.ghcqs-launch{padding:20px 16px}.ghcqs-launch-description{font-size:13px}.ghcqs-header{padding:15px 22px 5px}.ghcqs-content{padding:13px 22px max(25px,env(safe-area-inset-bottom))}.ghcqs-product{padding-bottom:20px;margin-bottom:22px}.ghcqs-dialog{width:100%;border-left:0}}
@media(max-width:350px){.ghcqs-header{padding-inline:16px}.ghcqs-content{padding-inline:16px}.ghcqs-input-grid{grid-template-columns:1fr}.ghcqs-temperature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ghcqs-main-result strong{font-size:36px}}
