:root{--color-primary: #32796a;--color-primary-light: #3d9182;--color-primary-dark: #275e54;--color-primary-glow: rgba(50, 121, 106, .6);--color-primary-subtle: rgba(50, 121, 106, .15);--color-accent: #4ecdc4;--color-accent-glow: rgba(78, 205, 196, .5);--color-bg-deep: #0d1614;--color-bg-dark: rgba(20, 30, 28, .88);--color-bg-glass: rgba(50, 121, 106, .14);--color-bg-overlay: rgba(0, 0, 0, .42);--color-text-primary: #fff;--color-text-secondary: rgba(255, 255, 255, .72);--spacing-xs: clamp(4px, 1vw, 8px);--spacing-sm: clamp(8px, 2vw, 16px);--spacing-md: clamp(12px, 3vw, 24px);--spacing-lg: clamp(16px, 4vw, 32px);--spacing-xl: clamp(24px, 5vw, 48px);--size-btn-sm: clamp(36px, 10vw, 48px);--size-btn-md: clamp(48px, 12vw, 64px);--size-btn-lg: clamp(56px, 15vw, 80px);--size-icon: clamp(18px, 5vw, 24px);--size-radius-sm: clamp(8px, 2vw, 12px);--size-radius-md: clamp(12px, 3vw, 20px);--size-radius-lg: clamp(16px, 4vw, 32px);--font-size-xs: clamp(10px, 2.5vw, 12px);--font-size-sm: clamp(12px, 3vw, 14px);--font-size-md: clamp(14px, 3.5vw, 16px);--font-size-lg: clamp(16px, 4vw, 20px);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--shadow-glow: 0 0 20px var(--color-primary-glow);--shadow-glow-intense: 0 0 30px var(--color-primary-glow), 0 0 60px var(--color-primary-subtle);--shadow-soft: 0 4px 20px rgba(0, 0, 0, .3)}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden;overscroll-behavior:none;touch-action:manipulation}body{color:var(--color-text-primary);background:linear-gradient(135deg,#1a2f2a 0%,var(--color-bg-deep) 100%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}*{box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent!important}button,input,textarea{font:inherit}img{pointer-events:none;-webkit-touch-callout:none}#app{width:100vw;height:100vh;height:100dvh;overflow:hidden;touch-action:manipulation}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-light)}@keyframes glow-pulse{0%,to{box-shadow:0 0 10px var(--color-primary-glow)}50%{box-shadow:0 0 25px var(--color-primary-glow),0 0 40px var(--color-primary-subtle)}}@keyframes border-glow{0%,to{border-color:var(--color-primary)}50%{border-color:var(--color-accent)}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-ring{0%{opacity:.85;transform:scale(.95)}to{opacity:0;transform:scale(1.8)}}.glass-effect{border:1px solid rgba(255,255,255,.1);background:var(--color-bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}html.is-electron,html.is-electron body{width:100%;height:100%;overflow:hidden}html.is-electron{scrollbar-width:none}html.is-electron::-webkit-scrollbar,html.is-electron *::-webkit-scrollbar{display:none}html.is-electron #app{overflow:hidden}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
