.landing-hero{align-items:center;gap:clamp(var(--fd-space-8), 4vw, var(--fd-space-16));max-width:1440px;min-height:calc(100vh - 96px);padding:var(--fd-space-10) var(--fd-space-6) var(--fd-space-12);grid-template-columns:minmax(300px,410px) minmax(0,1fr);margin:0 auto;display:grid}.hero-copy{gap:var(--fd-space-6);justify-items:start;min-width:0;display:grid}h1,h2,h3{color:var(--fd-foreground);font-family:var(--fd-font-heading);letter-spacing:var(--fd-letter-spacing-normal);margin:0}h1{font-size:clamp(52px,7vw,84px);line-height:.96}.hero-lede{color:var(--fd-foreground-muted);font-size:var(--fd-font-size-body-large);line-height:var(--fd-line-height-body);max-width:min(680px,100%);margin:0}.hero-actions,.badge-row{gap:var(--fd-space-3);flex-wrap:wrap;display:flex}.interface-showcase{align-items:stretch;gap:var(--fd-space-4);grid-template-columns:repeat(12,minmax(0,1fr));width:100%;min-width:0;display:grid}.interface-showcase>*{min-width:0}.showcase-panel,.notification-card,.interface-showcase .eui-card{background:var(--fd-surface-raised);border:1px solid var(--fd-border);border-radius:var(--fd-radius-lg);box-shadow:var(--fd-shadow-card-soft);overflow:hidden}.form-panel{gap:var(--fd-space-5);padding:var(--fd-space-5);grid-column:span 4;display:grid}.panel-heading{align-items:center;gap:var(--fd-space-3);justify-content:space-between;min-width:0;display:flex}.panel-heading>span{color:var(--fd-foreground);font-size:var(--fd-font-size-label);font-weight:var(--fd-font-weight-semibold);line-height:var(--fd-line-height-label)}.field-group{color:var(--fd-foreground);font-size:var(--fd-font-size-label);font-weight:var(--fd-font-weight-semibold);gap:var(--fd-space-2);line-height:var(--fd-line-height-label);min-width:0;display:grid}.field-group small{color:var(--fd-muted-foreground);font-size:var(--fd-font-size-caption);font-weight:var(--fd-font-weight-normal);line-height:var(--fd-line-height-caption)}.required-mark{color:var(--fd-error)}.form-panel .eui-input{min-height:44px}.native-select{appearance:none;background:linear-gradient(45deg, transparent 50%, var(--fd-foreground-muted) 50%) calc(100% - 21px) 50% / 6px 6px no-repeat, linear-gradient(135deg, var(--fd-foreground-muted) 50%, transparent 50%) calc(100% - 16px) 50% / 6px 6px no-repeat, var(--fd-surface-raised);border:1px solid var(--fd-input);border-radius:var(--fd-radius-md);color:var(--fd-foreground-muted);font:inherit;font-size:var(--fd-font-size-body);font-weight:var(--fd-font-weight-normal);min-height:44px;padding:0 var(--fd-space-10) 0 var(--fd-space-3)}.native-select:focus{border-color:var(--fd-ring);box-shadow:0 0 0 3px color-mix(in srgb, var(--fd-ring) 28%, transparent);outline:none}.control-row{background:var(--fd-surface-sunken);border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-lg);align-items:center;gap:var(--fd-space-4);min-inline-size:0;padding:var(--fd-space-3);flex-wrap:wrap;justify-content:space-between;margin:0;display:flex}.check-control,.switch-control,.radio-control{display:inline-grid;position:relative}.check-control input,.switch-control input,.radio-control input{opacity:0;width:1px;height:1px;position:absolute}.check-control span{background:var(--fd-surface-raised);border:1px solid var(--fd-border);border-radius:var(--fd-radius-sm);color:var(--fd-surface);justify-content:center;align-items:center;width:26px;height:26px;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex}.check-control input:checked+span{background:var(--fd-primary);border-color:var(--fd-primary);color:var(--fd-primary-foreground)}.check-control input:focus-visible+span,.switch-control input:focus-visible+span,.radio-control input:focus-visible+span{outline:2px solid var(--fd-ring);outline-offset:2px}.switch-control span{background:color-mix(in srgb, var(--fd-accent) 18%, var(--fd-surface));border:1px solid var(--fd-border);border-radius:var(--fd-radius-full);width:58px;height:30px;transition:background-color .16s;display:inline-block;position:relative}.switch-control span:after{background:var(--fd-surface-raised);border-radius:var(--fd-radius-full);content:"";width:22px;height:22px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0f172a24}.switch-control input:checked+span{border-color:var(--fd-primary);background:var(--fd-primary)}.switch-control input:checked+span:after{transform:translate(30px)}.radio-control span{background:var(--fd-surface-raised);border:1px solid var(--fd-border);border-radius:var(--fd-radius-full);width:26px;height:26px;display:inline-block;position:relative}.radio-control span:after{background:var(--fd-primary);border-radius:var(--fd-radius-full);content:"";opacity:0;width:10px;height:10px;transition:opacity .16s;position:absolute;inset:7px}.radio-control input:checked+span{border-color:var(--fd-primary)}.radio-control input:checked+span:after{opacity:1}.loading-ring{border:3px solid color-mix(in srgb, var(--fd-accent) 28%, transparent);border-radius:var(--fd-radius-full);border-top-color:var(--fd-primary);width:30px;height:30px;display:inline-block}.price-control{color:var(--fd-foreground);font-size:var(--fd-font-size-label);font-weight:var(--fd-font-weight-semibold);align-items:center;gap:var(--fd-space-3);grid-template-columns:1fr auto;min-width:0;display:grid}.price-control input{accent-color:var(--fd-primary);grid-column:1/-1;width:100%}.auth-panel{gap:var(--fd-space-4);padding:var(--fd-space-5);grid-column:span 4;display:grid}.avatar-stack{padding-left:var(--fd-space-2);margin:0;list-style:none;display:flex}.avatar{background:var(--fd-brand-soft);border:3px solid var(--fd-surface-raised);border-radius:var(--fd-radius-full);color:var(--fd-foreground);font-size:var(--fd-font-size-caption);font-weight:var(--fd-font-weight-bold);height:46px;margin-left:calc(var(--fd-space-2) * -1);justify-content:center;align-items:center;width:46px;display:inline-flex}.avatar-1{background:var(--fd-info-soft);color:var(--fd-info)}.avatar-2{background:var(--fd-primary);color:var(--fd-primary-foreground)}.avatar-3{background:var(--fd-success-soft);color:var(--fd-success)}.avatar-4{background:var(--fd-surface-sunken);color:var(--fd-foreground-muted)}.avatar-5{background:var(--fd-surface-raised);color:var(--fd-foreground-muted)}.auth-panel h2,.signup-card h2,.profile-card h2,.unsaved-card h2{color:var(--fd-foreground);font-size:var(--fd-font-size-body-large);line-height:var(--fd-line-height-heading);margin:0}.auth-panel p,.signup-card p,.profile-card p,.community-card p,.unsaved-card p{color:var(--fd-foreground-muted);line-height:var(--fd-line-height-body);margin:0}.otp-row{gap:var(--fd-space-2);border:0;grid-template-columns:repeat(6,minmax(0,1fr));min-inline-size:0;margin:0;padding:0;display:grid}.otp-box{background:var(--fd-surface-raised);border:1px solid var(--fd-border);border-radius:var(--fd-radius-md);color:var(--fd-foreground);font-size:20px;font-weight:var(--fd-font-weight-bold);justify-content:center;align-items:center;min-width:0;height:48px;display:inline-flex;box-shadow:0 1px 2px #0f172a0d}.resend-copy{font-size:var(--fd-font-size-label)}.resend-copy button{color:var(--fd-foreground);cursor:pointer;font:inherit;background:0 0;border:0;border-bottom:1px solid;padding:0}.button-samples{gap:var(--fd-space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.button-samples .eui-button{min-width:0;min-height:36px;padding:0 var(--fd-space-3);width:100%}.soft-danger-button{background:var(--fd-error-soft);color:var(--fd-error);border-color:#0000}.signup-card{grid-column:span 4;position:relative}.signup-card .eui-card__content,.unsaved-card .eui-card__content{align-items:center;gap:var(--fd-space-4);min-height:100%;padding:var(--fd-space-6) var(--fd-space-5);text-align:center;display:grid}.icon-button{background:var(--fd-surface-sunken);border-radius:var(--fd-radius-full);color:var(--fd-foreground-muted);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.icon-button:focus-visible{outline:2px solid var(--fd-ring);outline-offset:2px}.close-button{right:var(--fd-space-4);top:var(--fd-space-4);position:absolute}.modal-symbol{background:var(--fd-muted);border-radius:var(--fd-radius-full);color:var(--fd-foreground);justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto;display:inline-flex}.full-width-button{width:100%}.divider{color:var(--fd-muted-foreground);font-size:var(--fd-font-size-caption);font-weight:var(--fd-font-weight-semibold);align-items:center;gap:var(--fd-space-3);text-transform:uppercase;grid-template-columns:1fr auto 1fr;width:100%;display:grid}.divider:before,.divider:after{background:var(--fd-border-subtle);content:"";height:1px}.provider-button{background:var(--fd-surface-sunken);border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-md);color:var(--fd-foreground);cursor:pointer;font:inherit;font-weight:var(--fd-font-weight-semibold);align-items:center;gap:var(--fd-space-2);min-height:42px;padding:0 var(--fd-space-4);justify-content:center;width:100%;display:inline-flex}.provider-button:hover{background:var(--fd-hover);border-color:var(--fd-border)}.provider-button:focus-visible{outline:2px solid var(--fd-ring);outline-offset:2px}.provider-mark{border-radius:var(--fd-radius-full);font-size:var(--fd-font-size-label);font-weight:var(--fd-font-weight-bold);justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.google-mark{background:var(--fd-surface-raised);color:var(--fd-success)}.apple-mark{background:var(--fd-foreground);color:var(--fd-background)}.segmented-row{align-content:start;gap:var(--fd-space-3);grid-column:span 4;display:grid}.segmented-control{background:var(--fd-surface-sunken);border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-lg);align-items:center;gap:var(--fd-space-1);min-inline-size:0;padding:var(--fd-space-1);grid-template-columns:repeat(5,minmax(0,1fr));margin:0;display:grid}.segmented-control button{border-radius:var(--fd-radius-md);color:var(--fd-foreground-muted);cursor:pointer;font:inherit;font-size:var(--fd-font-size-label);font-weight:var(--fd-font-weight-medium);align-items:center;gap:var(--fd-space-2);min-height:38px;padding:0 var(--fd-space-3);background:0 0;border:0;justify-content:center;display:inline-flex}.segmented-control button.active{background:var(--fd-surface-raised);box-shadow:var(--fd-shadow-card-soft);color:var(--fd-foreground)}.segmented-control button:focus-visible{outline:2px solid var(--fd-ring);outline-offset:2px}.segmented-control-wide{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-card{grid-column:span 4}.profile-card .eui-card__content{align-items:start;gap:var(--fd-space-4);padding:var(--fd-space-5);grid-template-columns:auto 1fr;display:grid}.brand-avatar{background:var(--fd-foreground);border-radius:var(--fd-radius-full);color:var(--fd-background);font-size:var(--fd-font-size-body-large);font-weight:var(--fd-font-weight-bold);justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.profile-heading{align-items:center;gap:var(--fd-space-2);flex-wrap:wrap;display:flex}.profile-handle{color:var(--fd-muted-foreground);font-size:var(--fd-font-size-label)}.profile-stats{color:var(--fd-foreground-muted);gap:var(--fd-space-2);margin-top:var(--fd-space-3);flex-wrap:wrap;display:flex}.profile-stats strong{color:var(--fd-foreground)}.community-card{grid-column:span 2}.community-card .eui-card__content{gap:var(--fd-space-2);padding:var(--fd-space-5);display:grid}.community-card h3{font-size:var(--fd-font-size-body);line-height:var(--fd-line-height-heading)}.community-card small{color:var(--fd-foreground-muted);align-items:center;gap:var(--fd-space-2);display:flex}.community-art{border-radius:var(--fd-radius-md);height:72px;margin-bottom:var(--fd-space-2);width:100%;display:inline-block;position:relative;overflow:hidden}.community-art-cactus{background:var(--fd-color-neutral-cream)}.community-art-cactus:before{background:var(--fd-primary);border-radius:var(--fd-radius-full) var(--fd-radius-full) 0 0;content:"";width:10px;height:34px;position:absolute;bottom:18px;left:calc(50% - 5px)}.community-art-cactus:after{background:var(--fd-warning);border-radius:0 0 var(--fd-radius-sm) var(--fd-radius-sm);content:"";width:22px;height:12px;position:absolute;bottom:12px;left:calc(50% - 11px)}.community-art-builder{background:var(--fd-info-soft)}.community-art-builder:before{background:var(--fd-warning);border-radius:var(--fd-radius-full);content:"";width:34px;height:34px;position:absolute;top:16px;left:calc(50% - 17px)}.community-art-builder:after{background:var(--fd-foreground);border-radius:var(--fd-radius-sm);content:"";width:42px;height:18px;position:absolute;bottom:15px;left:calc(50% - 21px)}.author-dot{border-radius:var(--fd-radius-full);width:10px;height:10px;display:inline-block}.author-dot-warm{background:var(--fd-error)}.author-dot-cool{background:var(--fd-info)}.action-card{grid-column:span 4}.action-card .eui-card__content{gap:var(--fd-space-3);padding:var(--fd-space-5);display:grid}.menu-label{color:var(--fd-muted-foreground);font-size:var(--fd-font-size-caption);font-weight:var(--fd-font-weight-semibold);margin:0}.menu-item{color:var(--fd-foreground-muted);align-items:center;gap:var(--fd-space-3);grid-template-columns:auto minmax(0,1fr) auto;min-height:44px;display:grid}.menu-item span{gap:var(--fd-space-1);display:grid}.menu-item strong{color:var(--fd-foreground);font-weight:var(--fd-font-weight-semibold)}.menu-item kbd{color:var(--fd-muted-foreground);font:inherit;font-size:var(--fd-font-size-caption)}.menu-item.danger,.menu-item.danger strong{color:var(--fd-error)}.action-card hr{background:var(--fd-border-subtle);border:0;height:1px}.bottom-stack{gap:var(--fd-space-4);grid-column:span 4;display:grid}.credit-card .eui-card__content,.notification-card{align-items:center;gap:var(--fd-space-3);padding:var(--fd-space-5);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.credit-card strong,.notification-card strong{color:var(--fd-foreground);font-weight:var(--fd-font-weight-semibold);display:block}.credit-card span,.notification-card span{color:var(--fd-foreground-muted);line-height:var(--fd-line-height-caption)}.notification-card{grid-template-columns:minmax(0,1fr) auto}.unsaved-card{grid-column:span 4;position:relative}.save-symbol{background:var(--fd-warning-soft);color:var(--fd-warning)}.modal-actions{gap:var(--fd-space-3);margin-top:var(--fd-space-2);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.modal-actions .eui-button{width:100%}.showcase-icon{stroke:currentColor;flex:none;width:18px;height:18px}.modal-symbol .showcase-icon{width:24px;height:24px}
@media (max-width:1120px){.landing-hero{grid-template-columns:1fr}.hero-copy{max-width:760px}}@media (max-width:900px){.interface-showcase{grid-template-columns:repeat(6,minmax(0,1fr))}.component-home__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-panel,.auth-panel,.signup-card,.segmented-row,.profile-card,.action-card,.bottom-stack,.unsaved-card,.community-card{grid-column:span 3}}@media (max-width:860px){.topbar{padding:var(--fd-space-4)}.component-home{margin-top:var(--fd-space-6);padding:var(--fd-space-5) var(--fd-space-4) var(--fd-space-10)}.site-footer{padding:var(--fd-space-6) var(--fd-space-4)}.landing-hero{min-height:auto;padding:var(--fd-space-8) var(--fd-space-4) var(--fd-space-12);grid-template-columns:1fr}}@media (max-width:640px){h1{font-size:clamp(46px,17vw,62px)}.nav-links{gap:var(--fd-space-3);min-width:auto}.hero-copy,.landing-hero,.interface-showcase,.showcase-panel,.notification-card,.interface-showcase .eui-card{max-width:100%}.hero-lede{font-size:17px}.interface-showcase,.component-home__grid{grid-template-columns:1fr}.component-card__row>.eui-button{flex:112px;min-width:0}.component-state-radio .component-radio-showcase{grid-template-columns:1fr}.component-mini-shell.eui-app-shell{grid-template:"header""main"1fr/minmax(0,1fr)}.component-mini-shell .eui-app-shell__sidebar{display:none}.form-panel,.auth-panel,.signup-card,.segmented-row,.profile-card,.community-card,.action-card,.bottom-stack,.unsaved-card{grid-column:1}.button-samples{grid-template-columns:repeat(2,minmax(0,1fr))}.native-select,.form-panel .eui-input,.price-control input{width:100%;min-width:0}.control-row{justify-content:flex-start}.otp-row{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-card .eui-card__content,.credit-card .eui-card__content{grid-template-columns:1fr}.credit-card .eui-button{width:100%}.modal-actions{grid-template-columns:1fr}}
.root-hero{max-width:1360px;padding-inline:clamp(var(--fd-space-5), 4vw, var(--fd-space-8));align-items:center;gap:clamp(var(--fd-space-8), 5vw, var(--fd-space-14));min-height:min(720px,100svh - 84px);padding-bottom:clamp(var(--fd-space-8), 7vh, var(--fd-space-13));padding-top:clamp(var(--fd-space-8), 7vh, var(--fd-space-13));grid-template-columns:minmax(360px,620px) minmax(420px,560px);justify-content:center;margin:0 auto;display:grid}.root-hero__copy{align-content:center;gap:var(--fd-space-4);justify-self:center;justify-items:start;min-width:0;max-width:650px;display:grid}.root-hero h1{color:var(--fd-foreground);font-family:var(--fd-font-heading);font-size:clamp(64px,8vw,104px);font-weight:var(--fd-font-weight-semibold);letter-spacing:0;margin:0;line-height:.9}.root-hero p{color:var(--fd-foreground-muted);font-size:var(--fd-font-size-body-large);line-height:var(--fd-line-height-body);max-width:620px;margin:0}.root-hero__actions{gap:var(--fd-space-3);flex-wrap:wrap;display:flex}.root-hero__button{border-radius:var(--fd-radius-md);align-items:center;gap:var(--fd-space-2);font-size:var(--fd-font-size-label);font-weight:var(--fd-font-weight-semibold);letter-spacing:-.005em;min-height:44px;padding:0 var(--fd-space-5);justify-content:center;transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s,transform .16s;display:inline-flex}.root-hero__button--primary{background:var(--fd-primary);border:1px solid color-mix(in srgb, var(--fd-primary) 88%, #000);box-shadow:inset 0 1px 0 #ffffff38, 0 1px 1px color-mix(in srgb, var(--fd-foreground) 12%, transparent), 0 12px 26px -16px color-mix(in srgb, var(--fd-primary) 72%, transparent);color:var(--fd-primary-foreground)}.root-hero__button--secondary{-webkit-backdrop-filter:blur(var(--fd-glass-blur-sm)) saturate(var(--fd-glass-saturation));backdrop-filter:blur(var(--fd-glass-blur-sm)) saturate(var(--fd-glass-saturation));background:var(--fd-glass-surface-strong);border:1px solid var(--fd-glass-border-soft);box-shadow:inset 0 1px 0 var(--fd-glass-highlight), 0 1px 2px color-mix(in srgb, var(--fd-foreground) 4%, transparent);color:var(--fd-foreground)}.root-hero__button:hover{transform:translateY(-1px)}.root-hero__button--primary:hover{background:var(--fd-primary-hover);border-color:var(--fd-primary-hover);box-shadow:inset 0 1px 0 #ffffff3d, 0 1px 2px color-mix(in srgb, var(--fd-foreground) 14%, transparent), 0 18px 36px -18px color-mix(in srgb, var(--fd-primary) 84%, transparent)}.root-hero__button--secondary:hover{background:var(--fd-secondary);border-color:color-mix(in srgb, var(--fd-input) 88%, var(--fd-foreground))}.root-hero__button:active{transform:translateY(0)}.root-hero__button:focus-visible{outline:2px solid var(--fd-ring);outline-offset:3px}html:has(.enterui-shell){scrollbar-color:var(--fd-color-brand-aqua) var(--fd-surface-sunken);scrollbar-width:auto}html:has(.enterui-shell)::-webkit-scrollbar{width:14px;height:14px}html:has(.enterui-shell)::-webkit-scrollbar-track{background:color-mix(in srgb, var(--fd-surface-sunken) 88%, transparent);border-left:1px solid var(--fd-border-subtle)}html:has(.enterui-shell)::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--fd-color-brand-aqua) 86%, var(--fd-primary));border:3px solid var(--fd-surface-sunken);border-radius:var(--fd-radius-full)}html:has(.enterui-shell)::-webkit-scrollbar-thumb:hover{background:var(--fd-color-brand-aqua)}.root-minigames{background:linear-gradient(180deg, color-mix(in srgb, var(--fd-surface-raised) 98%, var(--fd-muted)) 0%, color-mix(in srgb, var(--fd-surface-raised) 92%, var(--fd-muted)) 100%), var(--fd-surface-raised);border:1px solid color-mix(in srgb, var(--fd-border) 70%, transparent);border-radius:var(--fd-radius-xl);box-shadow:inset 0 1px 0 #ffffffb8, 0 1px 2px color-mix(in srgb, var(--fd-foreground) 5%, transparent), 0 28px 64px -46px color-mix(in srgb, var(--fd-foreground) 28%, transparent);align-content:start;gap:var(--fd-space-5);min-width:0;max-width:560px;padding:var(--fd-space-5);justify-self:center;width:100%;display:grid;position:relative;overflow:hidden}.root-minigames:before{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--fd-brand-accent) 34%, transparent), color-mix(in srgb, var(--fd-color-brand-aqua) 26%, transparent), transparent);content:"";opacity:.85;height:1px;position:absolute;inset:0 18% auto}.root-minigames__svg{aspect-ratio:560/460;width:100%;max-width:100%;height:auto;display:block}.root-minigames__backdrop{fill:color-mix(in srgb, var(--fd-surface-sunken) 70%, var(--fd-surface-raised));stroke:color-mix(in srgb, var(--fd-border) 72%, transparent);stroke-width:2px}.root-minigames__panel{fill:var(--fd-surface-raised);stroke:color-mix(in srgb, var(--fd-border) 76%, transparent);stroke-width:2px}.root-minigames__screen{fill:color-mix(in srgb, var(--fd-foreground) 9%, var(--fd-surface-sunken));stroke:color-mix(in srgb, var(--fd-foreground) 12%, transparent);stroke-width:2px}.root-minigames__maze{fill:color-mix(in srgb, var(--fd-muted) 74%, var(--fd-surface-raised));stroke:color-mix(in srgb, var(--fd-border) 82%, transparent);stroke-linejoin:round;stroke-width:2px}.root-minigames__path{stroke:var(--fd-color-brand-green-active);stroke-linecap:round;stroke-linejoin:round;stroke-width:8px}.root-minigames__coin{fill:color-mix(in srgb, var(--fd-color-brand-aqua) 78%, var(--fd-surface-raised));stroke:color-mix(in srgb, var(--fd-foreground) 14%, transparent);stroke-width:2px}.root-minigames__player{fill:var(--fd-primary)}.root-minigames__eye{fill:var(--fd-primary-foreground)}.root-minigames__control{fill:color-mix(in srgb, var(--fd-foreground) 84%, var(--fd-primary))}.root-minigames__button{fill:var(--fd-color-brand-green);stroke:color-mix(in srgb, var(--fd-foreground) 16%, transparent);stroke-width:2px}.root-minigames__button--alt{fill:color-mix(in srgb, var(--fd-color-brand-aqua) 84%, var(--fd-surface-raised))}.root-minigames__chip{fill:var(--fd-surface-raised);stroke:color-mix(in srgb, var(--fd-border) 76%, transparent);stroke-width:2px}.root-minigames__spark,.root-minigames__score{stroke:var(--fd-foreground-muted);stroke-linecap:round;stroke-linejoin:round;stroke-width:5px}.root-minigames__cable{stroke:color-mix(in srgb, var(--fd-border) 84%, transparent);stroke-linecap:round;stroke-width:3px}.root-install__header{border-bottom:1px solid var(--fd-border-subtle);color:var(--fd-foreground);align-items:center;gap:var(--fd-space-3);padding-bottom:var(--fd-space-4);justify-content:space-between;display:flex}.root-install__title{gap:4px;min-width:0;display:grid}.root-install__eyebrow{color:var(--fd-foreground-muted);font-size:var(--fd-font-size-caption);font-weight:var(--fd-font-weight-medium);letter-spacing:var(--fd-letter-spacing-uppercase);text-transform:uppercase}.root-install__pkg{color:var(--fd-foreground);font-family:var(--fd-font-mono);font-size:var(--fd-font-size-label);font-weight:var(--fd-font-weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.root-install__copy{min-height:36px;padding:0 var(--fd-space-4);flex:none}.root-install__steps{gap:var(--fd-space-4);margin:0;padding:0;list-style:none;display:grid}.root-install__step{gap:var(--fd-space-3);grid-template-columns:28px minmax(0,1fr);display:grid;position:relative}.root-install__step:not(:last-child):before{background:color-mix(in srgb, var(--fd-border) 72%, transparent);bottom:calc(var(--fd-space-1) * -1);content:"";width:1px;position:absolute;top:34px;left:13px}.root-install__step-num{background:color-mix(in srgb, var(--fd-muted) 72%, var(--fd-surface-raised));border:1px solid color-mix(in srgb, var(--fd-border) 72%, transparent);border-radius:var(--fd-radius-full);color:var(--fd-foreground-subtle);font-family:var(--fd-font-mono);font-size:11px;font-weight:var(--fd-font-weight-semibold);z-index:1;flex:none;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;line-height:1;display:inline-flex;position:relative}.root-install__step-body{gap:var(--fd-space-2);min-width:0;display:grid}.root-install__step-label{color:var(--fd-foreground-muted);font-size:12px;font-weight:var(--fd-font-weight-medium);letter-spacing:var(--fd-letter-spacing-uppercase);text-transform:uppercase}.root-install__step-label code{color:var(--fd-foreground);font-family:var(--fd-font-mono);font-size:11.5px;font-weight:var(--fd-font-weight-semibold);letter-spacing:0;text-transform:none;background:0 0;border:0;padding:0 4px}.root-install__commands{gap:var(--fd-space-2);min-width:0;display:grid}.root-install__code{background:color-mix(in srgb, var(--fd-surface-sunken) 88%, var(--fd-surface-raised));border:1px solid color-mix(in srgb, var(--fd-border) 70%, transparent);border-radius:var(--fd-radius-lg);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--fd-foreground) 3%, transparent);color:var(--fd-foreground);font-family:var(--fd-font-mono);align-items:flex-start;gap:var(--fd-space-2);overflow-wrap:anywhere;min-width:0;max-width:100%;padding:var(--fd-space-3) var(--fd-space-4);white-space:nowrap;grid-template-columns:58px auto minmax(0,1fr);margin:0;font-size:12.75px;line-height:1.55;display:grid;overflow:auto}.root-install__command-label{color:var(--fd-foreground-muted);font-family:var(--fd-font-sans);font-size:11.5px;font-weight:var(--fd-font-weight-semibold);line-height:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.root-install__prompt{color:var(--fd-color-brand-green-active);font-weight:var(--fd-font-weight-semibold);-webkit-user-select:none;user-select:none}.root-install__code code{color:inherit;font-family:inherit;font-size:inherit;overflow-wrap:normal;min-width:0;white-space:inherit;word-break:normal;background:0 0;border:0;padding:0}.root-install__imports{background:color-mix(in srgb, var(--fd-surface-raised) 92%, transparent);border:1px solid color-mix(in srgb, var(--fd-border) 70%, transparent);border-radius:var(--fd-radius-lg);min-width:0;max-width:100%;padding:var(--fd-space-3);gap:6px;display:grid;position:relative;overflow:hidden}.root-install__imports:before{background:color-mix(in srgb, var(--fd-color-brand-green-active) 56%, transparent);border-radius:var(--fd-radius-full);content:"";width:2px;position:absolute;top:10px;bottom:10px;left:6px}.root-install__imports code{color:var(--fd-foreground-muted);font-family:var(--fd-font-mono);overflow-wrap:anywhere;padding-left:var(--fd-space-3);word-break:break-word;background:0 0;border:0;font-size:12.75px;line-height:1.55}.root-install__meta{padding-top:var(--fd-space-1);flex-wrap:wrap;gap:6px;margin:0;display:flex}.root-install__meta li{background:color-mix(in srgb, var(--fd-muted) 70%, var(--fd-surface-raised));border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-full);color:var(--fd-foreground-muted);font-size:var(--fd-font-size-caption);font-weight:var(--fd-font-weight-medium);letter-spacing:-.005em;align-items:center;gap:5px;padding:5px 10px 5px 7px;line-height:1;display:inline-flex}.root-install__meta svg{color:var(--fd-color-brand-green-active);flex:none}@media (max-width:900px){.root-hero{padding-inline:var(--fd-space-4);min-height:auto;padding-bottom:var(--fd-space-8);padding-top:var(--fd-space-8);grid-template-columns:1fr;justify-items:center}.root-hero__copy{text-align:center;justify-items:center}.root-hero__actions{justify-content:center}.root-minigames{min-height:auto}}@media (max-width:640px){.root-hero{gap:var(--fd-space-5);padding-bottom:var(--fd-space-2);padding-top:var(--fd-space-6)}.root-hero h1{font-size:clamp(48px,18vw,64px)}.root-hero p{font-size:var(--fd-font-size-body)}.root-hero__actions,.root-hero__button{width:100%}.root-minigames{border-radius:var(--fd-radius-lg);padding:var(--fd-space-4)}.root-install__step{gap:var(--fd-space-2);grid-template-columns:26px minmax(0,1fr)}.root-install__code{white-space:normal;grid-template-columns:1fr}.root-install__step-num{width:26px;height:26px}}
.site-header{min-height:0;z-index:var(--site-z-header,40);padding:0;display:block}.site-header__inner{align-items:center;gap:var(--fd-space-4);min-height:80px;padding:0 var(--fd-space-6);justify-content:space-between;margin:0 auto;display:flex}.site-header__left{align-items:center;gap:var(--fd-space-8);flex:auto;min-width:0;display:inline-flex}.site-header__brand{flex:none;align-items:center;display:inline-flex}.site-header__brand img{object-fit:contain;width:180px;height:60px}.site-header__brand-skeleton{width:132px;height:38px}.site-header__action-skeleton{width:128px;height:44px}.site-header__wordmark{color:var(--fd-foreground);align-items:center;gap:var(--fd-space-2);display:none}.site-header__mark{display:none}.site-header__wordmark-text{color:var(--fd-foreground);font-family:var(--fd-font-heading);font-size:24px;font-weight:var(--fd-font-weight-semibold);letter-spacing:var(--fd-letter-spacing-normal);line-height:1}.site-header__wordmark-text span{color:var(--fd-brand-accent)}.site-header__links{color:var(--fd-foreground-muted);flex:0 auto;justify-content:flex-start;align-items:center;gap:2px;min-width:0;display:flex}.site-header__links a{border-radius:var(--fd-radius-md);color:var(--fd-foreground-muted);font-size:var(--fd-font-size-label);font-weight:var(--fd-font-weight-medium);line-height:var(--fd-line-height-label);padding:8px 10px;transition:background-color .16s,color .16s}.site-header__links a:hover{background:var(--fd-hover);color:var(--fd-foreground)}.site-header__actions{align-items:center;gap:var(--fd-space-2);flex:none;display:inline-flex}.site-header__toggle{-webkit-backdrop-filter:blur(var(--fd-glass-blur-sm)) saturate(var(--fd-glass-saturation));backdrop-filter:blur(var(--fd-glass-blur-sm)) saturate(var(--fd-glass-saturation));background:var(--fd-glass-surface-strong);border:1px solid var(--fd-glass-border-soft);border-radius:var(--fd-radius-md);box-shadow:inset 0 1px 0 var(--fd-glass-highlight);color:var(--fd-foreground-muted);cursor:pointer;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.site-header__toggle:hover{background:var(--fd-secondary);color:var(--fd-foreground)}.site-header__toggle:focus-visible{box-shadow:inset 0 1px 0 var(--fd-glass-highlight), var(--fd-shadow-focus);outline:0}.site-header__menu{-webkit-backdrop-filter:blur(var(--fd-glass-blur-sm)) saturate(var(--fd-glass-saturation));backdrop-filter:blur(var(--fd-glass-blur-sm)) saturate(var(--fd-glass-saturation));background:var(--fd-glass-surface-strong);border:1px solid var(--fd-glass-border-soft);border-radius:var(--fd-radius-md);box-shadow:inset 0 1px 0 var(--fd-glass-highlight);color:var(--fd-foreground-muted);cursor:pointer;justify-content:center;align-items:center;width:44px;height:44px;min-height:44px;display:none}.site-mobile-menu{z-index:var(--site-z-modal,1010);position:fixed;inset:0}.site-mobile-menu__backdrop{background:color-mix(in srgb, var(--fd-color-neutral-charcoal) 38%, transparent);border:0;width:100%;position:absolute;inset:0}.site-mobile-menu__panel{-webkit-backdrop-filter:blur(var(--fd-glass-blur-strong)) saturate(var(--fd-glass-saturation));backdrop-filter:blur(var(--fd-glass-blur-strong)) saturate(var(--fd-glass-saturation));background:var(--fd-glass-surface-raised);border-right:1px solid var(--fd-glass-border-soft);box-shadow:var(--fd-shadow-modal);max-width:360px;height:100dvh;padding:var(--fd-space-4);flex-direction:column;width:min(86vw,360px);display:flex;position:relative;overflow:hidden}.site-mobile-menu__header,.site-mobile-menu__cta{align-items:center;display:flex}.site-mobile-menu__header{color:var(--fd-foreground);font-weight:var(--fd-font-weight-semibold);justify-content:space-between;min-height:48px}.site-mobile-menu__nav{align-content:start;gap:var(--fd-space-2);margin-top:var(--fd-space-4);min-width:0;padding:var(--fd-space-2) 0 var(--fd-space-4);scrollbar-width:thin;display:grid;overflow-y:auto}.site-mobile-menu__nav a{border-radius:var(--fd-radius-md);color:var(--fd-foreground);font-size:var(--fd-font-size-label);font-weight:var(--fd-font-weight-medium);min-height:40px;padding:9px var(--fd-space-3);align-items:center;display:flex}.site-mobile-menu__nav a:hover{background:var(--fd-hover)}.site-mobile-menu__cta{border-top:1px solid var(--fd-border-subtle);color:var(--fd-foreground);font-weight:var(--fd-font-weight-semibold);min-height:52px;padding-bottom:env(safe-area-inset-bottom);justify-content:flex-start;margin-top:auto}.site-mobile-menu__cta:before{background:var(--fd-brand-soft);border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-full);content:"";height:8px;margin-right:var(--fd-space-2);width:8px}@media (max-width:1020px){.site-header__menu{display:inline-flex}.site-header__links{display:none}}@media (max-width:640px){.site-header__inner{gap:var(--fd-space-3);min-height:60px;padding:0 var(--fd-space-4)}.site-header__left{gap:var(--fd-space-3)}.site-header__brand img,.site-header__logo{display:none}.site-header__wordmark{display:inline-flex}.site-header__wordmark-text{font-size:18px}.site-header__actions{gap:6px}.site-header button,.site-header a,.site-mobile-menu__backdrop,.site-mobile-menu__nav a,.site-mobile-menu__cta,.site-header__menu,.site-header__toggle,.docs-icon-button{-webkit-user-select:none;user-select:none}}@media (max-width:380px){.site-header__inner{padding:0 var(--fd-space-3)}.site-header__brand img{width:96px;height:32px}}
.travel-example{background:var(--fd-background);color:var(--fd-foreground);min-height:100svh;overflow-x:clip}.travel-shell{--eui-app-shell-main-padding:clamp(1rem, 1.7vw, 1.75rem);background:var(--fd-background);min-width:0}.travel-shell__header{background:color-mix(in srgb, var(--fd-surface) 94%, transparent);border-bottom:1px solid var(--fd-border-subtle);z-index:20;position:sticky;top:0}.travel-header{border-bottom:1px solid var(--fd-border-subtle);align-items:center;gap:var(--fd-space-4);background:0 0;grid-template-columns:14rem minmax(0,1fr) minmax(17rem,auto);min-height:4.25rem;padding-inline:clamp(1rem,2vw,1.5rem);display:grid}.travel-header__brand{align-items:center;gap:var(--fd-space-3);min-width:13rem;display:flex}.travel-header__brand strong,.travel-brand-mark{color:var(--fd-foreground);font-weight:700}.travel-header__brand small{color:var(--fd-foreground-muted);font-size:var(--fd-font-size-caption);line-height:1.3;display:block}.travel-brand-mark{background:var(--fd-surface-raised);border:1px solid var(--fd-border);border-radius:var(--fd-radius-lg);box-shadow:inset 0 -2px 0 var(--fd-brand-accent);font-size:var(--fd-font-size-caption);letter-spacing:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:inline-flex}.travel-header__actions,.travel-section__actions,.travel-search-form__actions,.travel-booking-actions,.travel-copy-row{align-items:center;gap:var(--fd-space-3);flex-wrap:wrap;display:flex}.travel-header .eui-header__nav{scrollbar-width:none;justify-self:center;min-width:0;max-width:100%;overflow-x:auto}.travel-header .eui-header__nav::-webkit-scrollbar{display:none}.travel-header .eui-navigation-menu{width:min(100%,46rem)}.travel-header .eui-navigation-menu__list{grid-template-columns:repeat(7,minmax(5.25rem,1fr));width:100%;display:grid}.travel-header .eui-navigation-menu__link{white-space:nowrap;justify-content:center;width:100%}.travel-header__actions{flex-wrap:nowrap;justify-content:flex-end;justify-self:end;min-width:17rem;margin-left:0}.travel-topbar{background:color-mix(in srgb, var(--fd-surface) 92%, transparent);gap:var(--fd-space-3);grid-template-columns:minmax(12rem,1fr) minmax(18rem,34rem) max-content;min-height:3.75rem;padding-inline:clamp(1rem,2vw,1.5rem);display:grid}.travel-topbar .eui-top-bar__lead,.travel-topbar .eui-top-bar__trail{min-width:0}.travel-topbar .eui-top-bar__search{width:100%;max-width:none}.travel-topbar .eui-top-bar__trail{justify-self:end}.travel-shell__sidebar{background:var(--fd-surface-subtle);border-right:1px solid var(--fd-border-subtle);overflow:auto}.travel-sidebar{gap:var(--fd-space-4);padding:var(--fd-space-4);background:0 0;border:0;display:grid}.travel-shell__main{gap:clamp(1.5rem,2.4vw,2.25rem);padding:clamp(1rem,1.7vw,1.75rem);display:grid;overflow:auto}.travel-overview,.travel-section{width:100%;max-width:1560px;margin-inline:0 auto}.travel-overview{gap:var(--fd-space-6);display:grid}.travel-overview__header{background:linear-gradient(135deg, color-mix(in srgb, var(--fd-surface-raised) 94%, var(--fd-color-brand-aqua-soft)) 0%, var(--fd-surface-raised) 58%, color-mix(in srgb, var(--fd-surface-sunken) 82%, var(--fd-surface-raised)) 100%);border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-2xl);box-shadow:var(--fd-shadow-card-soft);align-items:end;gap:var(--fd-space-6);min-width:0;padding:clamp(var(--fd-space-5), 4vw, var(--fd-space-8));justify-content:space-between;display:flex;position:relative;overflow:hidden}.travel-overview__header:before{background:color-mix(in srgb, var(--fd-color-brand-aqua) 64%, transparent);border-radius:var(--fd-radius-full);content:"";width:3px;height:72%;position:absolute;top:14%;left:0}.travel-overview__copy{gap:var(--fd-space-4);min-width:0;max-width:720px;display:grid;position:relative}.travel-overview h1{color:var(--fd-foreground);letter-spacing:0;margin:0;font-size:clamp(2.4rem,5vw,4.5rem);line-height:.94}.travel-overview p,.travel-section__header p{color:var(--fd-foreground-muted);font-size:var(--fd-font-size-body);line-height:var(--fd-line-height-body);margin:0}.travel-overview__cta{gap:var(--fd-space-2);flex-wrap:wrap;display:flex}.travel-overview__cta a{border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-md);font-size:var(--fd-font-size-label);font-weight:var(--fd-font-weight-semibold);min-height:40px;padding:0 var(--fd-space-4);align-items:center;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex}.travel-overview__cta a:first-child{background:var(--fd-primary);border-color:var(--fd-primary);color:var(--fd-primary-foreground)}.travel-overview__cta a:first-child:hover{background:var(--fd-primary-hover);border-color:var(--fd-primary-hover)}.travel-overview__cta a:last-child{background:color-mix(in srgb, var(--fd-surface-raised) 72%, transparent);color:var(--fd-foreground)}.travel-overview__cta a:last-child:hover{background:var(--fd-secondary);border-color:var(--fd-input)}.travel-overview__route-card{background:color-mix(in srgb, var(--fd-surface-raised) 86%, transparent);border:1px solid color-mix(in srgb, var(--fd-border) 76%, transparent);border-radius:var(--fd-radius-xl);box-shadow:inset 0 1px 0 var(--fd-glass-highlight);gap:var(--fd-space-3);min-width:min(100%,280px);max-width:340px;padding:var(--fd-space-4);display:grid;position:relative}.travel-overview__route-card>span{color:var(--fd-muted-foreground);font-size:var(--fd-font-size-caption);font-weight:var(--fd-font-weight-semibold);letter-spacing:var(--fd-letter-spacing-uppercase);text-transform:uppercase}.travel-overview__route-card strong{color:var(--fd-foreground);font-size:var(--fd-font-size-body-large);line-height:var(--fd-line-height-heading)}.travel-overview__route-card ol{gap:var(--fd-space-2);margin:0;padding:0;list-style:none;display:grid}.travel-overview__route-card li{color:var(--fd-foreground-muted);font-size:var(--fd-font-size-body-small);align-items:center;gap:var(--fd-space-2);display:flex}.travel-overview__route-card i{background:color-mix(in srgb, var(--fd-color-brand-aqua) 72%, var(--fd-surface-raised));border-radius:var(--fd-radius-full);flex:none;width:8px;height:8px}.travel-booking-search{background:color-mix(in srgb, var(--fd-surface-raised) 94%, transparent);border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-xl);box-shadow:var(--fd-glass-shadow);gap:var(--fd-space-4);padding:var(--fd-space-4);display:grid}.travel-booking-search__tabs{align-items:center;gap:var(--fd-space-2);border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}.travel-booking-search__grid{align-items:end;gap:var(--fd-space-3);grid-template-columns:minmax(18rem,1.5fr) minmax(10rem,.72fr) minmax(8rem,.55fr) minmax(8rem,.55fr) auto;display:grid}.travel-booking-search__field{background:var(--fd-surface);border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-lg);gap:.25rem;min-width:0;min-height:4.75rem;padding:.8rem .95rem;display:grid}.travel-booking-search__field--wide{padding-block:.65rem}.travel-booking-search__field span{color:var(--fd-foreground-muted);font-size:var(--fd-font-size-caption);font-weight:var(--fd-font-weight-semibold)}.travel-booking-search__field strong{color:var(--fd-foreground);font-size:var(--fd-font-size-body-small);line-height:1.35}.travel-booking-search__field .eui-search-input{box-shadow:none;border:0;min-height:2.25rem;padding-inline:0}.travel-booking-search__submit{min-width:7.25rem;min-height:4.75rem}.travel-overview__grid{align-items:start;gap:var(--fd-space-5);grid-template-columns:minmax(0,1fr) minmax(300px,.4fr);display:grid}.travel-overview__primary{gap:var(--fd-space-5);min-width:0;display:grid}.travel-live-card{min-width:0;top:var(--fd-space-5);align-self:start;position:sticky}.travel-live-card__metrics,.travel-metric-grid{gap:var(--fd-space-4);border:0;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;display:grid}.travel-section{gap:var(--fd-space-5);display:grid}.travel-section--compact{gap:var(--fd-space-4)}.travel-section__header{align-items:end;gap:var(--fd-space-5);grid-template-columns:minmax(0,1fr) max-content;display:grid}.travel-section__header>:first-child{min-width:0}.travel-section__header>:not(:first-child){justify-self:end}.travel-section__header h2{color:var(--fd-foreground);letter-spacing:0;margin:var(--fd-space-2) 0 var(--fd-space-2);font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.08}.travel-section__eyebrow{color:var(--fd-foreground-muted);font-size:var(--fd-font-size-caption);align-items:center;gap:var(--fd-space-2);letter-spacing:.02em;text-transform:uppercase;font-weight:650;display:inline-flex}.travel-search-card,.travel-data-module,.travel-booking-card,.travel-live-card{min-width:0}.travel-search-form,.travel-review-stack,.travel-data-module .eui-card__content,.travel-booking-card .eui-card__content{gap:var(--fd-space-4);min-width:0;display:grid}.travel-field{gap:var(--fd-space-2);min-width:0;display:grid}.travel-field__label{color:var(--fd-foreground-subtle);font-size:var(--fd-font-size-label);align-items:center;gap:var(--fd-space-2);justify-content:space-between;font-weight:600;display:flex}.travel-field__label strong{color:var(--fd-foreground-muted);font-size:var(--fd-font-size-caption);font-weight:600}.travel-guest-popover{gap:var(--fd-space-3);max-width:18rem;display:grid}.travel-guest-popover p,.travel-destination-card p{color:var(--fd-foreground-muted);font-size:var(--fd-font-size-body-small);margin:0;line-height:1.55}.travel-inline-status{color:var(--fd-foreground-muted);font-size:var(--fd-font-size-caption);align-items:center;gap:var(--fd-space-2);display:inline-flex}.travel-mobile-filter{display:none}.travel-command-results{gap:var(--fd-space-2);display:grid}.travel-command-results button{background:var(--fd-surface-raised);border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-lg);color:var(--fd-foreground);align-items:center;gap:var(--fd-space-2);min-height:2.75rem;padding:0 var(--fd-space-3);text-align:left;display:flex}.travel-results-surface{min-height:18rem;position:relative}.travel-destination-grid,.travel-skeleton-grid{gap:var(--fd-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.travel-overview__primary .travel-destination-grid,.travel-overview__primary .travel-skeleton-grid{gap:var(--fd-space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}.travel-destination-card{border-color:color-mix(in srgb, var(--fd-border) 70%, transparent);flex-direction:column;min-width:0;display:flex;overflow:hidden;box-shadow:0 1px 2px #0f172a0a,0 18px 42px #0f172a14}.travel-destination-card__media{background:var(--fd-surface-sunken);margin:var(--fd-space-3) var(--fd-space-3) 0;position:relative;overflow:hidden}.travel-destination-card__media,.travel-destination-card__media .eui-media{border-radius:var(--fd-radius-lg)}.travel-destination-card__media .eui-media{transition:transform .22s}.travel-destination-card:hover .travel-destination-card__media .eui-media{transform:scale(1.025)}.travel-destination-card__status,.travel-destination-card__favorite{top:var(--fd-space-3);z-index:1;position:absolute}.travel-destination-card__status{left:var(--fd-space-3)}.travel-destination-card__favorite{background:color-mix(in srgb, var(--fd-surface-raised) 86%, transparent);border:1px solid color-mix(in srgb, var(--fd-border) 72%, transparent);right:var(--fd-space-3)}.travel-destination-card .eui-card__content{gap:var(--fd-space-3);flex:1;display:grid}.travel-destination-card .eui-card__header{padding-bottom:var(--fd-space-1)}.travel-destination-card .eui-card__footer{align-items:center;gap:var(--fd-space-3);grid-template-columns:minmax(0,1fr) auto auto;justify-content:stretch;display:grid}.travel-destination-card__title-row,.travel-destination-card__meta,.travel-price-block,.travel-trip-list li,.travel-popularity li{align-items:center;gap:var(--fd-space-3);justify-content:space-between;min-width:0;display:flex}.travel-destination-card__title-row{align-items:flex-start}.travel-destination-card__rating{background:var(--fd-primary);border-radius:var(--fd-radius-md);color:var(--fd-primary-foreground);font-size:var(--fd-font-size-caption);font-weight:var(--fd-font-weight-bold);justify-content:center;align-items:center;min-width:2.6rem;min-height:2rem;padding-inline:.5rem;line-height:1;display:inline-flex}.travel-destination-card__meta{color:var(--fd-foreground-muted);font-size:var(--fd-font-size-caption);font-weight:var(--fd-font-weight-semibold);justify-content:flex-start}.travel-destination-card__tags{gap:var(--fd-space-2);flex-wrap:wrap;display:flex}.travel-destination-card__tags span{background:var(--fd-surface-subtle);border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-full);color:var(--fd-foreground-muted);font-size:var(--fd-font-size-caption);padding:.25rem .55rem}.travel-price-block{justify-content:flex-start;align-items:flex-start;gap:.1rem;display:grid}.travel-price-block strong{color:var(--fd-foreground);font-size:var(--fd-font-size-body-large);line-height:1.1}.travel-price-block span{color:var(--fd-foreground-muted);font-size:var(--fd-font-size-caption)}.travel-data-module .eui-data-view{box-shadow:none;border:0;min-width:0}.travel-data-module :is(.eui-data-grid,.eui-data-table,.eui-table-container){max-width:100%}.travel-trip-title{gap:.15rem;display:grid}.travel-trip-title strong{color:var(--fd-foreground)}.travel-trip-title span,.travel-trip-list article span{color:var(--fd-foreground-muted);font-size:var(--fd-font-size-caption)}.travel-trip-list{gap:var(--fd-space-3);margin:0;padding:0;list-style:none;display:grid}.travel-trip-list li{background:var(--fd-surface-raised);border:1px solid var(--fd-border-subtle);border-radius:var(--fd-radius-lg);padding:var(--fd-space-4)}.travel-planner-grid,.travel-timeline-grid,.travel-tools-grid{gap:var(--fd-space-5);grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);display:grid}.travel-form-grid{gap:var(--fd-space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.travel-check-row{color:var(--fd-foreground-subtle);align-items:center;gap:var(--fd-space-3);display:flex}.travel-booking-actions{border-top:1px solid var(--fd-border-subtle);padding-top:var(--fd-space-4);justify-content:flex-end}.travel-timeline-grid{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr)}.travel-notes-card{grid-column:1/-1}.travel-chart-grid,.travel-ops-grid{gap:var(--fd-space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.travel-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.travel-metric-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.travel-donut-row,.travel-popularity{align-items:center;gap:var(--fd-space-4);justify-items:center;display:grid}.travel-popularity ul{gap:var(--fd-space-2);width:min(100%,22rem);margin:0;padding:0;list-style:none;display:grid}.travel-popularity li{border-bottom:1px solid var(--fd-border-subtle);padding-block:var(--fd-space-2)}.travel-popularity li strong{color:var(--fd-foreground)}.travel-permissions-card,.travel-log-card{grid-column:1/-1}.travel-copy-row{justify-content:space-between}.travel-toggle-group{flex-wrap:wrap}.travel-segmented{width:100%}.travel-search-form :is(.eui-button,.eui-icon-button,.eui-segmented-control){max-width:100%}.travel-search-form .eui-button{min-width:0}.travel-destination-card [data-filled=true]{fill:currentColor}@media (max-width:1180px){.travel-header{grid-template-columns:13rem minmax(0,1fr) minmax(14rem,auto)}.travel-header .eui-navigation-menu{width:min(100%,38rem)}.travel-header .eui-navigation-menu__list{grid-template-columns:repeat(7,minmax(4.6rem,1fr))}.travel-header__actions{min-width:14rem}.travel-topbar{grid-template-columns:minmax(10rem,1fr) minmax(16rem,30rem) max-content}.travel-booking-search__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.travel-booking-search__field--wide{grid-column:1/-1}.travel-booking-search__submit{width:100%}.travel-destination-grid,.travel-skeleton-grid,.travel-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.travel-overview__grid,.travel-planner-grid,.travel-timeline-grid,.travel-tools-grid{grid-template-columns:1fr}.travel-live-card{position:static}}@media (max-width:900px){.travel-header{align-items:stretch;gap:var(--fd-space-3);padding-block:var(--fd-space-3);grid-template-columns:1fr;display:grid}.travel-header__actions,.travel-overview__header,.travel-section__header{grid-template-columns:1fr;align-items:stretch}.travel-section__header>:not(:first-child){justify-self:stretch}.travel-chart-grid,.travel-ops-grid,.travel-form-grid{grid-template-columns:1fr}.travel-header .eui-header__nav{display:none}.travel-header__brand{min-width:0}}@media (max-width:760px){.travel-shell{--eui-app-shell-main-padding:0}.travel-shell__header{position:static}.travel-header{min-height:0;padding-inline:var(--fd-space-4)}.travel-header__actions{display:none}.travel-shell__main{gap:var(--fd-space-6);padding:var(--fd-space-4)}.travel-topbar{align-items:stretch;gap:var(--fd-space-3);min-height:0;padding:var(--fd-space-3) var(--fd-space-4);grid-template-columns:1fr;display:grid}.travel-topbar .eui-top-bar__trail{justify-self:stretch}.travel-topbar .eui-top-bar__search{max-width:none}.travel-overview h1{font-size:clamp(2rem,13vw,2.75rem);line-height:.98}.travel-overview__copy{gap:var(--fd-space-4)}.travel-booking-search{border-radius:var(--fd-radius-lg);padding:var(--fd-space-3)}.travel-booking-search__grid{grid-template-columns:1fr}.travel-booking-search__submit{min-height:3rem}.travel-section__header h2{font-size:1.6rem}.travel-section__header p,.travel-overview p{font-size:var(--fd-font-size-body-small)}.travel-mobile-filter{width:100%;max-width:1560px;margin-inline:0 auto;display:block}.travel-destination-grid,.travel-skeleton-grid,.travel-overview__primary .travel-destination-grid,.travel-overview__primary .travel-skeleton-grid,.travel-live-card__metrics,.travel-metric-grid{grid-template-columns:1fr}.travel-section__actions,.travel-search-form__actions,.travel-booking-actions,.travel-copy-row{flex-direction:column;align-items:stretch}.travel-section__actions :is(.eui-button,.eui-search-input),.travel-search-form__actions .eui-button,.travel-mobile-filter .eui-button{width:100%}.travel-overview__header .eui-page-tabs,.travel-section__header>.eui-menu-bar,.travel-section__header>.eui-date-preset-picker{max-width:100%;overflow-x:auto}.travel-data-module .eui-data-grid,.travel-data-module .eui-data-table,.travel-data-module .eui-table-container,.travel-permissions-card .eui-table-container{overflow-x:auto}.travel-data-module .eui-card__header,.travel-booking-card .eui-card__header{padding:var(--fd-space-4)}.travel-data-module .eui-card__content,.travel-booking-card .eui-card__content,.travel-live-card .eui-card__content{padding:0 var(--fd-space-4) var(--fd-space-4)}}@media (max-width:480px){.travel-shell__main{padding:var(--fd-space-3)}.travel-header,.travel-topbar{padding-inline:var(--fd-space-3)}.travel-brand-mark{width:2rem;height:2rem}.travel-header__brand strong{font-size:var(--fd-font-size-body)}.travel-overview,.travel-section{gap:var(--fd-space-4)}.travel-destination-card__title-row,.travel-destination-card__meta,.travel-trip-list li{flex-direction:column;align-items:flex-start}.travel-destination-card .eui-card__footer{grid-template-columns:1fr}.travel-destination-card .eui-card__footer>:is(.eui-button,.eui-icon-button){width:100%}.travel-price-block{align-items:flex-start;gap:var(--fd-space-1);flex-direction:column}.travel-toggle-group,.travel-segmented{overflow-x:auto}}
