:root{--bg-main: #0B1220;--bg-panel: #111827;--bg-panel-hover: #1F2937;--color-primary: #8B5CF6;--color-primary-hover: #7C3AED;--color-primary-rgb: 139, 92, 246;--text-primary: #E5E7EB;--text-secondary: #9CA3AF;--text-muted: #6B7280;--border-default: #1F2937;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4);--shadow-glow: 0 0 10px rgba(139, 92, 246, .3);--shadow-glow-strong: 0 0 20px rgba(139, 92, 246, .5);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--app-main: var(--bg-main);--app-panel: var(--bg-panel);--app-primary: var(--color-primary);--app-text: var(--text-primary)}*{transition-property:background-color,border-color,color,box-shadow;transition-duration:var(--transition-base);transition-timing-function:ease}*:not(.no-transition){transition-property:background-color,border-color,color,box-shadow}body{background-color:var(--bg-main);color:var(--text-primary)}.bg-main{background-color:var(--bg-main)}.bg-panel{background-color:var(--bg-panel)}.bg-panel-hover{background-color:var(--bg-panel-hover)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.border-default{border-color:var(--border-default)}.text-primary-color{color:var(--color-primary)}.bg-primary{background-color:var(--color-primary)}.border-primary{border-color:var(--color-primary)}.hover-panel:hover{background-color:var(--bg-panel-hover)}.hover-primary:hover{background-color:var(--color-primary-hover)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-glow{box-shadow:var(--shadow-glow)}.shadow-glow-strong{box-shadow:var(--shadow-glow-strong)}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-lg);transition:all var(--transition-base)}.btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-xl);transform:translateY(-1px)}.btn-primary:active{transform:scale(.98)}.btn-secondary{border:1px solid var(--color-primary);color:var(--color-primary);background-color:transparent;transition:all var(--transition-base)}.btn-secondary:hover{background-color:rgba(var(--color-primary-rgb),.1)}.btn-secondary:active{transform:scale(.98)}.btn-ghost{color:var(--text-primary);background-color:transparent;transition:all var(--transition-base)}.btn-ghost:hover{background-color:var(--bg-panel-hover)}.btn-ghost:active{transform:scale(.98)}.card{background-color:var(--bg-panel);border:1px solid var(--border-default);box-shadow:var(--shadow-lg);transition:all var(--transition-base)}.card:hover{background-color:var(--bg-panel-hover);box-shadow:var(--shadow-xl);transform:translateY(-2px)}.tab{color:var(--text-secondary);transition:all var(--transition-base);border-bottom:2px solid transparent}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);box-shadow:var(--shadow-glow)}.input{background-color:var(--bg-panel);border:1px solid var(--border-default);color:var(--text-primary);transition:all var(--transition-base)}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-panel)}::-webkit-scrollbar-thumb{background:var(--bg-panel-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-default)}::selection{background-color:rgba(var(--color-primary-rgb),.3);color:var(--text-primary)}.safe-area-container{padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom);padding-left:var(--safe-area-left);padding-right:var(--safe-area-right)}.safe-area-header{padding-top:calc(1rem + var(--safe-area-top))}.safe-area-footer{padding-bottom:calc(1rem + var(--safe-area-bottom))}.safe-area-full-height{min-height:calc(100vh - var(--safe-area-top) - var(--safe-area-bottom))}.safe-area-fixed-top{top:var(--safe-area-top)}.safe-area-fixed-bottom{bottom:var(--safe-area-bottom)}.safe-area-inset{padding-top:max(1rem,var(--safe-area-top));padding-bottom:max(1rem,var(--safe-area-bottom));padding-left:max(1rem,var(--safe-area-left));padding-right:max(1rem,var(--safe-area-right))}@media (display-mode: standalone){body{-webkit-overflow-scrolling:touch}body{overscroll-behavior-y:contain}}@supports (padding: max(0px)){.ios-status-bar-padding{padding-top:max(20px,var(--safe-area-top))}}@media (max-width: 768px){button,a{min-height:44px;min-width:44px}}button{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}@supports (-webkit-touch-callout: none){input,select,textarea{font-size:16px}input,textarea,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}}