:root{--bg-color:#0f172a;--card-bg:#1e293b;--border-color:#3e4c6a;--primary:#38bdf8;--primary-highlight:#7dd3fc;--success:#4ade80;--error:#fb7185;--text:#f1f5f9;--text-muted:#94a3b8;--blue-corner:#0ea5e9;--red-corner:#ef4444;--font-family:'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;--gradient-bg:linear-gradient(135deg,#0f172a 0,#1e293b 100%)}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:.6}50%{opacity:1}100%{opacity:.6}}*{box-sizing:border-box}.spinner{border:3px solid transparent;border-top:3px solid var(--primary);border-right:3px solid var(--primary);border-radius:50%;width:40px;height:40px;margin:0 auto;animation:spin 1s cubic-bezier(0.68,-0.55,0.27,1.55) infinite;box-shadow:0 0 15px rgba(56,189,248,0.3)}body{background:var(--gradient-bg);margin:0;padding:0;font-family:var(--font-family);color:var(--text);line-height:1.6;font-weight:400;letter-spacing:.015em}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.015em;margin-top:0}h1{font-size:40px;font-weight:800;letter-spacing:.05em;margin-top:0;margin-bottom:8px}.container{max-width:1200px;margin:0 auto;padding:24px;width:100%}.card{background-color:var(--card-bg);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 10px 25px rgba(0,0,0,0.2);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,0.05)}.card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary) 0,var(--primary-highlight) 100%);opacity:0;transition:opacity .3s ease}.btn{border:0;padding:12px 24px;border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s ease;font-family:var(--font-family);position:relative;overflow:hidden;font-size:16px;letter-spacing:.01em;box-shadow:0 5px 15px rgba(0,0,0,0.1)}.btn::after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0.1));transform:translateY(100%);transition:transform .6s cubic-bezier(0.65,0,0.35,1)}.btn:hover::after{transform:translateY(0)}.btn:active{transform:scale(0.97)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0,var(--primary-highlight) 100%);color:white;text-shadow:0 1px 2px rgba(0,0,0,0.1)}.btn-success{background:linear-gradient(135deg,var(--success) 0,#86efac 100%);color:white;text-shadow:0 1px 2px rgba(0,0,0,0.1)}.header-container{display:flex;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.header-text{flex:1;margin:0;margin-right:20px}.pro-tag-container{display:flex;align-items:center}.corner-label{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:inline-block;vertical-align:middle}.corner-dot{font-size:16px;margin-right:8px;display:inline-block;vertical-align:middle;animation:pulse-dot 2s ease-in-out infinite}.blue-dot{color:var(--blue-corner);text-shadow:0 0 10px var(--blue-corner),0 0 20px var(--blue-corner)}.red-dot{color:var(--red-corner);text-shadow:0 0 10px var(--red-corner),0 0 20px var(--red-corner)}@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.blue-corner .corner-label{color:var(--blue-corner)}.red-corner .corner-label{color:var(--red-corner)}.inputs-container{display:flex;gap:24px;margin-top:24px;margin-bottom:24px;flex-wrap:wrap}.fighter-input{flex:1;min-width:250px}input{width:100%;padding:14px 16px;background-color:rgba(15,23,42,0.5);color:white;border:1px solid var(--border-color);border-radius:12px;transition:all .3s ease;font-family:var(--font-family);font-size:16px;backdrop-filter:blur(5px)}input:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(56,189,248,0.25)}input[type="radio"]:focus,input[type="radio"]:focus-visible{outline:none !important;box-shadow:none !important}.examples-container{margin:20px 0;font-size:14px;color:var(--text-muted)}.example-row{display:flex;align-items:center;margin-bottom:8px}.example-label{min-width:100px;margin-right:10px}.code{background-color:rgba(15,23,42,0.5);padding:3px 8px;border-radius:6px;font-family:"SF Mono","JetBrains Mono",Consolas,monospace;font-size:.9em;color:var(--primary-highlight);border:1px solid rgba(255,255,255,0.1);overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 110px);display:inline-block;white-space:nowrap}.text-success{color:var(--success)}.text-error{color:var(--error)}.text-muted{color:var(--text-muted)}.text-center{text-align:center}.pro-tag{display:inline-block;background:linear-gradient(135deg,#f59e0b 0,#fbbf24 100%);color:#0f172a;padding:4px 10px;border-radius:6px;font-size:14px;font-weight:600;margin-left:12px;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.footer{display:flex;flex-direction:column;align-items:center;margin-top:30px;padding-top:24px;border-top:1px solid rgba(255,255,255,0.1)}.disclaimer{font-size:14px;color:var(--text-muted);margin:12px 0;text-align:center;font-style:italic}.social-links{display:flex;gap:16px;margin-top:12px;flex-wrap:wrap;justify-content:center}.social-link{display:flex;align-items:center;color:var(--text-muted);text-decoration:none;transition:color .2s ease;gap:6px}.social-link:hover{color:var(--primary)}.social-link img{width:20px;height:20px;transition:filter .2s ease;object-fit:contain}.social-link:hover img{filter:brightness(1.5)}.img-fluid{max-width:100%;height:auto;border-radius:12px;transition:transform .5s ease;box-shadow:0 8px 30px rgba(0,0,0,0.2)}.loading-status{padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.loading-message{animation:pulse 2s infinite ease-in-out;font-weight:500;letter-spacing:.02em}.loading-timer{font-size:14px;color:var(--text-muted);font-weight:500}.glass-card{background:rgba(30,41,59,0.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.05)}.canada-flag{filter:drop-shadow(0 0 2px rgba(0,0,0,0.8));border:none !important;background:transparent !important}.footer-element{margin:0 8px;display:inline-block}.dash-radio-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1rem}.dash-radio-items label{display:flex;align-items:center;padding:1rem 1.25rem;background:rgba(30,41,59,0.5);border:2px solid rgba(148,163,184,0.2);border-radius:12px;cursor:pointer;transition:all .3s ease;min-height:60px}.dash-radio-items label:hover{background:rgba(30,41,59,0.8);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(56,189,248,0.15)}.dash-radio-items input[type="radio"]:checked+label,.dash-radio-items label:has(input[type="radio"]:checked){background:rgba(56,189,248,0.15);border-color:var(--primary)}.dash-radio-items input[type="radio"]{margin-right:.75rem;width:18px;height:18px;cursor:pointer}@media(max-width:768px){.inputs-container{flex-direction:column;gap:20px}.fighter-input{width:100%}.header-container{flex-direction:column;align-items:flex-start}.header-text{margin-right:0;margin-bottom:10px}.pro-tag{margin-left:0;margin-top:8px}.code{max-width:100%;overflow-x:auto}.example-row{flex-direction:column;align-items:flex-start;margin-bottom:12px}.example-label{margin-bottom:4px}.dash-radio-items{grid-template-columns:1fr}}@media(max-width:768px){h1{font-size:32px !important}.container{padding:16px}.card{padding:16px;margin-bottom:16px}.inputs-container{flex-direction:column;gap:16px}.fighter-input{width:100%;min-width:100%}input{font-size:16px}.btn{width:100%;padding:14px 20px;font-size:16px}.dash-radio-items{grid-template-columns:1fr}.dash-radio-items label{padding:12px 16px;font-size:14px}.code{font-size:11px;max-width:100%;word-break:break-all}.example-row{flex-direction:column;align-items:flex-start}.social-links{flex-direction:column;gap:12px}.footer{padding:16px 0}#result-graph{min-height:400px}}@media(max-width:480px){h1{font-size:28px !important}.pro-tag{font-size:11px;padding:3px 8px}}