.app{width:100vw;height:100vh;display:flex;flex-direction:column;background:var(--bg-deepest);position:fixed;top:0;left:0;overflow:hidden}.game-header{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-2) var(--space-4);background:linear-gradient(180deg,#111827fa,#111827e6);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:var(--z-sticky)}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;padding:0}.main-content::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-track{background:transparent}.main-content::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}.main-content::-webkit-scrollbar-thumb:hover{background:var(--color-primary-500)}.action-area{flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:linear-gradient(0deg,#111827fa,#111827f2);border-top:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:var(--z-sticky)}@media (max-width: 640px){.app{width:100%;height:100%;height:100dvh}.game-header{padding:var(--space-2);gap:var(--space-2)}.action-area{padding:var(--space-2);padding-bottom:max(var(--space-2),env(safe-area-inset-bottom))}}.game-header{display:flex;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--space-3) var(--space-6);background:linear-gradient(180deg,#111827f2,#111827d9);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:var(--z-sticky)}.game-header .stat{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.game-header .stat:hover{background:#ffffff0d;border-color:var(--border-default)}.game-header .stat-icon{font-size:var(--text-lg)}.game-header .stat-value{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.game-header .stat[title=压力值]{border-color:transparent}.game-header .stat.stress-warning{border-color:#f59e0b4d;background:#f59e0b14}.game-header .stat.stress-warning .stat-value{color:var(--color-warning-500)}.game-header .stat.stress-danger{border-color:#ef44444d;background:#ef444414;animation:pulse 1.5s ease-in-out infinite}.game-header .stat.stress-danger .stat-value{color:var(--color-danger-500)}.stress-indicator{font-size:var(--text-xs);font-weight:var(--weight-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:#f59e0b26;color:var(--color-warning-500)}.stress-danger .stress-indicator{background:#ef444426;color:var(--color-danger-500)}.header-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-lg)}.header-btn:hover{background:#ffffff14;border-color:var(--border-default);transform:scale(1.05)}.header-btn:active{transform:scale(.95)}@media (max-width: 640px){.game-header{gap:var(--space-2);padding:var(--space-2) var(--space-3);flex-wrap:wrap}.game-header .stat{padding:var(--space-1) var(--space-2)}.game-header .stat-icon{font-size:var(--text-base)}.game-header .stat-value{font-size:var(--text-xs)}.header-btn{width:36px;height:36px}}.start-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-6) var(--space-4);animation:fadeIn var(--transition-slow) ease-out;overflow-y:auto;max-width:600px;width:100%;margin:0 auto}.game-logo{font-size:4rem;margin-bottom:var(--space-3);animation:float 4s ease-in-out infinite}.game-title{font-size:var(--text-3xl);font-weight:var(--weight-bold);background:linear-gradient(135deg,var(--color-primary-400) 0%,var(--color-secondary-400) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-2);letter-spacing:.02em}.game-subtitle{font-size:var(--text-base);color:var(--text-tertiary);max-width:400px;margin-bottom:var(--space-4)}.version-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-primary-300);background:#00c2cf1a;border:1px solid rgba(0,194,207,.2);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.feature-list{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);text-align:left;margin-bottom:var(--space-4)}.feature-list li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.stats-preview{margin-top:var(--space-3)}.shortcuts-hint{margin-top:var(--space-2)}@media (max-width: 640px){.start-screen{padding:var(--space-4) var(--space-3)}.game-logo{font-size:3rem}.game-title{font-size:var(--text-2xl)}.game-subtitle{font-size:var(--text-sm)}.feature-list{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1;text-decoration:none;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;min-height:var(--touch-target-md)}.btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient-brand);color:var(--text-on-primary);border-color:transparent;box-shadow:var(--shadow-md),0 0 #00c2cf00}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),0 4px 12px #00c2cf4d}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background:#ffffff0d;color:var(--text-primary);border-color:var(--border-default)}.btn-secondary:hover:not(:disabled){background:#ffffff14;border-color:var(--border-emphasis);transform:translateY(-2px)}.btn-large{padding:var(--space-4) var(--space-8);font-size:var(--text-base);min-height:var(--touch-target-lg)}.btn-block{width:100%}.card{background:var(--gradient-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);position:relative;overflow:hidden;transition:all var(--transition-normal)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity var(--transition-normal)}.card:hover{border-color:var(--border-emphasis);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.card:hover:before{opacity:1}.card.text-center{text-align:center}.text-accent{color:var(--color-primary-400)}.mt-1{margin-top:var(--space-1)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-2{margin-top:var(--space-2)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.story-screen{flex:1;display:flex;flex-direction:column;animation:fadeIn var(--transition-slow) ease-out;padding:var(--space-4);max-width:800px;width:100%;margin:0 auto}.scene-title{flex-shrink:0;font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle)}.story-content{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:var(--space-3);padding-right:var(--space-2)}.story-content::-webkit-scrollbar{width:4px}.story-content::-webkit-scrollbar-track{background:transparent}.story-content::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:2px}.story-content p{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary);margin:0;padding:var(--space-3);background:#ffffff05;border-radius:var(--radius-md);border-left:3px solid var(--color-primary-500);animation:fadeSlideIn var(--transition-fast) ease-out}.story-content p:last-child{margin-bottom:var(--space-4)}.typing-cursor{display:inline-block;width:3px;height:1.25em;background:var(--color-primary-500);animation:blink 1s step-end infinite;vertical-align:middle;margin-left:var(--space-1)}.choices{flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:#0000004d;border-radius:var(--radius-lg);margin-top:var(--space-3)}.choice-btn{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:#ffffff08;border:1px solid var(--border-default);border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:all var(--transition-fast);min-height:var(--touch-target-lg);font-size:var(--text-sm)}.choice-btn:hover,.choice-btn.choice-selected{background:#00c2cf1a;border-color:var(--color-primary-500);transform:translate(4px)}.choice-icon{font-size:var(--text-base);flex-shrink:0}.choice-btn .choice-hotkey{margin-left:auto;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);padding:var(--space-1) var(--space-2);background:#ffffff0d;border-radius:var(--radius-sm)}.battle-screen{flex:1;display:flex;flex-direction:column;animation:fadeIn var(--transition-slow) ease-out;padding:var(--space-3);max-width:800px;width:100%;margin:0 auto}.battle-feedback{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-2);margin-bottom:var(--space-2)}.attack-text{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md)}.attack-text.player{color:var(--color-success-500);background:#10b9811a}.attack-text.enemy{color:var(--color-danger-500);background:#ef44441a}.vs-small{font-size:var(--text-lg);color:var(--text-muted)}.damage-number{position:fixed;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);pointer-events:none;animation:floatUp 1s ease-out forwards;z-index:100}.damage-number.player-damage{color:var(--color-success-500);text-shadow:0 0 10px rgba(16,185,129,.5)}.damage-number.enemy-damage{color:var(--color-danger-500);text-shadow:0 0 10px rgba(239,68,68,.5)}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-60px) scale(1.5)}}.enemy-card{background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg);padding:var(--space-4)}.enemy-card:hover{border-color:#ef44444d;background:#ef444414}.enemy-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.enemy-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary)}.hp-text{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary)}.hp-text.small{font-size:var(--text-xs)}.hp-bar{width:100%;height:8px;background:var(--bg-surface);border-radius:var(--radius-full);overflow:hidden;position:relative}.hp-bar-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-fast);position:relative}.hp-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.25) 0%,transparent 100%);border-radius:var(--radius-full) var(--radius-full) 0 0}.hp-bar-fill.player{background:linear-gradient(90deg,var(--color-success-500) 0%,#34d399 100%)}.hp-bar-fill.enemy{background:linear-gradient(90deg,var(--color-danger-500) 0%,#f87171 100%)}.hp-bar-fill.health{background:linear-gradient(90deg,var(--color-success-500) 0%,#34d399 100%)}.hp-bar-fill.stress{background:linear-gradient(90deg,var(--color-warning-500) 0%,#fbbf24 100%)}.hp-bar-fill.energy{background:linear-gradient(90deg,var(--color-primary-500) 0%,var(--color-accent-500) 100%)}.enemy-attacks{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3);align-items:center}.attack-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--color-danger-400);background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm)}.battle-arena{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-3);background:#0003;border-radius:var(--radius-lg);overflow:hidden}.character{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.character-avatar{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:2rem;background:var(--bg-surface);border:2px solid var(--border-default);border-radius:var(--radius-lg);animation:float 3s ease-in-out infinite}.character.enemy .character-avatar{border-color:#ef44444d;background:#ef44440d}.character.player .character-avatar{border-color:#10b9814d;background:#10b9810d}.character .hp-bar{width:80px;height:6px}.character .hp-text{font-size:var(--text-xs)}.vs{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-muted);text-shadow:0 0 20px rgba(255,255,255,.1)}.player-actions{background:transparent;padding:0}.player-actions h3{display:none}.actions-list{display:flex;flex-direction:row;gap:var(--space-2)}.action-btn{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);background:#00c2cf0d;border:1px solid rgba(0,194,207,.15);border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:all var(--transition-fast);min-height:var(--touch-target-md);font-size:var(--text-sm)}.action-btn:hover,.action-btn.action-selected{background:#00c2cf1f;border-color:var(--color-primary-500);transform:translateY(-2px)}.action-btn.btn-locked{opacity:.5;cursor:not-allowed}.action-name{font-weight:var(--weight-semibold);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm)}.action-damage{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-success-500)}.action-desc{display:none}.action-hotkey{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);padding:var(--space-1) var(--space-2);background:#ffffff0d;border-radius:var(--radius-sm);margin-left:auto}.action-hints{display:none}.skills-reminder{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:#00c2cf0d;border:1px solid rgba(0,194,207,.1);border-radius:var(--radius-md)}.skill-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.skill-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--color-primary-300);background:#00c2cf1a;border-radius:var(--radius-sm)}.lock-badge{font-size:var(--text-xs)}.game-over-overlay{text-align:center;padding:var(--space-8);margin-top:var(--space-6);animation:fadeInUp var(--transition-slow) ease-out}.game-over-overlay h2{font-size:var(--text-3xl);margin-bottom:var(--space-3)}.game-over-overlay .text-accent{background:linear-gradient(135deg,var(--color-danger-500) 0%,var(--color-secondary-500) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 640px){.battle-arena{gap:var(--space-4);padding:var(--space-4)}.character-avatar{width:60px;height:60px;font-size:2rem}.character .hp-bar{width:80px}.actions-list{gap:var(--space-2)}.action-btn{padding:var(--space-3)}.action-desc{display:none}.choice-btn{padding:var(--space-3)}.enemy-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}@media (hover: none) and (pointer: coarse){.choice-btn:hover,.choice-btn.choice-selected{transform:translate(4px)}.action-btn:hover,.action-btn.action-selected{transform:translate(2px)}.card:hover{transform:none}.btn:hover:not(:disabled){transform:translateY(-1px)}}.loading-skeleton{background:linear-gradient(90deg,var(--bg-surface) 25%,var(--bg-elevated) 50%,var(--bg-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);z-index:var(--z-toast)}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:slideInRight var(--transition-normal) ease-out;max-width:320px}.toast-icon{font-size:var(--text-lg);flex-shrink:0}.toast-content{flex:1}.toast-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.toast-message{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-1)}.toast-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-1);transition:color var(--transition-fast)}.toast-close:hover{color:var(--text-primary)}.toast.success .toast-icon{color:var(--color-success-500)}.toast.success{border-color:#10b9814d}.toast.warning .toast-icon{color:var(--color-warning-500)}.toast.warning{border-color:#f59e0b4d}.toast.error .toast-icon{color:var(--color-danger-500)}.toast.error{border-color:#ef44444d}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:var(--z-modal-backdrop);animation:fadeIn var(--transition-normal) ease-out}.modal{background:var(--bg-dark);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);max-width:480px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:scaleIn var(--transition-normal) ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.modal-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary)}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.modal-close:hover{background:#ffffff0d;color:var(--text-primary)}.modal-body{color:var(--text-secondary);margin-bottom:var(--space-6)}.modal-footer{display:flex;gap:var(--space-3);justify-content:flex-end}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);margin-bottom:var(--space-2)}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #00c2cf26}.form-input::placeholder{color:var(--text-muted)}.form-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.progress{width:100%;height:8px;background:var(--bg-surface);border-radius:var(--radius-full);overflow:hidden}.progress-bar{height:100%;background:var(--gradient-brand);border-radius:var(--radius-full);transition:width var(--transition-slow)}.progress-bar.success{background:linear-gradient(90deg,var(--color-success-500) 0%,#34d399 100%)}.progress-bar.warning{background:linear-gradient(90deg,var(--color-warning-500) 0%,#fbbf24 100%)}.progress-bar.danger{background:linear-gradient(90deg,var(--color-danger-500) 0%,#f87171 100%)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-full);white-space:nowrap}.badge-primary{color:var(--color-primary-300);background:#00c2cf1a;border:1px solid rgba(0,194,207,.2)}.badge-success{color:var(--color-success-500);background:#10b9811a;border:1px solid rgba(16,185,129,.2)}.badge-warning{color:var(--color-warning-500);background:#f59e0b1a;border:1px solid rgba(245,158,11,.2)}.badge-danger{color:var(--color-danger-500);background:#ef44441a;border:1px solid rgba(239,68,68,.2)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-auto{flex:1 1 auto}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-end{justify-content:flex-end}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.invisible{visibility:hidden}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}:root{--color-primary-50: #e0fbfc;--color-primary-100: #b3f0f3;--color-primary-200: #80e5ea;--color-primary-300: #4dd9e1;--color-primary-400: #26cdd8;--color-primary-500: #00c2cf;--color-primary-600: #00a3ae;--color-primary-700: #00848d;--color-primary-800: #00656c;--color-primary-900: #00474b;--color-secondary-50: #fce4f2;--color-secondary-100: #f8c8e2;--color-secondary-200: #f5a0cc;--color-secondary-300: #f178b6;--color-secondary-400: #ee5aa5;--color-secondary-500: #eb3c94;--color-secondary-600: #dd2c79;--color-secondary-700: #b91e62;--color-secondary-800: #96154b;--color-secondary-900: #730c34;--color-accent-50: #e6f4ff;--color-accent-100: #b3dcff;--color-accent-200: #80c4ff;--color-accent-300: #4dacff;--color-accent-400: #2694ff;--color-accent-500: #007bff;--color-success-500: #10b981;--color-success-600: #059669;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-danger-500: #ef4444;--color-danger-600: #dc2626;--neon-cyan: #00f5ff;--neon-magenta: #ff00ff;--neon-yellow: #f0ff00;--neon-green: #00ff88;--neon-red: #ff3366;--neon-orange: #ff6600;--neon-purple: #8800ff;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--gray-950: #020617;--bg-deepest: #030712;--bg-darker: #0a0f1a;--bg-dark: #111827;--bg-surface: #1f2937;--bg-elevated: #374151;--bg-subtle: #f3f4f6;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--text-muted: #6b7280;--text-on-primary: #ffffff;--border-subtle: rgba(255, 255, 255, .08);--border-default: rgba(255, 255, 255, .12);--border-emphasis: rgba(255, 255, 255, .2);--border-primary: var(--color-primary-500);--glow-cyan-sm: 0 0 8px rgba(0, 245, 255, .3);--glow-cyan-md: 0 0 16px rgba(0, 245, 255, .4);--glow-cyan-lg: 0 0 24px rgba(0, 245, 255, .5);--glow-magenta-sm: 0 0 8px rgba(255, 0, 255, .3);--glow-magenta-md: 0 0 16px rgba(255, 0, 255, .4);--glow-success: 0 0 12px rgba(16, 185, 129, .4);--glow-warning: 0 0 12px rgba(245, 158, 11, .4);--glow-danger: 0 0 12px rgba(239, 68, 68, .4);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .3), 0 4px 6px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .4), 0 10px 10px rgba(0, 0, 0, .3);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .3);--shadow-inner-lg: inset 0 4px 8px rgba(0, 0, 0, .4);--gradient-brand: linear-gradient(135deg, var(--color-primary-500) 0%, var(--color-accent-500) 100%);--gradient-surface: linear-gradient(180deg, rgba(31, 41, 55, .9) 0%, rgba(17, 24, 39, .95) 100%);--gradient-card: linear-gradient(145deg, rgba(31, 41, 55, .95) 0%, rgba(17, 24, 39, .98) 100%);--gradient-mesh: radial-gradient(ellipse at top left, rgba(0, 194, 207, .08) 0%, transparent 50%), radial-gradient(ellipse at bottom right, rgba(235, 60, 148, .05) 0%, transparent 50%);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Orbitron", "Rajdhani", "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .1s cubic-bezier(.4, 0, .2, 1);--transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 300;--z-modal: 400;--z-popover: 500;--z-tooltip: 600;--z-toast: 700;--touch-target-sm: 44px;--touch-target-md: 48px;--touch-target-lg: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;touch-action:manipulation}body{font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-deepest);min-height:100vh;overflow-x:hidden;overflow-y:auto;position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 15% 15%,rgba(0,194,207,.06) 0%,transparent 50%),radial-gradient(ellipse at 85% 85%,rgba(235,60,148,.04) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(0,245,255,.02) 0%,transparent 70%);pointer-events:none;z-index:-1}body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 1px,rgba(0,0,0,.015) 1px,rgba(0,0,0,.015) 2px);pointer-events:none;z-index:9999;opacity:.3}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-4xl);letter-spacing:var(--tracking-tight)}h2{font-size:var(--text-3xl);letter-spacing:var(--tracking-tight)}h3{font-size:var(--text-2xl);letter-spacing:var(--tracking-normal)}h4{font-size:var(--text-xl);font-weight:var(--weight-semibold)}h5{font-size:var(--text-lg);font-weight:var(--weight-semibold)}h6{font-size:var(--text-base);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider)}p{color:var(--text-secondary);line-height:var(--leading-relaxed)}a{color:var(--color-primary-400);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-300)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes glowPulse{0%,to{box-shadow:var(--glow-cyan-sm)}50%{box-shadow:var(--glow-cyan-md)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--color-success-500)}.text-warning{color:var(--color-warning-500)}.text-danger{color:var(--color-danger-500)}.text-brand{color:var(--color-primary-400)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-normal{font-weight:var(--weight-normal)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.bg-deepest{background-color:var(--bg-deepest)}.bg-darker{background-color:var(--bg-darker)}.bg-dark{background-color:var(--bg-dark)}.bg-surface{background-color:var(--bg-surface)}.bg-subtle{background-color:var(--bg-subtle)}.animate-fadeIn{animation:fadeIn var(--transition-slow) ease-out}.animate-fadeInUp{animation:fadeInUp var(--transition-slow) ease-out}.animate-fadeInDown{animation:fadeInDown var(--transition-slow) ease-out}.animate-scaleIn{animation:scaleIn var(--transition-normal) ease-out}.animate-slideInLeft{animation:slideInLeft var(--transition-slow) ease-out}.animate-slideInRight{animation:slideInRight var(--transition-slow) ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-bounce{animation:bounce 1s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--gray-600);border-radius:var(--radius-full);transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}::-webkit-scrollbar-thumb:active{background:var(--color-primary-500)}::selection{background:#00c2cf4d;color:var(--text-primary)}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (min-width: 576px){:root{--text-4xl: 2.5rem;--text-3xl: 2rem}}@media (min-width: 768px){:root{--text-4xl: 3rem;--text-3xl: 2.25rem}}@media (min-width: 1024px){:root{--text-4xl: 3.5rem;--text-3xl: 2.5rem}}@media (min-width: 1280px){:root{--text-4xl: 4rem;--text-3xl: 3rem}}