:root{--app-height: 100vh;--app-height-dvh: 100vh;--ios-safari-bottom-offset: 0px;--blur-bg-opacity: .98;--title-bar-content-height: 44px;--title-bar-safe-top: env(safe-area-inset-top, 0px);--title-bar-total-height: calc(var(--title-bar-content-height) + var(--title-bar-safe-top));--color-bg-page: #1a202c;--color-bg-surface: #232a3b;--color-bg-surface-hover: #2a3344;--color-border: rgba(74, 85, 104, .3);--color-border-light: rgba(74, 85, 104, .15);--color-border-solid: #4a5568;--color-text-primary: #f7fafc;--color-text-secondary: #cbd5e0;--color-text-tertiary: #a0aec0;--color-primary: #7f9cf5;--color-primary-solid: #6366f1;--color-success: #34d399;--color-warning: #fbbf24;--color-error: #f87171;--title-font-size: 17px;--title-font-weight: 600;--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "Arial", sans-serif;--font-size-base: 16px;--font-size-min: 12px;--font-size-max: 24px;--line-height: 1.5;--letter-spacing: 0px;--font-weight-thin: 100;--font-weight-extra-light: 200;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semi-bold: 600;--font-weight-bold: 700;--font-weight-extra-bold: 800;--font-weight-black: 900;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--font-size-5xl: 48px;--font-size-6xl: 60px;--font-size-7xl: 72px;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;font-family:var(--font-family);line-height:var(--line-height);font-weight:var(--font-weight-regular);color-scheme:dark;color:#ffffffde;background-color:#1a202c;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html{min-width:320px;overflow-x:auto;height:100dvh;height:var(--app-height, 100dvh);-webkit-overflow-scrolling:touch}body{margin:0;min-width:320px;min-height:100dvh;min-height:var(--app-height, 100dvh);overflow-x:auto;background-color:#1a202c;position:relative}#root{width:100%;min-width:320px;min-height:100dvh;min-height:var(--app-height, 100dvh);overflow-x:auto;background-color:#1a202c;position:relative}@supports (padding-bottom: env(safe-area-inset-bottom)){.ios-safe-bottom,.fixed-bottom-safe{padding-bottom:max(16px,env(safe-area-inset-bottom),var(--ios-safari-bottom-offset, 0px))}}.page-title{font-size:var(--title-font-size);font-weight:var(--title-font-weight);color:var(--color-text-primary);margin:0;white-space:nowrap}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#ffffffde;background-color:#1a202c}a:hover{color:#7f9cf5}button{background-color:#2d3748}}@supports (height: 100dvh){:root{--app-height: 100dvh;--app-height-dvh: 100dvh}html{height:100dvh}body,#root{min-height:100dvh}}@supports (backdrop-filter: blur(10px)){:root{--blur-bg-opacity: .85}.bottom-nav-container,.blur-bg-supported{background:rgba(17,24,39,var(--blur-bg-opacity));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}@supports not (backdrop-filter: blur(10px)){.bottom-nav-container,.blur-bg-fallback{background:#111827fa}}@supports (gap: 1px){:root{--flex-gap-supported: 1}}@supports not (gap: 1px){.flex-gap-fallback{gap:0}.flex-gap-fallback>*+*{margin-left:var(--gap-fallback, 8px)}.flex-gap-fallback-column>*+*{margin-left:0;margin-top:var(--gap-fallback, 8px)}}@supports (padding: env(safe-area-inset-top)){:root{--safe-area-supported: 1}}@supports (grid-template-rows: masonry){.masonry-supported{display:grid;grid-template-rows:masonry}}.touch-target{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}@media(hover:none)and (pointer:coarse){button:active,.nav-item:active,.action-button:active,.touch-feedback:active{transform:scale(.98);opacity:.9;transition:transform .1s ease,opacity .1s ease}}*{-webkit-tap-highlight-color:transparent}input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px}@media(min-width:768px){input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:inherit}}@media(orientation:landscape){.search-bar-container .search-input{height:44px;min-height:44px}}@media(orientation:landscape){.home-content,.planet-list,.dynamic-content-page{max-height:60vh}}@media(orientation:landscape){.planet-detail-header,.dynamic-detail-header{--title-bar-height: 36px}}@media(orientation:landscape){.card-content{display:flex;flex-direction:row}}@media(orientation:landscape)and (max-height:500px){.page-content,.container{padding-top:8px;padding-bottom:8px}.app-title-bar,.home-top-bar{--title-bar-height: 40px}.login-container,.register-container{padding-top:16px;padding-bottom:16px}.bottom-nav-container{--bottom-nav-height: 40px}}@media(orientation:landscape)and (max-height:400px){.page-content,.container{padding-top:4px;padding-bottom:4px}.logo-section{padding-top:12px;padding-bottom:8px}.form-field,.mobile-field,.password-field,.code-field{margin-bottom:12px}}@media(orientation:landscape){input:focus,textarea:focus{scroll-margin-bottom:100px}}.splash-screen{--splash-primary: var(--color-primary);--splash-primary-light: #a3b9ff;--splash-bg: var(--color-bg-page);--splash-text: var(--color-text-primary);--splash-text-sub: var(--color-text-secondary);position:fixed;top:0;left:0;width:100vw;height:100dvh;height:var(--app-height, 100dvh);background:var(--splash-bg);display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden;transition:opacity .5s ease-in-out}.splash-screen.visible{opacity:1}.splash-screen.hidden{opacity:0;pointer-events:none}.splash-bg-decoration{position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none}.bg-circle{position:absolute;border-radius:50%;background:var(--splash-primary);opacity:.03}.bg-circle-1{width:300px;height:300px;top:-100px;right:-50px;animation:float-circle 8s ease-in-out infinite}.bg-circle-2{width:200px;height:200px;bottom:80px;left:-40px;animation:float-circle 10s ease-in-out infinite 1s}.bg-circle-3{width:150px;height:150px;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.02;animation:pulse-circle 6s ease-in-out infinite}@keyframes float-circle{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}@keyframes pulse-circle{0%,to{opacity:.02;transform:translate(-50%,-50%) scale(1)}50%{opacity:.04;transform:translate(-50%,-50%) scale(1.1)}}.splash-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.logo-container{margin-bottom:.5rem}.logo-icon{width:64px;height:64px;color:var(--splash-primary);animation:logo-glow 2s ease-in-out infinite}@keyframes logo-glow{0%,to{filter:drop-shadow(0 0 8px rgba(127,156,245,.3))}50%{filter:drop-shadow(0 0 16px rgba(127,156,245,.5))}}.app-name{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin:0}.app-name-main{font-size:2.5rem;font-weight:600;color:var(--splash-text);letter-spacing:.2em;animation:slideIn .6s ease-out .2s both}.app-name-sub{font-size:.75rem;font-weight:400;color:var(--splash-primary);letter-spacing:.3em;text-transform:uppercase;animation:slideIn .6s ease-out .3s both}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.loading-spinner{margin-top:.5rem;animation:spinnerFadeIn .5s ease-out .5s both}@keyframes spinnerFadeIn{0%{opacity:0}to{opacity:1}}.spinner{display:flex;gap:8px;align-items:center}.spinner-dot{width:8px;height:8px;background:var(--splash-primary);border-radius:50%;animation:dot-bounce 1.4s ease-in-out infinite}.spinner-dot:nth-child(1){animation-delay:0s}.spinner-dot:nth-child(2){animation-delay:.2s}.spinner-dot:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,60%,to{transform:translateY(0);opacity:.6}30%{transform:translateY(-12px);opacity:1}}.slogan{font-size:.875rem;color:var(--splash-text-sub);font-weight:400;letter-spacing:.1em;animation:sloganFadeIn .6s ease-out .8s both}@keyframes sloganFadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.app-name-main{font-size:2rem}.logo-icon{width:56px;height:56px}.bg-circle-1{width:240px;height:240px}.bg-circle-2{width:160px;height:160px}}@media(max-width:480px){.app-name-main{font-size:1.75rem;letter-spacing:.15em}.logo-icon{width:48px;height:48px}.splash-content{gap:1.25rem}.spinner{gap:6px}.spinner-dot{width:6px;height:6px}}@media(max-width:360px){.app-name-main{font-size:1.5rem}.app-name-sub{font-size:.625rem}.slogan{font-size:.75rem}}@media(prefers-reduced-motion:reduce){.splash-content,.app-name-main,.app-name-sub,.loading-spinner,.slogan,.logo-icon,.bg-circle{animation:none}.spinner-dot{animation:none;opacity:.6}}.page-loading-indicator{--page-loading-primary: var(--color-primary);--page-loading-primary-light: rgba(127, 156, 245, .4);background:transparent!important;background-color:transparent!important;border:none!important;box-shadow:none!important}.page-loading-indicator-bg{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(102,126,234,.1) 0%,transparent 70%);animation:page-loading-pulse 3s ease-in-out infinite}@keyframes page-loading-pulse{0%,to{opacity:.5}50%{opacity:1}}.page-loading-indicator-content{position:relative;z-index:1}.page-loading-indicator-spinner{width:36px;height:36px;position:relative}.page-loading-indicator-spinner:before{content:"";position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:var(--page-loading-primary);border-right-color:var(--page-loading-primary);border-radius:50%;animation:page-loading-spin .5s linear infinite;box-shadow:0 0 20px #7f9cf580}.page-loading-indicator-spinner:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;background:var(--page-loading-primary);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px var(--page-loading-primary-light);animation:page-loading-pulse-dot 1.5s ease-in-out infinite}@keyframes page-loading-spin{to{transform:rotate(360deg)}}@keyframes page-loading-pulse-dot{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.3)}}@media(prefers-reduced-motion:reduce){.page-loading-indicator-bg{animation:none;opacity:.8}.page-loading-indicator-spinner:before{animation:page-loading-spin .8s linear infinite}.page-loading-indicator-spinner:after{animation:none}}.notification-container{position:fixed;top:0;left:0;right:0;z-index:9999;pointer-events:none;display:flex;flex-direction:column;gap:12px;padding:16px;max-width:100%;box-sizing:border-box}.notification{position:relative;display:flex;align-items:center;gap:12px;padding:16px;border-radius:12px;background:var(--notification-bg, #ffffff);box-shadow:0 4px 12px #00000026;pointer-events:auto;animation:notification-slide-in .3s ease-out;min-width:300px;max-width:400px;margin:0 auto;cursor:grab;-webkit-user-select:none;user-select:none;transition:opacity .2s ease-out}.notification:active{cursor:grabbing}.notification-dragging{transition:none;cursor:grabbing}.notification-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.notification-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.notification-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.notification-info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.notification-loading{background:linear-gradient(135deg,var(--color-primary-solid) 0%,#4f46e5 100%);color:#fff}.notification-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.notification-message{flex:1;font-size:14px;line-height:1.5;word-break:break-word}.notification-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:#fff3;color:inherit;border-radius:6px;cursor:pointer;transition:all .2s}.notification-close:hover{background:#ffffff4d;transform:rotate(90deg)}.notification-close:active{transform:rotate(90deg) scale(.95)}.notification-progress{position:absolute;bottom:0;left:0;height:3px;background:#fffc;border-radius:0 0 12px 12px;transition:width .05s linear}.notification-loading-icon{animation:notification-spin 1s linear infinite}@keyframes notification-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes notification-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.notification-container{padding:12px}.notification{min-width:auto;max-width:100%;width:100%}}@media(max-width:480px){.notification-container{padding:8px}.notification{padding:12px;gap:10px}.notification-message{font-size:13px}}@media(prefers-color-scheme:dark){:root{--notification-bg: var(--color-bg-surface-hover)}.notification-success{background:linear-gradient(135deg,#059669,#047857)}.notification-error{background:linear-gradient(135deg,#dc2626,#b91c1c)}.notification-warning{background:linear-gradient(135deg,#d97706,#b45309)}.notification-info{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.notification-loading{background:linear-gradient(135deg,#4f46e5,#4338ca)}}@media(prefers-reduced-motion:reduce){.notification{animation:none}.notification-close,.notification-progress{transition:none}.notification-loading-icon{animation:none}}@media print{.notification-container,.notification{display:none!important}}@media(prefers-contrast:high){.notification{border:2px solid currentColor;box-shadow:0 4px 12px #0000004d}.notification-close{border:2px solid currentColor}}:root{--breakpoint-mobile-xs: 375px;--breakpoint-mobile-sm: 390px;--breakpoint-mobile-md: 768px;--breakpoint-tablet: 1024px;--breakpoint-desktop: 1280px;--breakpoint-desktop-lg: 1600px;--screen-type: mobile-md;--viewport-width: 100vw;--viewport-height: 100dvh;--viewport-height-dvh: 100dvh;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--title-bar-content-height: 44px;--bottom-nav-content-height: 44px;--title-bar-total-height: calc(var(--title-bar-content-height) + var(--safe-area-inset-top));--bottom-nav-total-height: calc(var(--bottom-nav-content-height) + var(--safe-area-inset-bottom));--title-bar-safe-top: var(--safe-area-inset-top);--bottom-nav-safe-bottom: var(--safe-area-inset-bottom);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--margin-xs: .25rem;--margin-sm: .5rem;--margin-md: 1rem;--margin-lg: 1.5rem;--margin-xl: 2rem;--container-max-width: 1600px;--container-min-width: 320px;--container-padding-xs: .75rem;--container-padding-sm: 1rem;--container-padding-md: 1.25rem;--container-padding-lg: 1.5rem;--container-padding-xl: 2rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-h1: 2.5rem;--font-size-h2: 2rem;--font-size-h3: 1.75rem;--font-size-h4: 1.5rem;--font-size-h5: 1.25rem;--font-size-h6: 1rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--z-base: 0;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--z-maximum: 9999;--grid-columns: 12;--grid-gap-xs: .25rem;--grid-gap-sm: .5rem;--grid-gap-md: 1rem;--grid-gap-lg: 1.5rem;--masonry-columns: 2}@media(max-width:375px){:root{--screen-type: mobile-xs;--container-padding: var(--container-padding-xs);--masonry-columns: 2;--title-bar-content-height: 40px;--bottom-nav-content-height: 40px;--title-bar-total-height: calc(var(--title-bar-content-height) + var(--safe-area-inset-top));--bottom-nav-total-height: calc(var(--bottom-nav-content-height) + var(--safe-area-inset-bottom));--spacing-xs: .2rem;--spacing-sm: .4rem;--spacing-md: .6rem;--spacing-lg: .8rem;--spacing-xl: 1.2rem;--spacing-2xl: 1.6rem;--font-size-xs: .7rem;--font-size-sm: .8rem;--font-size-md: .9rem;--font-size-lg: 1rem;--font-size-xl: 1.1rem;--font-size-2xl: 1.25rem;--font-size-3xl: 1.5rem;--font-size-h1: 1.75rem;--font-size-h2: 1.5rem;--font-size-h3: 1.3rem;--font-size-h4: 1.15rem;--font-size-h5: 1rem;--font-size-h6: .9rem;--title-font-size: 16px;--title-font-weight: 600}}@media(min-width:376px)and (max-width:390px){:root{--screen-type: mobile-sm;--container-padding: var(--container-padding-sm);--masonry-columns: 2;--title-bar-content-height: 44px;--bottom-nav-content-height: 44px;--title-bar-total-height: calc(var(--title-bar-content-height) + var(--safe-area-inset-top));--bottom-nav-total-height: calc(var(--bottom-nav-content-height) + var(--safe-area-inset-bottom));--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--font-size-xs: .75rem;--font-size-sm: .85rem;--font-size-md: .95rem;--font-size-lg: 1.05rem;--font-size-xl: 1.2rem;--font-size-2xl: 1.4rem;--font-size-3xl: 1.7rem;--font-size-h1: 2rem;--font-size-h2: 1.75rem;--font-size-h3: 1.3rem;--font-size-h4: 1.15rem;--font-size-h5: 1rem;--font-size-h6: .9rem;--title-font-size: 17px;--title-font-weight: 600}}@media(min-width:391px)and (max-width:768px){:root{--screen-type: mobile-md;--container-padding: var(--container-padding-md);--masonry-columns: 2;--title-bar-content-height: 44px;--bottom-nav-content-height: 44px;--title-bar-total-height: calc(var(--title-bar-content-height) + var(--safe-area-inset-top));--bottom-nav-total-height: calc(var(--bottom-nav-content-height) + var(--safe-area-inset-bottom));--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-h1: 2.5rem;--font-size-h2: 2rem;--font-size-h3: 1.75rem;--font-size-h4: 1.5rem;--font-size-h5: 1.25rem;--font-size-h6: 1rem;--title-font-size: 18px;--title-font-weight: 600}}@media(min-width:391px)and (max-width:768px){:root{--screen-type: mobile-md;--container-padding: var(--container-padding-md);--masonry-columns: 2;--title-bar-content-height: 44px;--bottom-nav-content-height: 44px;--title-bar-total-height: calc(var(--title-bar-content-height) + var(--safe-area-inset-top));--bottom-nav-total-height: calc(var(--bottom-nav-content-height) + var(--safe-area-inset-bottom));--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-h1: 2.5rem;--font-size-h2: 2rem;--font-size-h3: 1.75rem;--font-size-h4: 1.5rem;--font-size-h5: 1.25rem;--font-size-h6: 1rem}}@media(min-width:769px)and (max-width:1024px){:root{--screen-type: tablet;--container-padding: var(--container-padding-lg);--masonry-columns: 3;--title-bar-content-height: 48px;--bottom-nav-content-height: 48px;--title-bar-total-height: calc(var(--title-bar-content-height) + var(--safe-area-inset-top));--bottom-nav-total-height: calc(var(--bottom-nav-content-height) + var(--safe-area-inset-bottom));--title-font-size: 18px;--spacing-xs: .3rem;--spacing-sm: .6rem;--spacing-md: 1.2rem;--spacing-lg: 1.8rem;--spacing-xl: 2.4rem;--spacing-2xl: 3rem;--font-size-xs: .8rem;--font-size-sm: .9rem;--font-size-md: 1.05rem;--font-size-lg: 1.2rem;--font-size-xl: 1.35rem;--font-size-2xl: 1.7rem;--font-size-3xl: 2.1rem;--font-size-h1: 2.75rem;--font-size-h2: 2.25rem;--font-size-h3: 1.9rem;--font-size-h4: 1.65rem;--font-size-h5: 1.35rem;--font-size-h6: 1.1rem}}@media(min-width:1025px)and (max-width:1280px){:root{--screen-type: desktop;--container-padding: var(--container-padding-lg);--masonry-columns: 3;--title-bar-content-height: 52px;--bottom-nav-content-height: 52px;--title-bar-total-height: calc(var(--title-bar-content-height) + var(--safe-area-inset-top));--bottom-nav-total-height: calc(var(--bottom-nav-content-height) + var(--safe-area-inset-bottom));--title-font-size: 20px;--spacing-xs: .35rem;--spacing-sm: .7rem;--spacing-md: 1.4rem;--spacing-lg: 2rem;--spacing-xl: 2.6rem;--spacing-2xl: 3.2rem;--font-size-xs: .85rem;--font-size-sm: .95rem;--font-size-md: 1.1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.4rem;--font-size-2xl: 1.8rem;--font-size-3xl: 2.25rem;--font-size-h1: 3rem;--font-size-h2: 2.5rem;--font-size-h3: 2.1rem;--font-size-h4: 1.8rem;--font-size-h5: 1.5rem;--font-size-h6: 1.2rem}}@media(min-width:1281px)and (max-width:1600px){:root{--screen-type: desktop-lg;--container-padding: var(--container-padding-xl);--masonry-columns: 4;--title-bar-content-height: 56px;--bottom-nav-content-height: 56px;--title-bar-total-height: calc(var(--title-bar-content-height) + var(--safe-area-inset-top));--bottom-nav-total-height: calc(var(--bottom-nav-content-height) + var(--safe-area-inset-bottom));--title-font-size: 22px;--spacing-xs: .4rem;--spacing-sm: .8rem;--spacing-md: 1.6rem;--spacing-lg: 2.2rem;--spacing-xl: 2.8rem;--spacing-2xl: 3.5rem;--font-size-xs: .9rem;--font-size-sm: 1rem;--font-size-md: 1.15rem;--font-size-lg: 1.3rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.9rem;--font-size-3xl: 2.4rem;--font-size-h1: 3.2rem;--font-size-h2: 2.7rem;--font-size-h3: 2.25rem;--font-size-h4: 1.9rem;--font-size-h5: 1.6rem;--font-size-h6: 1.3rem}}@media(min-width:1601px){:root{--screen-type: desktop-xl;--container-padding: var(--container-padding-xl);--masonry-columns: 4;--title-bar-content-height: 56px;--bottom-nav-content-height: 56px;--title-bar-total-height: calc(var(--title-bar-content-height) + var(--safe-area-inset-top));--bottom-nav-total-height: calc(var(--bottom-nav-content-height) + var(--safe-area-inset-bottom));--title-font-size: 22px;--spacing-xs: .4rem;--spacing-sm: .8rem;--spacing-md: 1.6rem;--spacing-lg: 2.2rem;--spacing-xl: 2.8rem;--spacing-2xl: 3.5rem;--font-size-xs: .9rem;--font-size-sm: 1rem;--font-size-md: 1.15rem;--font-size-lg: 1.3rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.9rem;--font-size-3xl: 2.4rem;--font-size-h1: 3.2rem;--font-size-h2: 2.7rem;--font-size-h3: 2.25rem;--font-size-h4: 1.9rem;--font-size-h5: 1.6rem;--font-size-h6: 1.3rem}}:root{--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3)}@media(prefers-color-scheme:light){:root{--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3)}}@media(prefers-contrast:high){:root{--shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 8px 0 rgba(0, 0, 0, .5);--shadow-lg: 0 8px 16px 0 rgba(0, 0, 0, .5)}}html,body,#root{min-width:var(--container-min-width);overflow-x:auto}.main-content-wrapper{width:100%;min-width:var(--container-min-width)}@media(min-width:1601px){.main-content-wrapper{display:flex;justify-content:center}.main-content-wrapper>*{width:100%;max-width:var(--container-max-width)}}.container{width:100%;min-width:var(--container-min-width);max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--container-padding-sm);padding-right:var(--container-padding-sm)}@media(max-width:375px){.container{padding-left:var(--container-padding-xs);padding-right:var(--container-padding-xs)}}@media(min-width:391px)and (max-width:768px){.container{padding-left:var(--container-padding-md);padding-right:var(--container-padding-md)}}@media(min-width:769px){.container{padding-left:var(--container-padding-lg);padding-right:var(--container-padding-lg)}}@media(min-width:1281px){.container{padding-left:var(--container-padding-xl);padding-right:var(--container-padding-xl)}}.container-fluid{width:100%;min-width:var(--container-min-width);padding-left:var(--container-padding-sm);padding-right:var(--container-padding-sm)}@media(max-width:375px){.container-fluid{padding-left:var(--container-padding-xs);padding-right:var(--container-padding-xs)}}@media(min-width:391px)and (max-width:768px){.container-fluid{padding-left:var(--container-padding-md);padding-right:var(--container-padding-md)}}@media(min-width:769px){.container-fluid{padding-left:var(--container-padding-lg);padding-right:var(--container-padding-lg)}}@media(min-width:1281px){.container-fluid{padding-left:var(--container-padding-xl);padding-right:var(--container-padding-xl)}}.page-content{width:100%;max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--container-padding-sm);padding-right:var(--container-padding-sm)}@media(max-width:375px){.page-content{padding-left:var(--container-padding-xs);padding-right:var(--container-padding-xs)}}@media(min-width:391px)and (max-width:768px){.page-content{padding-left:var(--container-padding-md);padding-right:var(--container-padding-md)}}@media(min-width:769px){.page-content{padding-left:var(--container-padding-lg);padding-right:var(--container-padding-lg)}}@media(min-width:1281px){.page-content{padding-left:var(--container-padding-xl);padding-right:var(--container-padding-xl)}}@media(orientation:landscape){.container,.page-content{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}}@media(orientation:portrait){.container,.page-content{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}}@media(min-width:1601px){.container-centered{display:flex;justify-content:center}.container-centered>*{max-width:var(--container-max-width);width:100%}}.grid{display:grid;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));gap:var(--grid-gap-sm)}.grid-gap-sm{gap:var(--grid-gap-sm)}.grid-gap-md{gap:var(--grid-gap-md)}.grid-gap-lg{gap:var(--grid-gap-lg)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}@media(max-width:600px){.grid-cols-sm-1{grid-template-columns:repeat(1,minmax(0,1fr))}}@media(min-width:601px)and (max-width:840px){.grid-cols-md-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:841px)and (max-width:1200px){.grid-cols-lg-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-lg-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1201px){.grid-cols-xl-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-xl-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.flex-1{flex:1}.flex-grow-0{flex-grow:0}.flex-shrink-0{flex-shrink:0}@media(max-width:600px){.flex-sm-col{flex-direction:column}.flex-sm-row{flex-direction:row}}@media(min-width:841px){.flex-lg-row{flex-direction:row}.flex-lg-col{flex-direction:column}}.hidden{display:none!important}@media(max-width:600px){.hidden-sm{display:none!important}}@media(min-width:601px)and (max-width:840px){.hidden-md{display:none!important}}@media(min-width:841px)and (max-width:1200px){.hidden-lg{display:none!important}}@media(min-width:1201px){.hidden-xl{display:none!important}}@media(max-width:840px){.hidden-mobile{display:none!important}}@media(min-width:841px){.hidden-desktop{display:none!important}}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}@media(max-width:600px){.text-sm-center{text-align:center}.text-sm-left{text-align:left}}@media(min-width:841px){.text-lg-left{text-align:left}.text-lg-center{text-align:center}}.safe-area-top{padding-top:var(--safe-area-inset-top)}.safe-area-bottom{padding-bottom:var(--safe-area-inset-bottom)}.safe-area-left{padding-left:var(--safe-area-inset-left)}.safe-area-right{padding-right:var(--safe-area-inset-right)}.safe-area-all{padding:var(--safe-area-inset-top) var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}img{max-width:100%!important;page-break-inside:avoid}h1,h2,h3{page-break-after:avoid}p,h2,h3{orphans:3;widows:3}.no-print{display:none!important}}.m-0{margin:0}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mx-0{margin-left:0;margin-right:0}.my-0{margin-top:0;margin-bottom:0}.p-0{padding:0}.pt-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.px-0{padding-left:0;padding-right:0}.py-0{padding-top:0;padding-bottom:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100dvh;min-height:var(--app-height, 100dvh)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.position-sticky{position:sticky}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{width:100%;min-height:100vh;position:relative}a{color:var(--color-primary, #3b82f6);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark, #2563eb)}a:active{color:var(--color-primary-dark, #1d4ed8)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0;margin:0}button:focus{outline:2px solid var(--color-primary, #3b82f6);outline-offset:2px}button:focus:not(:focus-visible){outline:none}button:focus-visible{outline:2px solid var(--color-primary, #3b82f6);outline-offset:2px}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;background:var(--color-background, #ffffff);border:1px solid var(--color-border, #e5e7eb);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}input::placeholder,textarea::placeholder{color:var(--color-text-secondary, #6b7280)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background-secondary, #f3f4f6)}::-webkit-scrollbar-thumb{background:var(--color-border, #d1d5db);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-dark, #9ca3af)}::selection{background:var(--color-primary-light, #dbeafe);color:var(--color-primary-dark, #1e40af)}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}button,input[type=button],input[type=submit]{-webkit-tap-highlight-color:transparent}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.select-text{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.text-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.no-wrap{white-space:nowrap}.wrap{white-space:normal;word-wrap:break-word;word-break:break-word}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.transition-all{transition:all var(--transition-normal)}.transition-colors{transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal)}.transition-opacity{transition:opacity var(--transition-normal)}.transition-transform{transition:transform var(--transition-normal)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-none{box-shadow:none}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.border{border:1px solid var(--color-border, #e5e7eb)}.border-t{border-top:1px solid var(--color-border, #e5e7eb)}.border-b{border-bottom:1px solid var(--color-border, #e5e7eb)}.border-l{border-left:1px solid var(--color-border, #e5e7eb)}.border-r{border-right:1px solid var(--color-border, #e5e7eb)}.m-1{margin:var(--spacing-sm)}.m-2{margin:var(--spacing-md)}.m-3{margin:var(--spacing-lg)}.m-4{margin:var(--spacing-xl)}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.ml-1{margin-left:var(--spacing-sm)}.ml-2{margin-left:var(--spacing-md)}.ml-3{margin-left:var(--spacing-lg)}.ml-4{margin-left:var(--spacing-xl)}.mr-1{margin-right:var(--spacing-sm)}.mr-2{margin-right:var(--spacing-md)}.mr-3{margin-right:var(--spacing-lg)}.mr-4{margin-right:var(--spacing-xl)}.p-1{padding:var(--spacing-sm)}.p-2{padding:var(--spacing-md)}.p-3{padding:var(--spacing-lg)}.p-4{padding:var(--spacing-xl)}.pt-1{padding-top:var(--spacing-sm)}.pt-2{padding-top:var(--spacing-md)}.pt-3{padding-top:var(--spacing-lg)}.pt-4{padding-top:var(--spacing-xl)}.pb-1{padding-bottom:var(--spacing-sm)}.pb-2{padding-bottom:var(--spacing-md)}.pb-3{padding-bottom:var(--spacing-lg)}.pb-4{padding-bottom:var(--spacing-xl)}.pl-1{padding-left:var(--spacing-sm)}.pl-2{padding-left:var(--spacing-md)}.pl-3{padding-left:var(--spacing-lg)}.pl-4{padding-left:var(--spacing-xl)}.pr-1{padding-right:var(--spacing-sm)}.pr-2{padding-right:var(--spacing-md)}.pr-3{padding-right:var(--spacing-lg)}.pr-4{padding-right:var(--spacing-xl)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(prefers-color-scheme:dark){:root{--color-background: #1f2937;--color-background-secondary: #374151;--color-text: #f9fafb;--color-text-secondary: #d1d5db;--color-border: #4b5563;--color-border-dark: #6b7280}}