*,: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}@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)}.card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-lg)}main>.card:hover,.list-card-item:hover{transform:translateY(-2px)}.card-elevated{box-shadow:var(--shadow-xl);border-color:var(--color-border-light)}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}main>button,main .card>button,main form button,.list-card button{border-radius:var(--radius-full);padding:var(--spacing-sm)var(--spacing-md)}.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);transform:translate(4px)}.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 fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-base)ease-out}@media (max-width:1024px){main{max-width:100%;padding:var(--spacing-lg)var(--spacing-md)}}@media (max-width:768px){h1{font-size:clamp(1.75rem,8vw,2.5rem);line-height:1.2}h2{font-size:clamp(1.5rem,6vw,2rem)}h3{font-size:clamp(1.25rem,5vw,1.5rem)}h4{font-size:clamp(1.1rem,4vw,1.25rem)}main{padding:var(--spacing-md)var(--spacing-sm);min-height:calc(100vh - 70px)}.card{padding:var(--spacing-md);border-radius:var(--radius-md)}.card-elevated{padding:var(--spacing-md)}input,select,textarea{padding:var(--spacing-sm)var(--spacing-md);min-height:44px;font-size:16px}.list-card-item{padding:var(--spacing-sm)var(--spacing-md)}.badge{padding:3px 8px;font-size:11px}}@media (max-width:480px){main{padding:var(--spacing-sm)}.card{padding:var(--spacing-sm)var(--spacing-md)}h1{font-size:1.5rem}h2{font-size:1.25rem}.grid-responsive{gap:var(--spacing-md)!important;grid-template-columns:1fr!important}.group-button-icon{display:inline-block}.group-button-text{display:none}}.group-button-icon{display:none}.group-button-text{display:inline-block}@media (min-width:481px){.group-button-text{display:inline-block}.group-button-icon{display:none}}.grid-responsive{display:grid}@media (max-width:768px){.grid-responsive{gap:var(--spacing-lg)!important;grid-template-columns:1fr!important}.card[style*=grid-template-columns]{grid-template-columns:1fr!important}}@media (max-width:768px) and (orientation:landscape){main{padding:var(--spacing-sm)var(--spacing-md)}h1{font-size:1.75rem}}@media (hover:none) and (pointer:coarse){.btn-primary,.btn-secondary,.btn-outline,.btn-danger,.btn-success{min-height:44px}.list-card-item{margin-bottom:var(--spacing-sm)}}@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)}