@layer reset,tokens,base,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-block-size:100%}img,svg,video{display:block;max-inline-size:100%;block-size:auto}}@layer tokens{:root{color-scheme:light;--font-ui: "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-weight-regular: 430;--font-weight-strong: 680;--font-weight-heavy: 780;--surface-0: #f7fbf9;--surface-1: #ffffff;--surface-2: #f3f6f5;--text-1: #0f172a;--text-2: #334155;--text-3: #64748b;--brand-50: #ecfdf5;--brand-100: #d1fae5;--brand-500: #10b981;--brand-600: #059669;--brand-700: #047857;--info-50: #eff6ff;--info-600: #2563eb;--danger-50: #fef2f2;--danger-600: #dc2626;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--grid-row-gap: clamp(.75rem, .4rem + 1vw, 1.5rem);--grid-column-gap: clamp(.75rem, .5rem + .8vw, 1.25rem);--app-max: min(1120px, 100vw - 2rem);--header-h: clamp(56px, 7svh, 72px);--shadow-soft: 0 1px 2px rgb(15 23 42 / .05), 0 8px 20px rgb(15 23 42 / .06);--ring-brand: 0 0 0 3px rgb(16 185 129 / .15)}}@layer base{html{scroll-behavior:smooth;scrollbar-gutter:stable both-edges;font-size:clamp(15px,.2vw + 14px,17px)}body{min-block-size:100dvh;background:radial-gradient(1200px circle at 20% -10%,#e7f8ef,#f7fbf9,#f8fafc);color:var(--text-1);font-family:var(--font-ui);font-optical-sizing:auto;font-variation-settings:"wght" var(--font-weight-regular);text-rendering:optimizeLegibility}:focus-visible{outline:none;box-shadow:var(--ring-brand)}::selection{background:#dbeafe;color:#0f172a}::-webkit-scrollbar{inline-size:10px;block-size:10px}::-webkit-scrollbar-track{background:#eef2f7}::-webkit-scrollbar-thumb{background:#c5d0dd;border-radius:999px;border:2px solid #eef2f7}::-webkit-scrollbar-thumb:hover{background:#98a9bc}}@layer components{.app-shell{container-type:inline-size;container-name:app-shell;min-block-size:100dvh}.app-header{min-block-size:var(--header-h);content-visibility:auto}.app-main{inline-size:min(100%,var(--app-max));margin-inline:auto;container-type:inline-size;container-name:app-main;scroll-snap-type:y proximity;scroll-padding-top:calc(var(--header-h) + 8px);content-visibility:auto}.app-main>*{scroll-snap-align:start}.surface-card{background:var(--surface-1);border:1px solid #e2e8f0;border-radius:var(--radius-xl);box-shadow:var(--shadow-soft)}.grid-fluid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));row-gap:var(--grid-row-gap);column-gap:var(--grid-column-gap)}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-inline-size:min(70ch,92cqi)}.media-fit{object-fit:cover;object-position:center}@supports (object-view-box: inset(0 0 0 0)){.media-fit{object-view-box:inset(0% 0% 0% 0%)}}@container app-main (max-width: 900px){.app-main{padding-inline:max(.75rem,2cqi)}}@container app-shell (max-width: 720px){.nav-item-label{font-size:9px;letter-spacing:.02em}}}@layer utilities{.wm-vertical-rl{writing-mode:vertical-rl;text-orientation:mixed}.wm-horizontal-tb{writing-mode:horizontal-tb}.snap-y-container{scroll-snap-type:y proximity}.snap-child{scroll-snap-align:start;scroll-margin-top:calc(var(--header-h) + var(--space-2))}.u-inset-cover{position:absolute;top:0;right:0;bottom:0;left:0}.u-gap-fluid{row-gap:var(--grid-row-gap);column-gap:var(--grid-column-gap)}.u-content-auto{content-visibility:auto;contain-intrinsic-size:400px}.u-fluid-max{inline-size:min(100%,max(280px,60vw))}.u-viewport-block{min-block-size:min(100lvh,100dvh)}.u-clamp-text{font-size:clamp(.875rem,.75rem + .6vw,1rem)}}