.loading-shell{flex:1;display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:var(--spacing-lg)}.loading-shell__spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top-color:var(--color-accent);border-radius:var(--radius-full);animation:loading-shell-spin .8s linear infinite}@keyframes loading-shell-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loading-shell__spinner{animation-duration:2s}}.app-layout{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;width:100%;overflow-x:hidden}.app-layout__safe-area{flex:1;display:flex;flex-direction:column;padding-top:var(--safe-area-inset-top);padding-right:var(--safe-area-inset-right);padding-bottom:var(--safe-area-inset-bottom);padding-left:var(--safe-area-inset-left)}.app-layout__content{flex:1;display:flex;flex-direction:column;width:100%;max-width:var(--max-width-mobile);margin:0 auto}@media(min-width:768px){.app-layout__content{max-width:var(--max-width-tablet)}}@media(min-width:1024px){.app-layout__content{max-width:var(--max-width-desktop)}}@media(max-height:500px)and (orientation:landscape){.app-layout__safe-area{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow-x:hidden}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{color-scheme:dark;--color-bg-primary: #1a1a1a;--color-bg-secondary: #2a2a2a;--color-bg-tertiary: #3a3a3a;--color-text-primary: #ffffff;--color-text-secondary: #a0a0a0;--color-border: #404040;--color-accent: #4a9eff;--color-accent-hover: #6ab0ff;--color-accent-button: #0b5ed7;--color-accent-button-hover: #0a53be;--color-success: #4ade80;--color-error: #f87171;--color-warning: #fbbf24;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-2xl: 32px;--max-width-mobile: 100%;--max-width-tablet: 768px;--max-width-desktop: 1200px;--min-touch-target: 44px;--safe-area-inset-top: env(safe-area-inset-top);--safe-area-inset-right: env(safe-area-inset-right);--safe-area-inset-bottom: env(safe-area-inset-bottom);--safe-area-inset-left: env(safe-area-inset-left);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .5);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .6)}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.5}#root{display:flex;flex-direction:column}h1{font-size:var(--font-size-2xl);font-weight:700;line-height:1.2}h2{font-size:var(--font-size-xl);font-weight:600;line-height:1.3}h3{font-size:var(--font-size-lg);font-weight:600;line-height:1.4}p{font-size:var(--font-size-md);line-height:1.6}button{font-family:inherit;font-size:var(--font-size-md);cursor:pointer;border:none;background:none;color:inherit}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}input,textarea,select{font-family:inherit;font-size:var(--font-size-md);color:var(--color-text-primary);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);width:100%}input:focus,textarea:focus,select:focus{outline:2px solid var(--color-accent);outline-offset:2px}button:focus-visible,a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.safe-area-inset-top{padding-top:var(--safe-area-inset-top)}.safe-area-inset-bottom{padding-bottom:var(--safe-area-inset-bottom)}.safe-area-inset-left{padding-left:var(--safe-area-inset-left)}.safe-area-inset-right{padding-right:var(--safe-area-inset-right)}@media(min-width:768px){:root{--font-size-xs: 13px;--font-size-sm: 15px;--font-size-md: 17px;--font-size-lg: 20px;--font-size-xl: 28px;--font-size-2xl: 36px}}@media(min-width:1024px){:root{--font-size-xs: 14px;--font-size-sm: 16px;--font-size-md: 18px;--font-size-lg: 22px;--font-size-xl: 30px;--font-size-2xl: 40px}}