@import"https://fonts.googleapis.com/css2?family=Annie+Use+Your+Telescope&family=Nunito:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--seagrass: #529d7f;--jungle-teal: #42917c;--twilight-indigo: #1f3661;--vanilla-custard: #ead394;--blue-slate: #4d606b;--mint-cream: #f2f8f5;--frozen-water: #d5ece6;--arctic-blue: #eff3fa;--floral-white: #fcf8ee;--carbon-black: #1a2023;--dusty-denim: #6489ce;--spicy-paprika: #e4572e;--metallic-gold: #ddb140;--gray-5: #e5e5ea;--color-accent: #529d7f;--color-accent-hover: #4a9276;--color-accent-strong: #42917c;--color-accent-muted: #529d7f22;--color-on-accent: #ffffff;--color-neutral: #1a20230d;--color-overlay: #1a202399;--color-overlay-hover: #1a20230d;--color-overlay-pressed: #1a202318;--color-tint-hover: #1a2023;--color-background-body: #fcf8ee;--color-background-surface: #ffffff;--color-background-card: #ffffff;--color-background-muted: #f2f8f5;--color-background-subtle: #eff3fa;--color-background-accent-subtle: #d5ece6;--color-background-inverted: #1f3661;--color-background-popover: #ffffff;--color-text-primary: #1a2023;--color-text-secondary: #4d606b;--color-text-tertiary: #4d606b99;--color-text-disabled: #4d606b66;--color-text-accent: #42917c;--color-text-on-inverted: #f2f8f5;--color-on-inverted: #f2f8f5;--color-icon-primary: #1a2023;--color-icon-secondary: #4d606b;--color-icon-accent: #529d7f;--color-icon-disabled: #4d606b66;--color-border: #e5e5ea;--color-border-strong: #d3d7dd;--color-border-accent: #d5ece6;--border-width: 1px;--color-success: #42917c;--color-success-muted: #42917c22;--color-on-success: #ffffff;--color-warning: #ddb140;--color-warning-muted: #ddb14026;--color-on-warning: #1a2023;--color-error: #e4572e;--color-error-muted: #e4572e1f;--color-on-error: #ffffff;--color-info: #6489ce;--color-info-muted: #6489ce1f;--color-on-info: #ffffff;--color-custard: #ead394;--color-indigo: #1f3661;--color-gold: #ddb140;--color-paprika: #e4572e;--color-denim: #6489ce;--color-background-green: #529d7f22;--color-text-green: #35735b;--color-background-teal: #42917c22;--color-text-teal: #2f6b5b;--color-background-blue: #6489ce22;--color-text-blue: #3a5c9c;--color-background-indigo: #1f366118;--color-text-indigo: #1f3661;--color-background-gold: #ddb14026;--color-text-gold: #96741d;--color-background-paprika: #e4572e1f;--color-text-paprika: #b23c1a;--color-background-slate: #4d606b1f;--color-text-slate: #3a4a53;--color-skeleton: #e5e5ea;--color-shadow: #1f36611a;--color-focus-ring: #529d7f}:root{--font-brand: "Annie Use Your Telescope", "Bradley Hand", cursive;--font-heading: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--font-weight-regular: 400;--font-weight-medium: 600;--font-weight-semibold: 700;--font-weight-bold: 800;--font-weight-black: 900;--text-brand-size: 40px;--text-brand-leading: 1;--text-display-size: 32px;--text-display-leading: 1.12;--text-title-lg-size: 26px;--text-title-lg-leading: 1.18;--text-title-size: 21px;--text-title-leading: 1.25;--text-heading-size: 18px;--text-heading-leading: 1.3;--text-body-size: 16px;--text-body-leading: 1.55;--text-label-size: 15px;--text-label-leading: 1.2;--text-supporting-size: 13px;--text-supporting-leading: 1.35;--text-caption-size: 12px;--text-caption-leading: 1.35;--letter-spacing-tight: -.01em;--letter-spacing-normal: 0;--letter-spacing-wide: .04em}:root{--spacing-0-5: 2px;--spacing-1: 4px;--spacing-1-5: 6px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-7: 28px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--size-element-sm: 36px;--size-element-md: 44px;--size-element-lg: 52px}:root{--radius-inner: 8px;--radius-element: 12px;--radius-container: 18px;--radius-page: 28px;--radius-full: 999px}:root{--shadow-low: 0 1px 2px #1f36610f, 0 2px 6px #1f36611a;--shadow-med: 0 2px 6px #1f36610f, 0 8px 20px #1f36611f;--shadow-high: 0 8px 16px #1f36611a, 0 20px 40px #1f36612b;--shadow-inset-focus: inset 0 0 0 2px #529d7f;--duration-fast: 125ms;--duration-medium-min: .18s;--duration-medium: .28s;--duration-slow: .5s;--ease-standard: cubic-bezier(.2, .8, .2, 1);--ease-emphasized: cubic-bezier(.34, 1.3, .5, 1)}.gd-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding-block:var(--spacing-2);padding-inline:var(--spacing-4);height:var(--size-element-md);border:none;border-radius:var(--radius-element);font-family:var(--font-body);font-size:var(--text-label-size);line-height:var(--text-label-leading);font-weight:var(--font-weight-semibold);white-space:nowrap;cursor:pointer;text-decoration:none;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.gd-btn:active{transform:scale(.97)}.gd-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.gd-btn--sm{height:var(--size-element-sm);font-size:var(--text-supporting-size);padding-inline:var(--spacing-3)}.gd-btn--lg{height:var(--size-element-lg);font-size:var(--text-body-size);padding-inline:var(--spacing-6)}.gd-btn--primary{background:var(--color-accent);color:var(--color-on-accent)}.gd-btn--primary:hover{background:var(--color-accent-hover)}.gd-btn--primary:active{background:var(--color-accent-strong)}.gd-btn--secondary{background:var(--color-neutral);color:var(--color-text-primary)}.gd-btn--secondary:hover{background:var(--color-overlay-pressed)}.gd-btn--ghost{background:transparent;color:var(--color-text-primary)}.gd-btn--ghost:hover{background:var(--color-overlay-hover)}.gd-btn--outline{background:var(--color-background-surface);color:var(--color-text-accent);box-shadow:inset 0 0 0 var(--border-width) var(--color-border-accent)}.gd-btn--outline:hover{background:var(--color-background-accent-subtle)}.gd-btn--destructive{background:var(--color-error);color:var(--color-on-error)}.gd-btn--destructive:hover{filter:brightness(.95)}.gd-btn[disabled],.gd-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none}.gd-btn--icon-only{aspect-ratio:1 / 1;padding:0}.gd-btn--block{width:100%}.gd-btn__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px}.gd-badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-1);height:var(--spacing-5);padding-inline:var(--spacing-2);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-supporting-size);line-height:1;font-weight:var(--font-weight-semibold);white-space:nowrap}.gd-badge__dot{width:6px;height:6px;border-radius:var(--radius-full);background:currentColor}.gd-badge--neutral{background:var(--color-neutral);color:var(--color-text-primary)}.gd-badge--info{background:var(--color-accent);color:var(--color-on-accent)}.gd-badge--success{background:var(--color-success);color:var(--color-on-success)}.gd-badge--warning{background:var(--color-warning);color:var(--color-on-warning)}.gd-badge--error{background:var(--color-error);color:var(--color-on-error)}.gd-badge--green{background:var(--color-background-green);color:var(--color-text-green)}.gd-badge--teal{background:var(--color-background-teal);color:var(--color-text-teal)}.gd-badge--blue{background:var(--color-background-blue);color:var(--color-text-blue)}.gd-badge--indigo{background:var(--color-background-indigo);color:var(--color-text-indigo)}.gd-badge--gold{background:var(--color-background-gold);color:var(--color-text-gold)}.gd-badge--paprika{background:var(--color-background-paprika);color:var(--color-text-paprika)}.gd-badge--slate{background:var(--color-background-slate);color:var(--color-text-slate)}.gd-tag{display:inline-flex;align-items:center;gap:var(--spacing-1-5);height:var(--size-element-sm);padding-inline:var(--spacing-3);border-radius:var(--radius-full);border:var(--border-width) solid var(--color-border);background:var(--color-background-surface);color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--text-supporting-size);font-weight:var(--font-weight-semibold);cursor:pointer;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.gd-tag:hover{border-color:var(--color-border-strong)}.gd-tag--selected{background:var(--color-accent-muted);border-color:var(--color-accent);color:var(--color-text-accent)}.gd-tag__icon{width:15px;height:15px;display:inline-flex}.gd-card{background:var(--color-background-card);border-radius:var(--radius-container);box-shadow:var(--shadow-low);padding:var(--spacing-4);border:var(--border-width) solid transparent}.gd-card--outlined{box-shadow:none;border-color:var(--color-border)}.gd-card--muted{background:var(--color-background-muted);box-shadow:none}.gd-card--interactive{cursor:pointer;transition:box-shadow var(--duration-medium) var(--ease-standard),transform var(--duration-medium) var(--ease-standard)}.gd-card--interactive:hover{box-shadow:var(--shadow-med);transform:translateY(-2px)}.gd-field{display:flex;flex-direction:column;gap:var(--spacing-1-5);font-family:var(--font-body)}.gd-field__label{font-size:var(--text-supporting-size);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.gd-field__hint{font-size:var(--text-caption-size);color:var(--color-text-tertiary)}.gd-field__hint--error{color:var(--color-error)}.gd-input{display:flex;align-items:center;gap:var(--spacing-2);height:var(--size-element-md);padding-inline:var(--spacing-4);border-radius:var(--radius-inner);border:var(--border-width) solid var(--color-border);background:var(--color-background-surface);font-family:var(--font-body);font-size:var(--text-body-size);color:var(--color-text-primary);width:100%;box-sizing:border-box;transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.gd-input::placeholder{color:var(--color-text-tertiary)}.gd-input:focus,.gd-input:focus-within{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted)}.gd-input--error{border-color:var(--color-error)}.gd-input--error:focus{box-shadow:0 0 0 3px var(--color-error-muted)}.gd-input__field{border:none;background:transparent;outline:none;font:inherit;color:inherit;width:100%;padding:0}.gd-input__affix{display:inline-flex;color:var(--color-icon-secondary);flex-shrink:0}.gd-check{display:inline-flex;align-items:center;gap:var(--spacing-2);font-family:var(--font-body);font-size:var(--text-body-size);color:var(--color-text-primary);cursor:pointer}.gd-check__box{width:22px;height:22px;flex-shrink:0;border-radius:var(--radius-inner);border:2px solid var(--color-border-strong);background:var(--color-background-surface);display:inline-flex;align-items:center;justify-content:center;color:var(--color-on-accent);transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.gd-check__box svg{opacity:0;transform:scale(.6);transition:all var(--duration-fast) var(--ease-emphasized)}.gd-check--checked .gd-check__box{background:var(--color-accent);border-color:var(--color-accent)}.gd-check--checked .gd-check__box svg{opacity:1;transform:scale(1)}.gd-radio{display:inline-flex;align-items:center;gap:var(--spacing-2);font-family:var(--font-body);font-size:var(--text-body-size);color:var(--color-text-primary);cursor:pointer}.gd-radio__dot{width:22px;height:22px;flex-shrink:0;border-radius:var(--radius-full);border:2px solid var(--color-border-strong);background:var(--color-background-surface);display:inline-flex;align-items:center;justify-content:center;transition:border-color var(--duration-fast) var(--ease-standard)}.gd-radio__dot:after{content:"";width:10px;height:10px;border-radius:var(--radius-full);background:var(--color-accent);transform:scale(0);transition:transform var(--duration-fast) var(--ease-emphasized)}.gd-radio--checked .gd-radio__dot{border-color:var(--color-accent)}.gd-radio--checked .gd-radio__dot:after{transform:scale(1)}.gd-switch{display:inline-flex;align-items:center;gap:var(--spacing-2);cursor:pointer}.gd-switch__track{width:46px;height:28px;border-radius:var(--radius-full);background:var(--color-border-strong);padding:3px;box-sizing:border-box;transition:background-color var(--duration-medium) var(--ease-standard)}.gd-switch__thumb{width:22px;height:22px;border-radius:var(--radius-full);background:#fff;box-shadow:var(--shadow-low);transition:transform var(--duration-medium) var(--ease-emphasized)}.gd-switch--on .gd-switch__track{background:var(--color-accent)}.gd-switch--on .gd-switch__thumb{transform:translate(18px)}.gd-stepper{display:inline-flex;align-items:center;border-radius:var(--radius-full);background:var(--color-background-muted);padding:var(--spacing-1);gap:var(--spacing-1)}.gd-stepper__btn{width:32px;height:32px;border:none;border-radius:var(--radius-full);background:var(--color-background-surface);color:var(--color-icon-accent);font-size:18px;font-weight:var(--font-weight-bold);line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-low);transition:background-color var(--duration-fast) var(--ease-standard)}.gd-stepper__btn:hover{background:var(--color-background-accent-subtle)}.gd-stepper__btn:disabled{opacity:.4;cursor:not-allowed}.gd-stepper__value{min-width:28px;text-align:center;font-family:var(--font-body);font-weight:var(--font-weight-bold);font-size:var(--text-body-size);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.gd-segmented{display:inline-flex;padding:var(--spacing-1);gap:var(--spacing-1);background:var(--color-background-muted);border-radius:var(--radius-full)}.gd-segmented__item{border:none;background:transparent;cursor:pointer;padding:var(--spacing-1-5) var(--spacing-4);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-supporting-size);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.gd-segmented__item--active{background:var(--color-background-surface);color:var(--color-text-accent);box-shadow:var(--shadow-low)}.gd-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);overflow:hidden;background:var(--color-background-accent-subtle);color:var(--color-text-accent);font-family:var(--font-heading);font-weight:var(--font-weight-bold);flex-shrink:0}.gd-avatar img{width:100%;height:100%;object-fit:cover}.gd-avatar--sm{width:32px;height:32px;font-size:13px}.gd-avatar--md{width:44px;height:44px;font-size:16px}.gd-avatar--lg{width:64px;height:64px;font-size:22px}.gd-list-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:var(--color-background-surface);font-family:var(--font-body);text-align:left;width:100%;border:none;box-sizing:border-box;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard)}.gd-list-item:hover{background:var(--color-background-muted)}.gd-list-item__media{flex-shrink:0}.gd-list-item__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.gd-list-item__title{font-size:var(--text-body-size);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.gd-list-item__subtitle{font-size:var(--text-supporting-size);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gd-list-item__trailing{flex-shrink:0;display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-text-secondary)}.gd-product{display:flex;flex-direction:column;background:var(--color-background-card);border-radius:var(--radius-container);overflow:hidden;box-shadow:var(--shadow-low);font-family:var(--font-body)}.gd-product__media{position:relative;aspect-ratio:1 / 1;background:var(--color-background-muted);display:flex;align-items:center;justify-content:center;font-size:56px}.gd-product__flag{position:absolute;top:var(--spacing-2);left:var(--spacing-2)}.gd-product__body{padding:var(--spacing-3);display:flex;flex-direction:column;gap:var(--spacing-1)}.gd-product__name{font-size:var(--text-body-size);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.gd-product__meta{font-size:var(--text-supporting-size);color:var(--color-text-secondary)}.gd-product__foot{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-2)}.gd-product__price{font-size:var(--text-heading-size);font-weight:var(--font-weight-black);color:var(--color-text-primary)}.gd-product__price small{font-size:var(--text-caption-size);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary)}html,body{margin:0;height:100%}#root{min-height:100%}.gd-stage{min-height:var(--app-height, 100dvh);box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:var(--color-background-body);font-family:var(--font-body)}.gd-phone{width:100%;height:var(--app-height, 100dvh);background:var(--color-background-body);overflow:hidden;position:relative;display:flex;flex-direction:column}.gd-statusbar{display:none}@media(min-width:700px){.gd-stage{padding:24px;background:radial-gradient(120% 80% at 50% 0%,#eef4f0,#e4ece7)}.gd-phone{width:390px;height:820px;max-height:calc(100dvh - 48px);border-radius:46px;box-shadow:0 0 0 11px #12181e,0 0 0 13px #2b343d,var(--shadow-high)}.gd-statusbar{display:flex;justify-content:space-between;align-items:center;padding:15px 30px 6px;font-weight:700;font-size:14px;color:var(--color-text-primary);flex-shrink:0}}.gd-screen-wrap{flex:1;position:relative;min-height:0;display:flex;flex-direction:column;overflow:hidden}.gd-screen{flex:1;overflow-y:auto;overflow-x:hidden;position:relative}.gd-screen::-webkit-scrollbar{width:0}.gd-filterrow{scrollbar-width:none;-ms-overflow-style:none}.gd-filterrow::-webkit-scrollbar{height:0;width:0}.gd-tabbar{flex-shrink:0;display:flex;background:var(--color-background-surface);border-top:1px solid var(--color-border);padding:8px 8px calc(12px + env(safe-area-inset-bottom,0px))}.gd-tab{flex:1;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 0;font-family:var(--font-body);transition:color var(--duration-fast) var(--ease-standard)}.gd-tab__count{position:absolute;top:-6px;right:-11px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#e4572e;color:#fcf8ee;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;box-sizing:border-box}@keyframes gd-welcome-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}.gd-welcome{animation:gd-welcome-in .5s var(--ease-standard) both}@keyframes gd-welcome-leaf{0%{opacity:0;transform:scale(.5) rotate(-12deg)}to{opacity:1;transform:none}}.gd-welcome-leaf{animation:gd-welcome-leaf .55s var(--ease-standard) .12s both}@keyframes gd-simmer{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(3deg)}}.gd-simmer{animation:gd-simmer 1.6s var(--ease-standard) infinite}@keyframes gd-shimmer-sweep{0%{background-position:-120% 0}to{background-position:220% 0}}.gd-skel{background:linear-gradient(100deg,var(--color-skeleton, #e5e5ea) 25%,var(--color-accent-muted, #eef3e4) 50%,var(--color-skeleton, #e5e5ea) 75%);background-size:250% 100%;animation:gd-shimmer-sweep 1.7s ease-in-out infinite;border-radius:8px}@keyframes gd-reveal-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.gd-reveal{animation:gd-reveal-in .5s var(--ease-standard) both}@media(prefers-reduced-motion:reduce){.gd-skel,.gd-reveal{animation:none}}.gd-locpick{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}a{color:var(--color-text-accent)}a:hover{color:var(--color-accent-strong)}