:root{color-scheme:light;font:100%/1.5 system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-optical-sizing:auto;--ink: #ffffff;--ink-soft: rgba(255, 255, 255, .92);--ink-dim: rgba(255, 255, 255, .76);--ink-faint: rgba(255, 255, 255, .56);--field-gradient: linear-gradient(to bottom right, #CFD0D4 0%, #8E979E 100%);--glass-btn-gradient: linear-gradient( to right, color-mix(in srgb, #D6DAD9 62%, transparent) 0%, color-mix(in srgb, #9CA3AC 58%, transparent) 100% );--glass-structural-fill: transparent;--glass-surface-fill: transparent;--glass-edge-top: rgba(255, 255, 255, .96);--glass-edge-side: rgba(255, 255, 255, .34);--glass-edge-low: rgba(255, 255, 255, .54);--radius-control: 999px;--radius-card: clamp(22px, 7%, 28px);--radius-panel: clamp(28px, 6%, 36px);--radius-structural: clamp(34px, 5.5%, 46px);--ring-size: clamp(7rem, 28vw, 9.5rem);--ring-band-size: 6.57894737%;--diamond-inset: 14.64466094%;--diamond-ring-band-size: 4.652%;--diamond-inner-radius: 13.1515%;--ring-edge-size: 1px;--cell-size: clamp(10.5rem, 24vw, 12rem);--metal-fill: linear-gradient(101deg, #080a0d 0%, #11141a 14%, #737983 20%, #f7f9fb 25%, #434850 31%, #0a0c10 39%, #16191f 48%, #c7ccd2 56%, #ffffff 61%, #4a4f58 67%, #090b0e 76%, #252a31 84%, #e1e5e9 91%, #111419 97%, #080a0d 100%);--light-x: 0px;--light-y: 0px;--light-rim-x: 0px;--light-rim-y: 0px;--light-opacity: .12;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--type-caption: .8125rem;--type-label: .9375rem;--type-body: 1.0625rem;--type-title: clamp(1.35rem, 1.15rem + .7vw, 1.8rem);--type-display: clamp(3rem, 1.44rem + 6.24vw, 6.8rem);--spec-x: 0px;--spec-y: 0px}*,*:before,*:after{margin:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--field-gradient);color:var(--ink);text-shadow:0 1px 2px rgba(31,35,42,.72),0 2px 8px rgba(31,35,42,.28);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;touch-action:none;user-select:none}button,input,textarea,select{font:inherit}button{color:inherit}#bg,#app{position:fixed;inset:0}.ambient-host{overflow:hidden;isolation:isolate;background:var(--field-gradient)}.glass{position:relative}.glass-structural,.glass-surface{border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.glass-control{--glass-radius: var(--radius-control);isolation:isolate;overflow:hidden;border:1px solid rgba(255,255,255,.34);border-radius:var(--glass-radius);background:linear-gradient(135deg,rgba(255,255,255,.42),rgba(255,255,255,.08) 28%,transparent 58%),var(--glass-btn-gradient);box-shadow:0 6px 15px #2f343c33,inset 0 1px 1px #ffffff9e,inset 0 -1px 1px #ffffff4d,inset 1px 0 1px #fff3,inset -1px 0 1px #ffffff2e;backdrop-filter:blur(18px) saturate(180%) brightness(1.08);-webkit-backdrop-filter:blur(18px) saturate(180%) brightness(1.08)}.glass-control:before{content:"";position:absolute;z-index:2;inset:0;padding:1.5px;pointer-events:none;border-radius:inherit;opacity:.76;will-change:transform,opacity;transform:translate3d(var(--light-rim-x),var(--light-rim-y),0);background:radial-gradient(74% 52% at 18% -4%,rgba(255,255,255,.98) 0 34%,rgba(105,220,255,.34) 39%,rgba(180,126,255,.22) 43%,transparent 51%),radial-gradient(72% 42% at 85% 104%,rgba(255,255,255,.75) 0 29%,rgba(255,184,91,.2) 35%,rgba(255,102,154,.18) 39%,transparent 48%),linear-gradient(180deg,var(--glass-edge-top) 0%,var(--glass-edge-side) 26%,rgba(255,255,255,.12) 73%,var(--glass-edge-low) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.glass-control:after{content:"";position:absolute;z-index:1;inset:-12%;padding:2px;pointer-events:none;border-radius:inherit;opacity:var(--light-opacity);will-change:transform,opacity;transform:translate3d(var(--light-x),var(--light-y),0);background:linear-gradient(102deg,transparent 17%,rgba(255,255,255,.12) 32%,#fff 46%,rgba(255,255,255,.34) 57%,transparent 76%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.glass-control>*{position:relative;z-index:3}.glass-interactive{cursor:pointer;-webkit-user-drag:none;will-change:transform}@media(hover:hover)and (pointer:fine){.glass-control.glass-interactive:hover{background:linear-gradient(135deg,rgba(255,255,255,.5),rgba(255,255,255,.12) 28%,transparent 58%),linear-gradient(#ffffff14,#ffffff14),var(--glass-btn-gradient);box-shadow:0 5px 13px #2d31392e,inset 0 1px 1px #ffffffb8,inset 0 -1px 1px #ffffff5c,inset 1px 0 1px #ffffff3d,inset -1px 0 1px #ffffff38}.glass-control.glass-interactive:hover:after{opacity:calc(var(--light-opacity) + .08)}}.glass-interactive:active,.glass-interactive.is-pressed,.glass-interactive[data-pressed=true]{transform:scale(.97)}.glass-control.glass-interactive:active:after,.glass-control.glass-interactive.is-pressed:after,.glass-control.glass-interactive[data-pressed=true]:after{opacity:.24}.glass-control.glass-metal.glass-interactive:active:after,.glass-control.glass-metal.glass-interactive.is-pressed:after,.glass-control.glass-metal.glass-interactive[data-pressed=true]:after{opacity:1}.glass-button{min-width:44px;min-height:44px;padding:.68rem 1.15rem .72rem;border:0;outline:0;color:var(--ink);font-size:max(var(--type-label),1rem);font-weight:680;letter-spacing:-.01em;line-height:1;text-shadow:0 1px 2px rgba(28,32,38,.48)}.glass-button:focus-visible{outline:2px solid rgba(31,35,42,.9);outline-offset:3px}.glass-metal{isolation:isolate;overflow:hidden;border:0;color:#fff;background:var(--metal-fill);box-shadow:0 5px 12px #12151a57,inset 0 0 0 1px #ffffffe6,inset 0 2px 1px #fffffff5,inset 0 -2px 2px #000000b8;backdrop-filter:none;-webkit-backdrop-filter:none}.glass-control.glass-metal:before{padding:1px;opacity:1;transform:none;background:linear-gradient(180deg,#fff,#fffffff0 18%,#ffffff38 54%,#000000b8)}.glass-metal:after{content:"";position:absolute;z-index:2;inset:-18%;padding:0;border-radius:inherit;pointer-events:none;opacity:var(--light-opacity);will-change:transform,opacity;transform:translate3d(var(--light-x),var(--light-y),0);background:linear-gradient(94deg,transparent 25%,rgba(255,255,255,.08) 35%,#fff 47%,rgba(255,255,255,.42) 55%,transparent 70%);-webkit-mask:none;mask:none}.glass-metal-fill{position:relative;display:block;background:var(--metal-fill);box-shadow:none;filter:drop-shadow(0 .5px 0 rgba(255,255,255,.95)) drop-shadow(0 1px 1px rgba(15,18,22,.42));-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.2 14.9 8.1 21.4 9 16.7 13.6 17.8 20.1 12 17 6.2 20.1 7.3 13.6 2.6 9 9.1 8.1Z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.2 14.9 8.1 21.4 9 16.7 13.6 17.8 20.1 12 17 6.2 20.1 7.3 13.6 2.6 9 9.1 8.1Z'/%3E%3C/svg%3E") center / contain no-repeat}.glass-ring,.glass-add-solid{position:relative;isolation:isolate;display:grid;width:min(100%,var(--ring-size));max-width:var(--ring-size);min-width:0;aspect-ratio:1;place-items:center;border:0;border-radius:50%}.glass-ring{padding:0;background:transparent;box-shadow:none}.glass-ring:before,.glass-ring:after,.glass-add-solid:before,.glass-add-solid:after{content:"";position:absolute;pointer-events:none}.glass-ring:before{z-index:0;inset:0;padding:var(--ring-band-size);border-radius:inherit;background:radial-gradient(70% 46% at 20% 2%,rgba(255,255,255,.98) 0 31%,rgba(119,223,255,.46) 38%,rgba(187,139,255,.28) 43%,transparent 53%),radial-gradient(66% 45% at 82% 99%,rgba(255,255,255,.7) 0 29%,rgba(255,190,102,.3) 36%,rgba(255,112,165,.24) 42%,transparent 52%),conic-gradient(from 214deg,#ffffff29,#ffffff80 28deg,#b3e9ff40 53deg,#ffffff1c 128deg,#ffdaaa33 235deg,#ffffff29);box-shadow:0 2px 6px #2d313917,inset 0 0 0 1px #ffffffdb,inset 0 -1px #6a76891a;backdrop-filter:blur(12px) saturate(165%) brightness(1.05);-webkit-backdrop-filter:blur(12px) saturate(165%) brightness(1.05);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.glass-ring:after{z-index:2;inset:0;padding:var(--ring-band-size);border-radius:50%;opacity:var(--light-opacity);will-change:transform,opacity;transform:translate3d(var(--light-rim-x),var(--light-rim-y),0);background:linear-gradient(118deg,transparent 18%,rgba(255,255,255,.18) 34%,#fff 48%,rgba(255,255,255,.24) 61%,transparent 78%);box-shadow:inset 0 0 0 var(--ring-edge-size) #ffffffb8;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.glass-ring.glass-ring-diamond:before,.glass-ring.glass-ring-diamond:after{inset:var(--diamond-inset);padding:var(--diamond-ring-band-size);border-radius:18%}.glass-ring.glass-ring-diamond:before{transform:rotate(45deg)}.glass-ring.glass-ring-diamond:after{transform:translate3d(var(--light-rim-x),var(--light-rim-y),0) rotate(45deg)}.glass-ring>:first-child,.glass-add-solid>*{position:relative;z-index:1}.glass-ring>:first-child{width:calc(100% - var(--ring-band-size) - var(--ring-band-size));height:auto;max-width:100%;max-height:100%}.glass-add-solid{overflow:hidden;padding:0;color:var(--ink-soft);font-size:clamp(2rem,5vw,2.7rem);font-weight:250;line-height:1;background:linear-gradient(135deg,rgba(255,255,255,.44),rgba(255,255,255,.08) 28%,transparent 58%),var(--glass-btn-gradient);box-shadow:0 7px 18px #2d313929,0 2px 5px #2d31391a,inset 0 2px 2px #ffffffe0,inset 0 -2px 3px #5f6c7f2e,inset 10px 12px 22px -20px #fffffff5,inset -12px -14px 24px -20px #404c6070;backdrop-filter:blur(20px) saturate(180%) brightness(1.08);-webkit-backdrop-filter:blur(20px) saturate(180%) brightness(1.08);cursor:pointer;-webkit-user-drag:none;touch-action:manipulation;will-change:transform}.glass-add-solid:before{z-index:1;inset:-10%;padding:2px;border-radius:inherit;opacity:var(--light-opacity);will-change:transform,opacity;transform:translate3d(var(--light-x),var(--light-y),0);background:linear-gradient(106deg,transparent 16%,rgba(255,255,255,.18) 33%,#fff 48%,rgba(255,255,255,.28) 59%,transparent 76%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.glass-add-solid:after{z-index:2;inset:0;padding:2.5px;border-radius:inherit;opacity:.9;will-change:transform,opacity;transform:translate3d(var(--light-rim-x),var(--light-rim-y),0);background:radial-gradient(74% 52% at 18% -4%,rgba(255,255,255,.98) 0 34%,rgba(94,220,255,.75) 39%,rgba(180,115,255,.48) 44%,transparent 53%),radial-gradient(72% 44% at 85% 104%,rgba(255,255,255,.78) 0 28%,rgba(255,176,77,.5) 35%,rgba(255,89,153,.4) 40%,transparent 50%),linear-gradient(180deg,#fffffffa,#99adc538 55%,#ffffff9e);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.glass-add-solid.glass-button{width:auto;max-width:none;min-width:52px;min-height:44px;aspect-ratio:auto;padding:.68rem 1.15rem .72rem;border-radius:var(--radius-control);font-size:max(var(--type-label),1rem);font-weight:680}.glass-add-solid.glass-button:before,.glass-add-solid.glass-button:after{padding:1.5px}.glass-add-solid:focus-visible{outline:2px solid rgba(31,35,42,.9);outline-offset:4px}@media(hover:hover)and (pointer:fine){.glass-control.glass-metal.glass-interactive:hover{background:var(--metal-fill);box-shadow:0 3px 7px #262b3329,inset 0 1px #fff,inset 0 -1px #181c2247,inset 0 6px 10px -8px #fff,inset 0 -7px 10px -9px #0e1116b8}.glass-add-solid:hover{background:linear-gradient(135deg,rgba(255,255,255,.52),rgba(255,255,255,.12) 28%,transparent 58%),linear-gradient(#ffffff14,#ffffff14),var(--glass-btn-gradient)}}.list-hover-glass-host{isolation:isolate}.list-hover-glass{position:absolute;top:0;left:0;z-index:0;min-width:0;min-height:0;pointer-events:none;opacity:0;will-change:transform,opacity}.cell-box{--ring-size: calc(var(--cell-size) * .58);position:relative;display:flex;width:min(100%,var(--cell-size));min-width:0;aspect-ratio:4 / 5;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--cell-size) * .06);padding:calc(var(--cell-size) * .09);border:0;border-radius:0;color:inherit;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.cell-box:before,.cell-box:after{content:none}.cell-box>*{position:relative;z-index:1}.cell-box:focus-visible{outline:2px solid rgba(31,35,42,.9);outline-offset:3px}.cell-box>.glass-add-solid:only-child{--ring-size: calc(var(--cell-size) * .58)}.cell-box>.glass-add-solid{overflow:visible;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.cell-box>.glass-add-solid:before{z-index:0;inset:0;padding:var(--ring-band-size);border-radius:inherit;opacity:1;transform:none;background:radial-gradient(70% 46% at 20% 2%,rgba(255,255,255,.98) 0 31%,rgba(119,223,255,.46) 38%,rgba(187,139,255,.28) 43%,transparent 53%),radial-gradient(66% 45% at 82% 99%,rgba(255,255,255,.7) 0 29%,rgba(255,190,102,.3) 36%,rgba(255,112,165,.24) 42%,transparent 52%),conic-gradient(from 214deg,#ffffff29,#ffffff80 28deg,#b3e9ff40 53deg,#ffffff1c 128deg,#ffdaaa33 235deg,#ffffff29);box-shadow:0 2px 6px #2d313917,inset 0 0 0 1px #ffffffdb,inset 0 -1px #6a76891a;backdrop-filter:blur(12px) saturate(165%) brightness(1.05);-webkit-backdrop-filter:blur(12px) saturate(165%) brightness(1.05);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.cell-box>.glass-add-solid:after{z-index:2;inset:0;padding:var(--ring-band-size);border-radius:inherit;opacity:var(--light-opacity);transform:translate3d(var(--light-rim-x),var(--light-rim-y),0);background:linear-gradient(118deg,transparent 18%,rgba(255,255,255,.18) 34%,#fff 48%,rgba(255,255,255,.24) 61%,transparent 78%);box-shadow:inset 0 0 0 var(--ring-edge-size) #ffffffb8;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.cell-box>.glass-add-solid>*{display:grid;width:calc(100% - var(--ring-band-size) - var(--ring-band-size));max-width:100%;aspect-ratio:1;place-items:center;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.44),rgba(255,255,255,.08) 28%,transparent 58%),var(--glass-btn-gradient);box-shadow:0 7px 18px #2d313929,inset 0 2px 2px #ffffffe0,inset 0 -2px 3px #5f6c7f2e;backdrop-filter:blur(20px) saturate(180%) brightness(1.08);-webkit-backdrop-filter:blur(20px) saturate(180%) brightness(1.08)}.swatch{--swatch-base: #6e506d;--swatch-accent: #d8b8d2;--swatch-emission: #ffffff;--swatch-body-opacity: 90%;--swatch-emission-strength: 0%;--swatch-specular-opacity: .5;--swatch-specular-size: 16%;--swatch-specular-blur: 2px;--swatch-pattern-opacity: .22;--swatch-glass-highlight: .2;--swatch-glass-ring: .14;--swatch-turn-duration: 11s;--swatch-float-duration: 5s;position:relative;display:block;width:100%;height:auto!important;min-width:1px;min-height:1px;aspect-ratio:1;overflow:visible;border-radius:50%;background:transparent;box-shadow:none;contain:layout style}.swatch>span,.swatch-float>span,.swatch-sphere>span{position:absolute;pointer-events:none}.swatch-float{inset:0;will-change:transform;animation:swatch-float var(--swatch-float-duration) ease-in-out infinite alternate}.swatch-sphere{inset:0;overflow:hidden;border-radius:50%;background:radial-gradient(circle at 25% 21%,color-mix(in srgb,var(--swatch-emission) var(--swatch-emission-strength),transparent) 0%,transparent 43%),radial-gradient(circle at 31% 27%,color-mix(in srgb,var(--swatch-accent) var(--swatch-body-opacity),white 5%),transparent 45%),linear-gradient(142deg,color-mix(in srgb,var(--swatch-accent) var(--swatch-body-opacity),white 4%),color-mix(in srgb,var(--swatch-base) var(--swatch-body-opacity),transparent) 58%,color-mix(in srgb,var(--swatch-base) 72%,#181a20))}.swatch-surface{z-index:1;inset:-35%;border-radius:42%;opacity:.9;will-change:transform;animation:swatch-turn var(--swatch-turn-duration) linear infinite;background-image:var(--swatch-pattern-image, linear-gradient(transparent, transparent)),radial-gradient(ellipse at 35% 25%,color-mix(in srgb,var(--swatch-accent) 82%,transparent),transparent 30%),linear-gradient(118deg,color-mix(in srgb,var(--swatch-accent) 42%,transparent),transparent 36% 57%,color-mix(in srgb,var(--swatch-base) 64%,transparent));background-size:auto,100% 100%,100% 100%}.swatch-pattern-speckle{--swatch-pattern-image: radial-gradient(circle at 17% 23%, rgb(255 255 255 / var(--swatch-pattern-opacity)) 0 1px, transparent 1.6px), radial-gradient(circle at 74% 64%, rgb(255 255 255 / var(--swatch-pattern-opacity)) 0 .8px, transparent 1.5px), radial-gradient(circle at 42% 82%, rgb(0 0 0 / var(--swatch-pattern-opacity)) 0 1px, transparent 1.8px)}.swatch-pattern-veins{--swatch-pattern-image: repeating-radial-gradient(ellipse at 8% 110%, transparent 0 13%, rgb(255 255 255 / var(--swatch-pattern-opacity)) 14%, transparent 15% 22%), repeating-radial-gradient(ellipse at 112% -10%, transparent 0 18%, rgb(0 0 0 / var(--swatch-pattern-opacity)) 19%, transparent 20% 29%)}.swatch-pattern-stripes{--swatch-pattern-image: repeating-linear-gradient(112deg, transparent 0 9px, rgb(255 255 255 / var(--swatch-pattern-opacity)) 10px 11px, transparent 12px 18px)}.swatch-pattern-facets{--swatch-pattern-image: conic-gradient(from 32deg at 28% 34%, transparent, rgb(255 255 255 / var(--swatch-pattern-opacity)) 14deg, transparent 61deg 121deg, rgb(0 0 0 / var(--swatch-pattern-opacity)) 144deg, transparent 190deg), conic-gradient(from 214deg at 72% 68%, transparent, rgb(255 255 255 / var(--swatch-pattern-opacity)) 18deg, transparent 58deg 129deg, rgb(0 0 0 / var(--swatch-pattern-opacity)) 157deg, transparent 202deg)}.swatch-shading{z-index:2;inset:0;border-radius:50%;background:radial-gradient(circle at 29% 25%,rgba(255,255,255,var(--swatch-glass-highlight)) 0%,transparent 25%),radial-gradient(circle at 50% 44%,transparent 45%,rgba(22,25,31,.11) 67%,rgba(10,12,16,.58) 100%),radial-gradient(circle at 50% 50%,transparent 75%,rgba(255,255,255,var(--swatch-glass-ring)) 85%,transparent 95%)}.swatch-specular{z-index:3;top:13%;left:18%;width:var(--swatch-specular-size);aspect-ratio:.72;border-radius:50%;opacity:var(--swatch-specular-opacity);filter:blur(var(--swatch-specular-blur));transform:rotate(29deg);background:radial-gradient(ellipse at center,#fff 0 25%,rgba(255,255,255,.56) 47%,transparent 72%)}.swatch-diamond .swatch-float{inset:var(--diamond-inset);transform:rotate(45deg);animation:none}.swatch-diamond .swatch-sphere,.swatch-diamond .swatch-surface,.swatch-diamond .swatch-shading{border-radius:var(--diamond-inner-radius)}.swatch-diamond .swatch-surface{animation:none}@keyframes swatch-turn{0%{transform:rotate(0) scale(1.04)}to{transform:rotate(360deg) scale(1.04)}}@keyframes swatch-float{0%{transform:translate3d(0,-2px,0)}to{transform:translate3d(0,2px,0)}}.star-rating{--star-color: #2e6be6;display:inline-flex;align-items:center;color:var(--ink-faint);line-height:1}.star{position:relative;display:grid;flex:0 0 auto;place-items:center;color:inherit;transform-origin:center;will-change:transform,opacity}.star svg{display:block;width:100%;height:100%;overflow:visible;fill:currentColor}.star-glass-fill{position:absolute;inset:0;pointer-events:none;overflow:hidden;background:linear-gradient(132deg,rgba(255,255,255,.84),rgba(255,255,255,.16) 31%,transparent 55%),var(--glass-btn-gradient);box-shadow:inset 0 1px 1px #ffffffeb,inset 0 -1px 1px #4a566952;filter:drop-shadow(0 .5px 0 rgba(255,255,255,.9)) drop-shadow(0 1px 1px rgba(31,35,42,.28));backdrop-filter:blur(4px) saturate(180%);-webkit-backdrop-filter:blur(4px) saturate(180%);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.2 14.9 8.1 21.4 9 16.7 13.6 17.8 20.1 12 17 6.2 20.1 7.3 13.6 2.6 9 9.1 8.1Z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.2 14.9 8.1 21.4 9 16.7 13.6 17.8 20.1 12 17 6.2 20.1 7.3 13.6 2.6 9 9.1 8.1Z'/%3E%3C/svg%3E") center / contain no-repeat}.star-filled{color:var(--star-color)}.star-filled .star-glass-fill{opacity:0}.star-empty{color:transparent}.star-empty svg{opacity:0}.star-rating-display{gap:.14em;pointer-events:none}.star-rating-display.star-rating-sm .star{width:.9rem;height:.9rem}.star-rating-display.star-rating-lg .star{width:clamp(1.4rem,2.4vw,1.85rem);height:clamp(1.4rem,2.4vw,1.85rem)}.star-rating-input{gap:0}.star-rating-input .star{min-width:44px;min-height:44px;padding:12px;border:0;outline:0;background:transparent;cursor:pointer;-webkit-user-drag:none}.star-rating-input .star-glass-fill{inset:12px}.star-rating-input.star-rating-lg .star{width:52px;height:52px;padding:10px}.star-rating-input.star-rating-lg .star-glass-fill{inset:10px}.star-cluster{--star-color: #2e6be6;position:relative;display:inline-block;width:2rem;height:2rem;flex:0 0 2rem;color:var(--ink-faint);line-height:1;pointer-events:none}.star-cluster .star{position:absolute;width:.72rem;height:.72rem;transform:translate(-50%,-50%)}.star-cluster .star:nth-child(1){top:17%;left:50%}.star-cluster .star:nth-child(2){top:41%;left:82%}.star-cluster .star:nth-child(3){top:78%;left:70%}.star-cluster .star:nth-child(4){top:78%;left:30%}.star-cluster .star:nth-child(5){top:41%;left:18%}.star-rating-input .star:active{transform:scale(.82);opacity:.72}.star-rating-input .star:focus-visible{outline:2px solid rgba(31,35,42,.9);outline-offset:-6px;border-radius:50%}@media(hover:hover)and (pointer:fine){.star-rating-input .star:hover{opacity:.72}}.display{font-size:var(--type-display);font-weight:610;line-height:1.03;letter-spacing:-.02em;font-optical-sizing:auto}.title{font-size:var(--type-title);font-weight:620;line-height:1.18;letter-spacing:-.012em}.body{font-size:var(--type-body);line-height:1.5;letter-spacing:0}.label{color:var(--ink-soft);font-size:var(--type-label);font-weight:650;line-height:1.2;letter-spacing:.06em;text-transform:uppercase}.caption{color:var(--ink-dim);font-size:var(--type-caption);line-height:1.35;text-align:center}.swatch-caption{width:100%;text-align:center}.list-row-h1{display:block;width:100%;color:inherit;font-size:var(--type-display);font-weight:610;line-height:1.03;letter-spacing:-.02em;text-align:left;text-decoration:none;font-optical-sizing:auto}.dim{color:var(--ink-dim)}.row,.column,.stack{display:flex}.row{flex-direction:row;align-items:center}.column,.stack{flex-direction:column}.stack{gap:var(--space-4)}.grow{flex:1 1 auto;min-width:0;min-height:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.glass-control:before,.glass-control:after,.glass-metal:after,.glass-ring:after,.glass-add-solid:before,.glass-add-solid:after,.star,.list-hover-glass,.swatch-float,.swatch-surface{will-change:auto}.swatch-float,.swatch-surface{animation:none}.glass-interactive:active,.glass-interactive.is-pressed,.glass-interactive[data-pressed=true]{transform:none;opacity:.82}}.materials-paused .swatch-float,.materials-paused .swatch-surface{animation-play-state:paused}@media(prefers-reduced-transparency:reduce){.glass-control{background:linear-gradient(to right,#d6dad9fa,#9ca3acfa);backdrop-filter:none;-webkit-backdrop-filter:none}.glass-control:after{opacity:.12}.glass-ring:before{background:radial-gradient(70% 42% at 13% 0%,rgba(255,255,255,.98),transparent 54%),#f4f6f9f5;backdrop-filter:none;-webkit-backdrop-filter:none}.cell-box>.glass-add-solid:before{background:radial-gradient(70% 42% at 13% 0%,rgba(255,255,255,.98),transparent 54%),#f4f6f9f5;backdrop-filter:none;-webkit-backdrop-filter:none}.glass-add-solid{background:linear-gradient(to right,#d6dad9fa,#9ca3acfa);backdrop-filter:none;-webkit-backdrop-filter:none}.cell-box>.glass-add-solid>*{background:linear-gradient(to right,#d6dad9fa,#9ca3acfa);backdrop-filter:none;-webkit-backdrop-filter:none}.star-glass-fill{background:linear-gradient(to right,#d6dad9fa,#9ca3acfa);backdrop-filter:none;-webkit-backdrop-filter:none}}@media(prefers-contrast:more){:root{--ink: #050608;--ink-soft: rgba(5, 6, 8, .86);--ink-dim: rgba(5, 6, 8, .7);--glass-edge-top: #fff;--glass-edge-side: rgba(255, 255, 255, .68);--glass-edge-low: rgba(255, 255, 255, .74)}body{text-shadow:none}.glass-control,.glass-add-solid{color:var(--ink);background:#f9fafbf0}.glass-button{color:var(--ink);text-shadow:none}.cell-box:focus-visible,.glass-add-solid:focus-visible,.glass-button:focus-visible{outline-color:var(--ink);outline-width:3px}}.nav-host,.nav-shell,.nav-world,.map-cell{position:absolute;inset:0}.nav-host,.nav-shell{overflow:clip}.nav-shell{touch-action:none}.nav-world{width:100vw;height:100dvh;will-change:transform}.map-cell{width:100vw;height:100dvh;contain:layout paint style}.map-cell:not(.is-current){pointer-events:none}.nav-shell.is-reduced .nav-world{transform:none!important;will-change:auto}.nav-shell.is-reduced .map-cell{transform:none!important;will-change:opacity}.nav-hints{position:fixed;z-index:30;inset:0;pointer-events:none}.nav-hint{position:absolute;max-width:min(58vw,22rem);color:var(--ink-faint);font-size:clamp(.68rem,1.5vw,.78rem);font-weight:620;letter-spacing:.06em;line-height:1.2;text-align:center;text-transform:uppercase}.nav-hint-up,.nav-hint-down{left:50%;transform:translate3d(-50%,0,0)}.nav-hint-up{top:max(.65rem,env(safe-area-inset-top))}.nav-hint-down{bottom:max(.65rem,env(safe-area-inset-bottom))}.nav-hint-left,.nav-hint-right{top:50%;writing-mode:vertical-rl}.nav-hint-left{left:max(.45rem,env(safe-area-inset-left));transform:translate3d(0,-50%,0) rotate(180deg)}.nav-hint-right{right:max(.45rem,env(safe-area-inset-right));transform:translate3d(0,-50%,0)}.compass-overlay{position:fixed;z-index:60;inset:0}.compass-menu{position:absolute;display:grid;width:min(330px,calc(100vw - 28px));height:min(286px,calc(100dvh - 28px));padding:1rem;overflow:visible;grid-template-areas:". up ." "left center right" ". down .";grid-template-columns:1fr .55fr 1fr;grid-template-rows:1fr .55fr 1fr;place-items:center;will-change:transform,opacity}.compass-action{min-width:5.6rem;white-space:nowrap}.compass-action-up{grid-area:up}.compass-action-right{grid-area:right}.compass-action-down{grid-area:down}.compass-action-left{grid-area:left}@media(max-width:420px){.compass-menu{width:min(300px,calc(100vw - 24px));height:min(270px,calc(100dvh - 24px));padding:.75rem}.compass-action{min-width:5.1rem;padding-inline:.85rem}}@media(prefers-reduced-motion:reduce){.nav-world,.map-cell,.compass-menu{will-change:opacity}}.player-surface{position:absolute;inset:clamp(18px,5vw,70px);display:flex;min-width:0;min-height:0;padding:clamp(1.35rem,3.8vw,3.5rem);flex-direction:column;justify-content:flex-start;text-align:center}.surface-link{color:inherit;text-decoration-color:var(--ink-faint);text-decoration-thickness:1px;text-underline-offset:.16em}.surface-link:focus-visible,.text-list-link:focus-visible,.catalog-tile:focus-visible{outline:2px solid var(--ink);outline-offset:5px}.place-surface{padding:clamp(1.5rem,4.2vw,4.25rem)}.place-empty-space{min-height:4rem;flex:1 1 auto}.place-bird-links{display:flex;max-width:min(100%,56rem);flex:0 0 auto;flex-direction:column;align-items:flex-start;gap:clamp(.7rem,2vw,1.5rem);text-align:left}.place-bird-links .surface-link{width:fit-content;padding:.2em 0}.place-empty{font-size:clamp(1rem,1.5vw,1.25rem)}.catalog-surface,.list-surface,.settings-surface{overflow:auto;scrollbar-width:none}.catalog-surface::-webkit-scrollbar,.list-surface::-webkit-scrollbar,.settings-surface::-webkit-scrollbar,.detail-copy::-webkit-scrollbar{display:none}.catalog-grid{--cell-size: clamp(12rem, 24vw, 17rem);display:grid;margin:0;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--cell-size)),var(--cell-size)));justify-content:center;gap:clamp(1rem,3vw,2.5rem)}.catalog-tile{display:grid;color:inherit;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;align-items:center;gap:clamp(.65rem,1.6vw,1rem);text-decoration:none}.catalog-swatch{display:block;width:min(58%,9rem);justify-self:center;aspect-ratio:1}.bird-swatch .swatch-float,.bird-swatch .swatch-surface,.bird-hero .swatch-float,.bird-hero .swatch-surface{animation:none}.catalog-tile-copy{display:flex;min-width:0;flex-direction:column;align-items:center;gap:.35rem}.catalog-tile-copy strong{font-size:clamp(1.1rem,2vw,1.5rem);font-weight:620;line-height:1.16}.empty-state{grid-column:1 / -1;align-self:center;justify-self:center;padding:2rem 0;font-size:1.1rem}.text-list{display:flex;margin:0;padding:0;flex-direction:column;list-style:none}.text-list-link{display:flex;min-height:5.5rem;padding:1.2rem .35rem;color:inherit;flex-direction:row;align-items:center;justify-content:flex-start;gap:.35rem 1.25rem;text-align:left;text-decoration:none}.text-list-link strong{font:inherit}.player-surface .star-rating-lg{margin:-.5rem auto clamp(1.1rem,2.7vh,1.8rem)}.detail-surface{overflow:hidden}.detail-viewport,.detail-stage{min-width:0;min-height:0;flex:1 1 auto}.detail-viewport{display:flex;overflow-x:hidden;overflow-y:auto;touch-action:pan-y}.detail-stage{display:flex;will-change:transform,opacity}.detail-card{display:grid;width:100%;min-width:0;min-height:0;margin-block:auto;grid-template-columns:minmax(12rem,1.2fr) minmax(15rem,.8fr);align-items:center;gap:clamp(1.5rem,5vw,5rem)}.detail-hero{position:relative;display:grid;min-height:0;padding:clamp(1rem,3vw,2rem);place-items:center}.item-hero .swatch{width:min(82%,46vh,30rem);height:auto;aspect-ratio:1}.detail-copy{min-height:0;padding:.15rem .35rem .35rem 0;text-align:center}.detail-name{margin:0 0 clamp(1rem,3vh,2rem);font-size:var(--type-display);font-weight:590;line-height:1.05;letter-spacing:-.02em;font-optical-sizing:auto}.detail-values,.settings-rows{display:flex;flex-direction:column;align-items:center}.value-line{min-height:1.85rem;padding:.2rem 0;color:var(--ink-soft);line-height:1.35;overflow-wrap:anywhere}.entity-value{font-weight:650}.registry{margin-top:clamp(.7rem,1.5vh,1rem)}.registry ol{display:flex;margin-top:0;padding:0;flex-direction:column;align-items:center;gap:.35rem;list-style:none}.registry li{display:grid;grid-template-columns:1fr;gap:.05rem;line-height:1.35}.empty-card{display:grid;grid-column:1 / -1;font-size:clamp(1.25rem,3vw,2rem);place-items:center}.footprint-diagram{position:absolute;right:clamp(1rem,3vw,2rem);bottom:clamp(1rem,3vw,2rem);display:grid;width:clamp(3.4rem,8vw,5.5rem);padding:.35rem;color:var(--ink-dim);grid-template-columns:repeat(var(--footprint-columns),1fr);gap:.08rem}.footprint-diagram span{display:grid;font-size:clamp(.72rem,1.5vw,1rem);line-height:1;place-items:center;aspect-ratio:1}.emission-row{display:flex;align-items:center;justify-content:center;gap:.6rem}.emission-dot{flex:0 0 auto;font-size:.72rem;line-height:1}.settings-rows{margin:0;padding:0;list-style:none}.settings-rows li{min-height:4.5rem;padding:1rem 0;color:var(--ink-soft);align-items:center}@media(max-width:720px){.player-surface{inset:max(12px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));padding:1.2rem}.catalog-grid{--cell-size: min(9.25rem, calc((100vw - 4.75rem)/2) );grid-template-columns:repeat(2,var(--cell-size));gap:.7rem}.catalog-tile{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:.45rem}.catalog-swatch{width:min(54%,5.4rem)}.detail-card{grid-template-columns:1fr;grid-template-rows:minmax(12rem,auto) auto;gap:1rem}.detail-hero{padding:.7rem}.item-hero .swatch{width:min(66%,28vh)}.detail-copy{padding-right:0}.detail-name{margin-bottom:.75rem;font-size:clamp(1.75rem,9vw,3rem)}.value-line{min-height:1.65rem;padding:.12rem 0;font-size:.82rem}.registry{margin-top:.65rem}.registry li{font-size:.8rem}}@media(max-height:620px)and (orientation:landscape){.player-surface{inset:10px;padding:1rem 1.25rem}.detail-card{gap:1rem}.detail-name{margin-bottom:.7rem;font-size:2rem}}@media(prefers-reduced-motion:reduce){.detail-stage{transform:none!important;will-change:opacity}}.loop-surface{box-sizing:border-box;position:absolute;inset:0;overflow-y:auto;padding:clamp(18px,4vw,40px);padding-top:max(clamp(18px,4vw,40px),env(safe-area-inset-top));display:flex;flex-direction:column;gap:clamp(14px,3vh,26px);color:var(--ink);text-shadow:0 1px 2px rgba(40,46,52,.28);align-items:flex-start;justify-content:flex-start;text-align:left}.loop-surface .loop-block,.loop-surface .loop-list{align-items:flex-start}.loop-title{margin:0;font-size:clamp(2.1rem,7vw,3rem);font-weight:750;letter-spacing:-.015em}.loop-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:clamp(8px,1.6vh,14px)}.loop-row,.loop-link,.loop-action,.loop-info{font-size:clamp(1.3rem,4.4vw,1.6rem);font-weight:640;line-height:1.3}.loop-link,.loop-action{color:var(--ink);text-decoration:none;display:inline-flex;align-items:baseline;gap:.55em;width:fit-content}.loop-link:hover,.loop-action:hover{text-decoration:underline;text-underline-offset:.18em}.loop-info{color:var(--ink-soft);font-weight:560}.loop-dim{color:var(--ink-faint)}.loop-block{display:flex;flex-direction:column;gap:clamp(6px,1.2vh,10px)}.loop-kind:empty{display:none}.loop-action-fill{position:relative;display:inline-block}.loop-action-fill .fill-base{color:var(--ink-faint)}.loop-action-fill .fill-over{position:absolute;inset:0 auto 0 0;width:0%;overflow:hidden;white-space:nowrap;color:var(--ink)}.loop-action-ready{font-weight:750}.loop-action-warn{color:#ffd9c9}.loop-sublist{padding-left:clamp(16px,4vw,30px)}.loop-sub-link{font-size:clamp(1.1rem,3.8vw,1.35rem)}.loop-pager{display:flex;align-items:baseline;gap:1em}.loop-pager-link{font-size:clamp(1.6rem,5vw,2rem);padding:0 .35em}.loop-outcome{color:var(--ink-soft)}.loop-inline-actions{display:flex;gap:1.2em}.loop-inline{font-size:clamp(1rem,3.4vw,1.2rem);color:var(--ink-dim)}.loop-retired-entry{display:flex;flex-direction:column;gap:2px}.loop-stars{display:flex;gap:.3em}.loop-star{font-size:clamp(1.6rem,5vw,2rem);color:var(--ink-faint);text-decoration:none}.loop-star:hover{text-decoration:none}.loop-review-current{font-weight:750;text-decoration:underline;text-underline-offset:.18em}.loop-ambient{opacity:1;transform:translateY(0);transition:opacity .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1)}.loop-ambient:empty{display:none}.loop-ambient-out{opacity:0;transform:translateY(4px)}@media(prefers-reduced-motion:reduce){.loop-ambient{transition:none}}