:root{--phi:1.61803;--space-2xs:.236rem;--space-xs:.382rem;--space-sm:.618rem;--space-md:1rem;--space-lg:1.618rem;--space-xl:2.618rem;--space-2xl:4.236rem;--space-3xl:6.854rem;--text-xs:.618rem;--text-sm:.786rem;--text-md:1rem;--text-lg:1.272rem;--text-xl:1.618rem;--text-2xl:2.058rem;--text-3xl:2.618rem;--text-4xl:4.236rem;--optical-correction:.618;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--duration-fast:.12s;--duration-normal:.2s;--duration-slow:.35s;--opacity-overlay:.85;--opacity-muted:.6;--opacity-disabled:.38;--elevation-1:0 1px 3px #0000001f, 0 1px 2px #0000003d;--elevation-2:0 3px 6px #00000029, 0 3px 6px #0000003b;--elevation-3:0 10px 20px #00000030, 0 6px 6px #0000003b}.giao-panel{pointer-events:auto;z-index:9999;gap:var(--space-sm);padding-block:calc(var(--space-lg) * var(--optical-correction));padding-inline:var(--space-lg);max-inline-size:calc(100vw - var(--space-xl));max-block-size:calc(100dvh - var(--space-xl));background:color-mix(in srgb, var(--color-surface) 36%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid color-mix(in srgb, var(--color-light) 18%, transparent);color:var(--color-light);box-shadow:var(--elevation-2);border-radius:0;flex-direction:column;display:flex;position:fixed;overflow-y:auto}.giao-panel__header{font-size:var(--text-lg);flex:1;font-weight:700}.giao-panel__content{gap:var(--space-sm);overflow-wrap:break-word;flex-direction:column;flex:1.618;display:flex}.giao-panel__btn{cursor:pointer;padding-block:calc(var(--space-sm) * var(--optical-correction));padding-inline:var(--space-md);font-size:var(--text-sm);background:var(--color-interactive);color:var(--color-dark);border:0;border-radius:0}.giao-panel__btn:hover{background:var(--color-interactive-hover)}.giao-panel__item{font-size:var(--text-sm);background:color-mix(in srgb, var(--color-surface) 46%, transparent);color:var(--color-light);aspect-ratio:1;cursor:pointer;border:0;border-radius:0;justify-content:center;align-items:center;padding:0;display:flex;overflow:hidden}.giao-panel__thumb{object-fit:cover;width:100%;height:100%;display:block}.giao-panel__grid{gap:var(--space-sm);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:auto}.giao-panel--top-left{top:var(--space-lg);left:var(--space-lg)}.giao-panel--top-right{top:var(--space-lg);right:var(--space-lg)}.giao-panel--bottom-left{bottom:var(--space-lg);left:var(--space-lg)}.giao-panel--bottom-right{bottom:var(--space-lg);right:var(--space-lg)}.giao-panel--top-right-offset{top:calc(var(--space-lg) + var(--space-3xl));right:var(--space-lg);max-block-size:calc(100dvh - var(--space-xl) - var(--space-3xl))}.giao-panel--top-left-offset{top:calc(var(--space-lg) + var(--space-3xl));left:var(--space-lg);max-block-size:calc(100dvh - var(--space-xl) - var(--space-3xl))}.giao-panel--bottom-left-offset{bottom:calc(var(--space-lg) + var(--space-3xl));left:var(--space-lg);max-inline-size:22rem;max-block-size:calc(100dvh - var(--space-xl) - var(--space-3xl))}.giao-panel--narrow{min-inline-size:calc(var(--space-3xl) * var(--phi))}.giao-panel--capped{max-block-size:calc(var(--space-3xl) * var(--phi))}.giao-panel[data-state=entering]{opacity:0;transform:translateY(var(--space-sm))}.giao-panel[data-state=open]{opacity:1;transition:opacity var(--duration-normal) var(--ease-out-expo), transform var(--duration-normal) var(--ease-out-expo);transform:translateY(0)}.giao-panel[data-state=exiting]{opacity:0;transform:translateY(calc(var(--space-xs) * -1));transition:opacity var(--duration-fast) var(--ease-in-out), transform var(--duration-fast) var(--ease-in-out)}@media (prefers-reduced-motion:reduce){.giao-panel[data-state=open],.giao-panel[data-state=exiting]{transition-duration:0s}}.giao-panel[data-state=hidden]{display:none}.giao-fi__header{align-items:baseline;gap:var(--space-sm);display:flex}.giao-panel--filter-info{overflow-y:hidden}.giao-panel--filter-info.giao-fi--compact-1{padding-block:calc(var(--space-md) * var(--optical-correction));padding-inline:var(--space-md)}.giao-panel--filter-info.giao-fi--compact-2{padding-block:calc(var(--space-sm) * var(--optical-correction));padding-inline:var(--space-sm)}.giao-fi__name{font-size:var(--text-lg);font-weight:700}.giao-fi__content{gap:var(--space-md)}.giao-fi__about{font-size:var(--text-sm);opacity:var(--opacity-muted);margin:0;line-height:1.5}.giao-fi__lookfor{gap:var(--space-2xs);font-size:var(--text-sm);flex-direction:column;line-height:1.5;display:flex}.giao-fi__lookfor-label{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;opacity:var(--opacity-muted);font-weight:700}.giao-fi__meters{gap:var(--space-sm);border-block-start:1px solid color-mix(in srgb, var(--color-light) 12%, transparent);flex-direction:column;padding-block-start:var(--space-2xs);display:flex}.giao-fi__meter{gap:var(--space-2xs);flex-direction:column;display:flex}.giao-fi__meter-label{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;opacity:var(--opacity-muted);font-weight:600}.giao-fi__histogram{align-items:flex-end;gap:2px;block-size:2.5rem;display:flex}.giao-fi__histo-bar{height:var(--pct,4%);background:var(--color-interactive);opacity:.8;flex:1;justify-content:center;align-items:flex-start;min-height:2px;display:flex;position:relative}.giao-fi__histo-num{top:calc(-1 * var(--text-xs) - var(--space-2xs));font-size:var(--text-xs);opacity:.6;white-space:nowrap;position:absolute}.giao-fi__histo-axis{font-size:var(--text-xs);opacity:.45;justify-content:space-between;display:flex}.giao-fi__bar-row{align-items:center;gap:var(--space-sm);display:flex}.giao-fi__bar-row .giao-fi__meter-label{flex:none;min-inline-size:7rem}.giao-fi__bar-track{background:color-mix(in srgb, var(--color-light) 15%, transparent);border-radius:0;flex:1;height:4px;overflow:hidden}.giao-fi__bar-fill{background:var(--color-interactive);height:100%;transition:width var(--duration-normal) var(--ease-out-expo);border-radius:0}.giao-fi__bar-num{font-size:var(--text-xs);opacity:.6;text-align:right;min-inline-size:2.5rem}.giao-panel--filter-info.giao-fi--compact-1 .giao-fi__content{gap:var(--space-sm)}.giao-panel--filter-info.giao-fi--compact-1 .giao-fi__about,.giao-panel--filter-info.giao-fi--compact-1 .giao-fi__lookfor,.giao-panel--filter-info.giao-fi--compact-1 .giao-fi__meter-label{font-size:var(--text-xs);line-height:1.35}.giao-panel--filter-info.giao-fi--compact-1 .giao-fi__meters{gap:var(--space-2xs)}.giao-panel--filter-info.giao-fi--compact-1 .giao-fi__histogram{block-size:2rem}.giao-panel--filter-info.giao-fi--compact-2 .giao-fi__content{gap:var(--space-2xs)}.giao-panel--filter-info.giao-fi--compact-2 .giao-fi__about,.giao-panel--filter-info.giao-fi--compact-2 .giao-fi__lookfor,.giao-panel--filter-info.giao-fi--compact-2 .giao-fi__meter-label,.giao-panel--filter-info.giao-fi--compact-2 .giao-fi__bar-num,.giao-panel--filter-info.giao-fi--compact-2 .giao-fi__histo-axis{font-size:.65rem;line-height:1.25}.giao-panel--filter-info.giao-fi--compact-2 .giao-fi__histo-num{display:none}.giao-panel--filter-info.giao-fi--compact-2 .giao-fi__histogram{block-size:1.5rem}.giao-panel--filter-info.giao-fi--compact-2 .giao-fi__meters{gap:2px}.giao-fi__split-track{border-radius:0;gap:1px;height:6px;display:flex;overflow:hidden}.giao-fi__split-seg{border-radius:0;min-width:2px}.giao-fi__split-warm{background:#e8805a}.giao-fi__split-cool{background:#6ab0e8}.giao-fi__split-neutral{background:color-mix(in srgb, var(--color-light) 20%, transparent)}.giao-fi__split-legend{align-items:center;gap:var(--space-xs);font-size:var(--text-xs);opacity:.6;display:flex}.giao-fi__swatch{border-radius:0;flex-shrink:0;block-size:8px;inline-size:8px;display:inline-block}.giao-fi__swatch--warm{background:#e8805a}.giao-fi__swatch--cool{background:#6ab0e8}.giao-fi__compass{border:1px solid color-mix(in srgb, var(--color-light) 25%, transparent);border-radius:0;flex-shrink:0;block-size:1.5rem;inline-size:1.5rem;position:relative}.giao-fi__compass-needle{background:var(--color-interactive);transform-origin:bottom;border-radius:2px;position:absolute;top:20%;bottom:20%;left:47%;right:47%}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-light:#f5f5f5;--color-dark:#121212;--color-surface:color-mix(in srgb, var(--color-dark) 85%, var(--color-light));--color-text:var(--color-light);--color-interactive:#87b7ff;--color-interactive-hover:#a6c9ff;--color-disabled:#666;--color-focus-ring:#a6c9ff;--type-title:clamp(2.618rem, 2.618rem + 1.5vw, 4.236rem);--type-subtitle:clamp(1.618rem, 1.618rem + .8vw, 2.058rem);--type-label:clamp(1.272rem, 1.272rem + .5vw, 1.618rem);--type-body:clamp(1rem, 1rem + .3vw, 1.272rem);--type-caption:clamp(.786rem, .786rem + .2vw, 1rem);--space-12:var(--space-sm);--space-16:var(--space-md);--space-24:var(--space-lg)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body,html{background:var(--color-dark);height:100%;color:var(--color-text);-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Urbanist,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}canvas{z-index:8;touch-action:none;pointer-events:none;outline:none;width:100vw;height:100vh;display:block;position:fixed;top:0;bottom:0;left:0;right:0}:focus-visible{outline:calc(var(--space-2xs) / 3) solid var(--color-focus-ring);outline-offset:var(--space-2xs)}button{font:inherit}#globeLayer{opacity:0;visibility:hidden;z-index:5;pointer-events:none;width:100vw;height:100vh;display:block;position:fixed;top:0;bottom:0;left:0;right:0;background:0 0!important}#globeLayer.active{opacity:1;visibility:visible}#globeChart{width:100%;height:100%}#globeChart,#globeChart>div,#globeChart canvas{background:0 0!important}#giaoCanvasBlurLayer{z-index:9;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.ui-layer,#uiLayer{z-index:10;position:fixed;top:0;bottom:0;left:0;right:0}.giao-canvas-backdrop-blur{background:color-mix(in srgb, var(--color-surface) 35%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid color-mix(in srgb, var(--color-light) 14%, transparent);position:absolute;top:0;left:0}#fallback{padding-block:calc(var(--space-24) * var(--optical-correction));padding-inline:var(--space-24);text-align:center;place-items:center;gap:var(--space-12);z-index:20;background:var(--color-dark);color:var(--color-light);opacity:0;pointer-events:none;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}#fallback h1{font-size:var(--type-subtitle);margin:0}#fallback p{max-width:calc(var(--space-3xl) * 2);font-size:var(--type-caption);opacity:.85;margin:0;line-height:1.5}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#continueWithoutCamera{padding-block:calc(var(--space-sm) * var(--optical-correction));padding-inline:var(--space-md);background:var(--color-interactive);color:#111;cursor:pointer;border:0;border-radius:0;font-weight:600}#continueWithoutCamera:hover{background:var(--color-interactive-hover)}#continueWithoutCamera:disabled{background:var(--color-disabled);cursor:not-allowed}.app-ready #fallback,.no-camera-mode #fallback{opacity:0;pointer-events:none;transition:opacity .2s}.camera-failed #fallback{opacity:1;pointer-events:auto}.noscript{left:var(--space-sm);bottom:var(--space-sm);padding-block:calc(var(--space-sm) * var(--optical-correction));padding-inline:var(--space-md);background:var(--color-surface);color:var(--color-light);font-size:var(--type-caption);z-index:2;border-radius:0;position:fixed}#appError{z-index:30;place-items:center;gap:var(--space-md);text-align:center;background:var(--color-dark);color:var(--color-light);padding-block:calc(var(--space-2xl) * var(--optical-correction));padding-inline:var(--space-2xl);display:grid;position:fixed;top:0;bottom:0;left:0;right:0}#appError[hidden]{display:none}#retryBoot{padding-block:calc(var(--space-sm) * var(--optical-correction));padding-inline:var(--space-md);background:var(--color-interactive);color:var(--color-dark);cursor:pointer;border:0;border-radius:0;font-weight:600}#retryBoot:hover{background:var(--color-interactive-hover)}@media (max-width:960px){#fallback{padding-block:calc(var(--space-16) * var(--optical-correction));padding-inline:var(--space-16)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}