*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}:root{--color-primary:#a855f7;--color-primary-light:#c084fc;--color-primary-dark:#9333ea;--color-accent:#f472b6;--color-accent-light:#f9a8d4;--color-accent-dark:#ec4899;--color-bg-primary:#0f0f23;--color-bg-secondary:#1a1a2e;--color-bg-card:#1a1a2ed9;--color-bg-overlay:#0f0f23f2;--color-text-primary:#f8fafc;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--color-border:#a855f733;--color-border-light:#a855f71a;--color-border-hover:#a855f766;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--shadow-sm:0 2px 8px #00000026;--shadow-md:0 4px 16px #0003;--shadow-lg:0 8px 32px #00000040;--shadow-xl:0 16px 48px #0000004d;--shadow-glow:0 0 24px #a855f74d;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease}body{color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(/app-bg.png),radial-gradient(circle at 20%,#a855f71a 0%,#0000 50%),radial-gradient(circle at 80% 80%,#f472b614 0%,#0000 50%);background-position:50%,20%,80% 80%;background-repeat:no-repeat,no-repeat,no-repeat;background-size:cover,auto,auto;background-attachment:fixed,fixed,fixed;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;line-height:1.6}main{width:100%;max-width:1200px;min-height:calc(100vh - 80px);padding:var(--spacing-lg)var(--spacing-md);box-sizing:border-box;margin:0 auto;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}@media (min-width:1024px){main{padding-left:var(--spacing-lg);margin-left:220px}}@media (max-width:768px){main{padding:var(--spacing-md)var(--spacing-sm);min-height:calc(100vh - 70px)}}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);margin:0;font-weight:600;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{color:var(--color-text-secondary);margin:0}a{color:var(--color-primary-light);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary);text-decoration:underline}.card{border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--color-border);background:var(--color-bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);transition:all var(--transition-base)cubic-bezier(.4,0,.2,1);position:relative}.card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-elevated{box-shadow:var(--shadow-xl);border-color:var(--color-border-light);position:relative;overflow:hidden}button{cursor:pointer;transition:all var(--transition-base);justify-content:center;align-items:center;gap:var(--spacing-xs);color:var(--color-text-primary);background:0 0;border:1px solid #0000;font-family:inherit;font-size:14px;font-weight:500;display:inline-flex}button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:var(--color-text-primary);box-shadow:var(--shadow-sm);border-radius:var(--radius-full);padding:var(--spacing-sm)var(--spacing-md);border:none}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--color-bg-card);border-color:var(--color-border);color:var(--color-text-primary);border-radius:var(--radius-full);padding:var(--spacing-sm)var(--spacing-md)}.btn-secondary:hover:not(:disabled){border-color:var(--color-border-hover);background:#a855f71a}.btn-outline{border-color:var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-full);padding:var(--spacing-sm)var(--spacing-md);background:0 0}.btn-outline:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:#a855f70d}.btn-ghost{color:var(--color-text-secondary);background:0 0;border:none}.btn-ghost:hover:not(:disabled){color:var(--color-primary);background:#a855f71a}.btn-danger{background:linear-gradient(135deg,var(--color-error),#dc2626);color:#fff;border-radius:var(--radius-full);padding:var(--spacing-sm)var(--spacing-md);border:none}.btn-danger:hover:not(:disabled){box-shadow:0 4px 16px #ef44444d}.btn-success{background:linear-gradient(135deg,var(--color-success),#059669);color:#fff;border-radius:var(--radius-full);padding:var(--spacing-sm)var(--spacing-md);border:none}input,select,textarea{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);padding:var(--spacing-sm)var(--spacing-md);transition:all var(--transition-base);width:100%;font-size:14px}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);background:var(--color-bg-card);outline:none;box-shadow:0 0 0 3px #a855f71a}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}label{color:var(--color-text-secondary);margin-bottom:var(--spacing-xs);font-size:13px;font-weight:500;display:block}.list-card{gap:var(--spacing-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.list-card-item{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all var(--transition-base)}.list-card-item:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}.badge{border-radius:var(--radius-full);color:var(--color-primary-light);background:#a855f726;border:1px solid #a855f733;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge-success{color:var(--color-success);background:#10b98126;border-color:#10b98133}.badge-warning{color:var(--color-warning);background:#f59e0b26;border-color:#f59e0b33}.badge-error{color:var(--color-error);background:#ef444426;border-color:#ef444433}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-primary),var(--color-accent));border-radius:var(--radius-full);border:2px solid var(--color-bg-secondary)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--color-primary-light),var(--color-accent-light))}.text-gradient{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glow-effect{box-shadow:var(--shadow-glow)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #a855f733}50%{box-shadow:0 0 30px #a855f766}}.fade-in{animation:fadeIn var(--transition-base)ease-out}.card-elevated:before{content:"";background:linear-gradient(90deg,#0000,#ffffff0d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.card-elevated:hover:before{left:100%}@media (max-width:768px){h1{font-size:clamp(1.5rem,6vw,2rem)}h2{font-size:clamp(1.25rem,5vw,1.75rem)}h3{font-size:clamp(1.1rem,4vw,1.5rem)}main{padding:var(--spacing-md)var(--spacing-sm)}.card{padding:var(--spacing-md)}input,select,textarea{min-height:44px;font-size:16px}.grid-responsive{grid-template-columns:1fr!important}}@media (max-width:480px){main{padding:var(--spacing-sm)}.card{padding:var(--spacing-sm)var(--spacing-md)}.group-button-icon{display:inline-block}.group-button-text{display:none}}.group-button-icon{display:none}.group-button-text{display:inline-block}.grid-responsive{display:grid}@media (hover:none) and (pointer:coarse){.btn-primary,.btn-secondary,.btn-outline,.btn-danger,.btn-success{min-height:44px}}@keyframes swipe-right{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(150%)rotate(25deg)}}@keyframes swipe-left{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(-150%)rotate(-25deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.3)}}@keyframes heart-beat{0%,to{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1)}75%{transform:scale(1.15)}}.tornado-card.swipe-right{animation:.3s ease-out forwards swipe-right}.tornado-card.swipe-left{animation:.3s ease-out forwards swipe-left}.tornado-match-effect{animation:.6s ease-out pulse}.tornado-match-effect div{animation:.6s ease-out heart-beat}.tornado-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tornado-button{position:relative;overflow:hidden}.tornado-button:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .3s,height .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tornado-button:active:before{width:200px;height:200px}.tornado-button-like:active{transform:scale(.95);box-shadow:0 2px 10px #f472b699!important}.tornado-button-pass:active{transform:scale(.95)}@media (max-width:1024px){main{padding:20px 16px}.grid-responsive{grid-template-columns:1fr!important;gap:24px!important}.card{padding:20px!important}.card-elevated{padding:24px!important}}@media (max-width:768px){body{font-size:14px}main{min-height:calc(100vh - 60px);padding:16px 12px}h1{font-size:clamp(1.5rem,7vw,2rem)!important;line-height:1.2!important}h2{font-size:clamp(1.25rem,5vw,1.5rem)!important}h3{font-size:clamp(1rem,4vw,1.25rem)!important}p{font-size:clamp(13px,3.5vw,15px)!important;line-height:1.6!important}.card,.card-sm,.card-lg,.card-elevated{border-radius:12px!important;padding:16px!important}.btn-primary,.btn-secondary,.btn-outline,.btn-danger,.btn-success{width:100%;min-height:44px;padding:12px 20px!important;font-size:14px!important}.btn-sm{width:auto;min-height:36px;padding:8px 14px!important;font-size:12px!important}input,select,textarea{min-height:44px;padding:12px!important;font-size:16px!important}.grid-responsive{flex-direction:column!important;gap:20px!important;display:flex!important}footer{padding:24px 12px!important}footer form{flex-direction:column!important}footer input,footer textarea,footer button{width:100%!important}}@media (max-width:480px){main{padding:12px 10px}h1{font-size:1.4rem!important}.card{margin-left:-2px;margin-right:-2px;border-radius:10px!important;padding:14px!important}.btn-primary,.btn-secondary,.btn-outline{border-radius:10px!important;padding:14px 16px!important;font-size:14px!important}.flex-wrap{flex-direction:column}[style*="position: fixed"]>div{max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 48px)!important;margin:12px!important;overflow-y:auto!important}}@supports (padding:max(0px)){main{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(16px,env(safe-area-inset-bottom))}}@media (hover:none) and (pointer:coarse){*{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}.btn-primary,.btn-secondary,.btn-outline,.btn-danger,.btn-success,input,select,textarea{min-height:48px}}@media (prefers-reduced-motion:no-preference){*{scroll-behavior:smooth}}@media (prefers-color-scheme:light){body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.hide-mobile{display:block}.show-mobile{display:none}@media (max-width:768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}.text-center-mobile{text-align:center!important}.stack-mobile{flex-direction:column!important}.full-width-mobile{width:100%!important}}