: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}body.theme-mono{--fg: #15171a;--muted: rgba(0, 0, 0, .45);--bg: #fff;--card: #fff;--accent: #15171a;--accent2: #15171a;--row: rgba(0, 0, 0, .08);--danger: #b3261e;--glow: none;background-image:none}body.theme-mono .brand,body.theme-mono .big{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--fg)}body.theme-mono .card{background:var(--card);border:1px solid rgba(0,0,0,.15);border-radius:10px;box-shadow:none}body.theme-mono #globe-card{background:#fcfcfb}body.theme-mono .db-fill{background:var(--fg);opacity:1}body.theme-mono .db-icon{background:#fff;box-shadow:none}body.theme-mono button{background:var(--fg);color:#fff}body.theme-mono button.ghost{background:transparent;color:var(--fg);border:1px solid rgba(0,0,0,.2)}body.theme-mono button.danger{background:transparent;color:var(--danger)}body.theme-mono .navlink.active{border-bottom-color:var(--fg)}.container.embed-stats{max-width:none;padding:0}.embed-stats>.cards:first-child,.embed-stats>#globe-card:first-child{margin-top:0}.powered-by{margin:1.1rem 0 0;font-size:.75rem}.powered-by a{color:inherit;text-decoration:underline;text-underline-offset:.2em}body.theme-mono .help:hover:after,body.theme-mono .flags span[data-name]:hover:after{box-shadow:0 4px 14px #0000001f}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}.brand a{color:inherit;text-decoration:none}.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}.legal .card{line-height:1.85;font-size:.92rem}.legal h3{font-size:.95rem;margin:1.6rem 0 .4rem}.legal h3:first-of-type{margin-top:1rem}.legal p{margin:.4rem 0}.legal ul{margin:.4rem 0;padding-left:1.2rem}.legal li{margin:.25rem 0}.app-header{margin-bottom:1.5rem}.app-header-top{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.app-header .brand{font-size:1.3rem;width:fit-content;white-space:nowrap}.app-nav{display:flex;gap:.8rem;font-size:.9rem;white-space:nowrap}.app-header-user{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:.6rem;font-size:.85rem}.app-header-user select{width:auto;padding:.3rem .5rem;font-size:.85rem}.app-header-user button{padding:.3rem .6rem}@media (max-width: 26rem){.app-header .brand{font-size:1.05rem;letter-spacing:.05em}.app-nav{gap:.6rem;font-size:.85rem}}table{width:100%;border-collapse:collapse;font-size:.9rem}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 30rem){.table-scroll table{font-size:.8rem}.table-scroll th,.table-scroll td{padding:.4rem .2rem}.table-scroll .danger{padding:.35rem .5rem;font-size:.8rem}.table-scroll .danger,.table-scroll td:first-child{white-space:nowrap}.table-scroll .danger .btn-label{display:none}.table-scroll .danger:has(.btn-label):before{content:"✕"}}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;display:flex;flex-wrap:wrap;gap:.1rem .28rem}.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}