:root{--fg: #eef0fa;--muted: #8e93ad;--bg: #0b0d16;--card: #151827;--accent: #6f96ff;--accent2: #3fe0d0;--row: #232841;--danger: #e05252;--glow: 0 20px 50px rgba(30, 60, 180, .22), 0 2px 12px rgba(0, 0, 0, .45)}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;color:var(--fg);background:var(--bg);background-image:radial-gradient(60rem 30rem at 110% -10%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 60%),radial-gradient(50rem 28rem at -20% 110%,color-mix(in srgb,var(--accent2) 12%,transparent),transparent 60%);background-attachment:fixed;min-height:100vh}body.embed-body{background:transparent;background-image:none}a{color:var(--accent)}.container{max-width:52rem;margin:0 auto;padding:2rem 1rem 4rem}.brand{font-size:1.5rem;font-weight:800;letter-spacing:.1em;margin:0;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.card{position:relative;border-radius:1.1rem;padding:1.4rem 1.5rem;background:linear-gradient(155deg,color-mix(in srgb,var(--card) 88%,var(--accent)) 0%,var(--card) 45%);box-shadow:var(--glow)}.muted{color:var(--muted)}label{display:block;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.3rem}input,select{width:100%;padding:.6rem .7rem;border-radius:.5rem;border:1px solid var(--row);background:#0f1220;color:var(--fg);font-size:.95rem}input:focus,select:focus{outline:none;border-color:var(--accent)}button{font:inherit;cursor:pointer;border:none;border-radius:.5rem;padding:.6rem 1rem;font-weight:700;color:#0b0d16;background:linear-gradient(90deg,var(--accent),var(--accent2))}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:transparent;color:var(--fg);border:1px solid var(--row)}button.danger{background:transparent;color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 50%,transparent)}.error{color:var(--danger);font-size:.85rem}.field{margin-bottom:1rem}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--row)}th{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.help{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;margin-left:.3rem;border:1px solid var(--muted);border-radius:50%;color:var(--muted);font-size:.68rem;font-weight:700;letter-spacing:normal;vertical-align:middle;cursor:help;position:relative}.help:hover:after{content:attr(data-tip);position:absolute;bottom:calc(100% + .45rem);left:50%;transform:translate(-50%);background:var(--card);border:1px solid var(--row);border-radius:.45rem;padding:.45rem .7rem;width:max-content;max-width:17rem;font-size:.75rem;font-weight:400;text-transform:none;letter-spacing:normal;line-height:1.55;text-align:left;white-space:normal;color:var(--fg, inherit);z-index:6;pointer-events:none;box-shadow:0 4px 14px #00000073}.cards.three .card table{font-size:.85rem}.cards.three .card th,.cards.three .card td{padding:.38rem .35rem}.navlink{color:var(--muted);text-decoration:none;font-weight:600}.navlink.active{color:var(--fg);border-bottom:2px solid var(--accent2);padding-bottom:2px}.cards{display:grid;gap:1.1rem;margin-top:1.1rem}.cards.two{grid-template-columns:repeat(2,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}@media (max-width: 44rem){.cards.two,.cards.three{grid-template-columns:1fr}}.card h2{font-size:.68rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.18em;margin:0 0 .6rem}.big{font-size:2.3rem;font-weight:800;line-height:1.1;letter-spacing:-.01em;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}.unit{font-size:1rem;font-weight:500;color:var(--muted)}.pair{display:flex;gap:2rem}.pair .label{font-size:.72rem;color:var(--muted)}.conversions{font-size:.8rem;color:var(--muted);margin-top:.55rem;display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:.2rem 2rem}.distance-bar{position:relative;display:flex;align-items:center;margin-top:.8rem;height:2.3rem}.db-icon{position:absolute;left:0;z-index:2;display:flex;align-items:center;justify-content:center;width:2.3rem;height:2.3rem;border-radius:50%;background:var(--bg);font-size:1.35rem;line-height:1;box-shadow:0 2px 8px #00000080}.db-track{position:relative;flex:1;height:100%;margin-left:1.15rem;border-radius:999px;background:var(--row);overflow:hidden}.db-fill{position:absolute;top:0;bottom:0;left:0;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent2));opacity:.85}.db-label{position:absolute;right:.95rem;top:50%;transform:translateY(-50%);z-index:1;font-size:.82rem;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.45);white-space:nowrap}.flags{margin-top:.9rem;font-size:1.9rem;line-height:1.45;letter-spacing:.15em}.flags .transit{opacity:.35}.flags span[data-name]{position:relative;cursor:default}.flags span[data-name]:hover{opacity:1}.flags span[data-name]:hover:after{content:attr(data-name);position:absolute;bottom:calc(100% + .3rem);left:50%;transform:translate(-50%);background:var(--card);border:1px solid var(--row);border-radius:.45rem;padding:.25rem .6rem;font-size:.75rem;letter-spacing:normal;line-height:1.3;white-space:nowrap;opacity:1;z-index:5;pointer-events:none;box-shadow:0 4px 14px #00000073}.legend{font-size:.72rem;color:var(--muted);margin-top:.4rem}#globe-card{margin-top:1.1rem;padding:0;overflow:hidden}#globe{height:30rem;cursor:grab}#globe:active{cursor:grabbing}@media (max-width: 44rem){#globe{height:22rem}}#globe .scene-tooltip{color:var(--accent2);background:var(--card);padding:.3rem .65rem;border-radius:.5rem;font-family:system-ui,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.06em;box-shadow:0 4px 14px #00000059}