@keyframes cld-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.gb-page{color:var(--color-text);height:100vh;font-family:var(--font-body);flex-direction:column;display:flex;overflow:hidden}.gb-body{min-height:0;padding:10px var(--space-6) 18px;flex-direction:column;flex:1;align-items:center;gap:14px;width:100%;margin:0 auto;display:flex}.gb-header{text-align:center;flex-direction:column;flex:none;align-items:center;gap:3px;display:flex}.gb-components{flex-wrap:wrap;flex:none;justify-content:center;gap:12px;display:flex}.gb-component{border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--surface-raised);flex-direction:column;gap:9px;width:clamp(150px,16vh,190px);min-height:clamp(150px,16vh,190px);padding:13px 14px 14px;animation:.35s both cld-rise;display:flex}.gb-component-body{flex-direction:column;gap:5px;display:flex}.gb-component-name{min-height:2.5em;color:color-mix(in srgb, var(--color-text) 80%, transparent);font-size:14px;font-weight:500;line-height:1.25}.gb-component-usage{font-family:var(--font-data);letter-spacing:-.02em;color:var(--color-accent-300);font-size:22px;line-height:1.1}.gb-entry{flex-direction:column;flex:none;gap:8px;width:100%;max-width:520px;display:flex}.gb-entry-row{align-items:center;gap:8px;display:flex}.gb-field{flex:1;position:relative}.gb-currency{font-family:var(--font-data);color:color-mix(in srgb, var(--color-text) 50%, transparent);font-size:15px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.gb-input{min-height:40px;padding-left:26px;font-size:15px}.gb-submit{min-height:40px;font-size:13px}.gb-error{color:var(--color-accent-300);text-align:center;margin:0;font-size:12px}.gb-log{flex-direction:column;flex:0 auto;align-items:center;gap:12px;width:100%;min-height:0;max-height:100%;padding-bottom:4px;display:flex;overflow-y:auto}.gb-rows{flex-direction:column;flex:none;gap:6px;width:100%;max-width:520px;display:flex}.gb-row{border:1px solid var(--color-divider);border-radius:var(--radius-md);background:var(--color-surface);align-items:center;gap:10px;padding:8px 12px;animation:.3s both cld-rise;display:flex}.gb-row-n{font-family:var(--font-data);color:color-mix(in srgb, var(--color-text) 45%, transparent);width:18px;font-size:11px}.gb-row-dot{background:var(--gb-heat);border-radius:50%;flex:none;width:7px;height:7px}.gb-row-guess{font-family:var(--font-data);flex:1;font-size:15px}.gb-row-hint{color:var(--gb-heat);font-size:13px}.gb-row[data-status=near]{--gb-heat:#78d694}@supports (color:lab(0% 0 0)){.gb-row[data-status=near]{--gb-heat:lab(78.4851% -39.8579 23.6764)}}.gb-row[data-status=mid]{--gb-heat:#e6c45a}@supports (color:lab(0% 0 0)){.gb-row[data-status=mid]{--gb-heat:lab(80.7043% 3.30862 56.3942)}}.gb-row[data-status=far]{--gb-heat:#f97770}@supports (color:lab(0% 0 0)){.gb-row[data-status=far]{--gb-heat:lab(65.9538% 50.1356 28.6987)}}.gb-row[data-status=near],.gb-row[data-status=mid],.gb-row[data-status=far]{border-color:color-mix(in srgb, var(--gb-heat) 40%, var(--color-divider))}.gb-row[data-status=win]{--gb-heat:var(--color-accent-300);border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 14%, transparent)}.gb-row[data-status=win] .gb-row-dot{background:var(--color-accent)}.gb-breakdown{text-align:left;flex-direction:column;gap:7px;display:flex}.gb-breakdown-row{font-family:var(--font-data);justify-content:space-between;align-items:baseline;gap:12px;font-size:12px;display:flex}.gb-breakdown-label{flex-direction:column;gap:2px;min-width:0;display:flex}.gb-breakdown-name{color:var(--color-text)}.gb-breakdown-rate{color:color-mix(in srgb, var(--color-text) 52%, transparent);font-size:10.5px;line-height:1.35}.gb-breakdown-cost{font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--color-text) 78%, transparent);flex:none}.gb-breakdown-sum{border-top:1px solid var(--color-divider);margin-top:2px;padding-top:8px;font-size:13px}.gb-breakdown-sum .gb-breakdown-name{color:color-mix(in srgb, var(--color-text) 65%, transparent)}.gb-breakdown-sum .gb-breakdown-cost{color:var(--color-accent);font-size:15px}@media (max-width:560px){.gb-components{flex-direction:column;align-self:stretch;gap:8px}.gb-component{flex-direction:row;align-items:center;gap:12px;width:100%;min-height:0;padding:10px 13px}.gb-component-body{flex:1;gap:1px;min-width:0}.gb-component-name{min-height:0;font-size:13px}.gb-component-usage{font-size:18px}}