:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1f2937;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(#fff7ed 0%,#ffedd5 100%);min-height:100vh;margin:0}#root{min-height:100vh}h1,h2{margin:0;font-weight:700}button{font-family:inherit}.modal-backdrop{z-index:10;background:#0f172a8c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border-radius:1rem;width:min(480px,100%);max-height:90vh;padding:1.5rem;overflow-y:auto;box-shadow:0 20px 40px #0000004d}.modal-card h2{margin-top:0}.field{color:#374151;flex-direction:column;gap:.4rem;margin-bottom:1rem;font-weight:600;display:flex}.field input[type=number]{border:1px solid #d1d5db;border-radius:.5rem;padding:.5rem;font-size:1rem}.field-row{gap:1rem;display:flex}.field-row .field{flex:1}.field-hint{color:#6b7280;margin-top:-.5rem;margin-bottom:1rem;font-size:.85rem;font-weight:400}.chip-row{flex-wrap:wrap;gap:.5rem;display:flex}.chip{cursor:pointer;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:999px;padding:.35rem .8rem;font-size:.85rem;font-weight:600}.chip-active{color:#fff;background:#ef4444;border-color:#ef4444}.modal-actions{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.btn-primary,.btn-secondary{cursor:pointer;border:none;border-radius:.6rem;padding:.6rem 1.4rem;font-weight:700}.btn-primary{color:#fff;background:#ef4444}.btn-secondary{color:#374151;background:#e5e7eb}.result-card{text-align:center;background:#fff;border-radius:1rem;max-width:420px;padding:1.5rem 2rem;animation:.3s pop-in;box-shadow:0 10px 30px #00000026}@keyframes pop-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.result-kicker{color:#f59e0b;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.85rem;font-weight:700}.result-name{color:#1f2937;margin:.25rem 0;font-size:1.8rem}.result-meta{color:#6b7280;text-transform:capitalize;margin:0}.result-plan{color:#374151;margin:.5rem 0 1rem;font-weight:600}.result-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.result-actions .btn-primary,.result-actions .btn-secondary{cursor:pointer;border:none;border-radius:.6rem;padding:.55rem 1.1rem;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-block}.result-actions .btn-primary{color:#fff;background:#ef4444}.result-actions .btn-secondary{color:#374151;background:#e5e7eb}.legend-list{flex-direction:column;gap:.5rem;max-height:320px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.legend-item{background:#fff9;border-radius:.5rem;align-items:center;gap:.6rem;padding:.4rem .6rem;display:flex}.legend-item.is-winner{background:#fef3c7;box-shadow:inset 0 0 0 2px #f59e0b}.legend-dot{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;font-weight:700;display:flex}.legend-name{color:#1f2937;text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.legend-distance{color:#6b7280;flex-shrink:0;font-size:.85rem}.legend-empty{color:#6b7280;font-style:italic}.wheel-container{flex-direction:column;align-items:center;gap:1.5rem;display:flex;position:relative}.wheel{border:6px solid #1f2937;border-radius:50%;width:min(320px,80vw);height:min(320px,80vw);transition:transform 3.5s cubic-bezier(.17,.89,.24,1);position:relative;box-shadow:0 8px 24px #00000040}.wheel-pointer{z-index:2;border-top:24px solid #1f2937;border-left:14px solid #0000;border-right:14px solid #0000;width:0;height:0;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.wheel-label{color:#fff;text-shadow:0 1px 3px #0009;pointer-events:none;font-size:1.1rem;font-weight:700;position:absolute;transform:translate(-50%,-50%)}.spin-button{letter-spacing:.05em;color:#fff;cursor:pointer;background:linear-gradient(135deg,#f97316,#ef4444);border:none;border-radius:999px;padding:.75rem 2.5rem;font-size:1.25rem;font-weight:700;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 14px #ef444466}.spin-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px #ef444480}.spin-button:active:not(:disabled){transform:translateY(0)}.spin-button:disabled{cursor:not-allowed;box-shadow:none;background:#9ca3af}.app-shell{flex-direction:column;align-items:center;gap:1.25rem;max-width:720px;margin:0 auto;padding:1.5rem 1rem 3rem;display:flex}.app-header{justify-content:space-between;align-items:center;width:100%;display:flex}.app-header h1{margin:0;font-size:1.75rem}.icon-button{cursor:pointer;background:0 0;border:none;border-radius:.5rem;padding:.25rem .5rem;font-size:1.5rem}.icon-button:hover{background:#0000000f}.tagline{text-align:center;color:#4b5563;margin:0}.address-line{text-align:center;color:#374151;margin:-.5rem 0 0;font-size:.9rem;font-weight:600}.link-button{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.banner{text-align:center;color:#075985;background:#e0f2fe;border-radius:.6rem;width:100%;margin:0;padding:.5rem 1rem;font-size:.9rem}.banner-detail{opacity:.75;word-break:break-word;margin-top:.25rem;font-family:ui-monospace,Consolas,monospace;font-size:.75rem;display:block}.banner-warn{color:#92400e;background:#fef3c7}.content{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:2rem;width:100%;display:flex}.content>:first-child{flex:320px;justify-content:center;display:flex}.content>:last-child{flex:260px;max-width:320px}