:root{--bg:#0c111c;--ink:#f5f7fc;--muted:#aeb8ca;--line:#ffffff20;--accent:#c2dcff;--a:#91b9f5;--b:#95c8c0;--c:#c3b6e8;--card:#202b3e;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;color-scheme:dark}
body{background:radial-gradient(ellipse at 15% 0%,#415c8155,transparent 50%),radial-gradient(ellipse at 95% 35%,#4a397944,transparent 50%),#0c111c;background-attachment:fixed;color:var(--ink)}main{max-width:1280px}.app-header{display:flex;align-items:center;gap:24px;padding:16px 20px;border:1px solid #ffffff26;border-radius:30px;background:linear-gradient(135deg,#ffffff13,#ffffff05);box-shadow:inset 0 1px 0 #ffffff20,0 8px 36px #0002;backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%)}.app-header .brand{flex-shrink:0}.app-header .brand b{font-size:30px;letter-spacing:-1.4px}.app-header .brand>span{font-size:8px;letter-spacing:1.4px}.app-header .quiet{margin-left:auto}.app-tabs,.switch,.route{display:flex;align-items:center;gap:3px;padding:4px;margin:0;border-radius:999px;border:1px solid #ffffff25;background:linear-gradient(160deg,#ffffff12,#ffffff05);box-shadow:inset 0 1px 0 #ffffff24,0 4px 18px #0002;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}.app-tabs{margin-left:auto}.app-tabs a,.route a,.switch button{position:relative;border:1px solid transparent;border-radius:999px;padding:11px 20px;min-height:44px;color:#c0cadb;background:transparent;text-decoration:none;font-size:13px;font-weight:500;white-space:nowrap;transition:background .25s,box-shadow .25s,color .25s,transform .2s}.app-tabs a[aria-current=page],.route a[aria-current=page],.switch button[aria-pressed=true]{color:#fff;background:linear-gradient(155deg,#ffffff32,#ffffff13);border:1px solid #ffffff45;box-shadow:inset 0 1px 1px #ffffff55,inset 0 -1px 1px #ffffff0a,0 3px 12px #0003;text-shadow:0 1px 5px #0002}.app-tabs a:hover,.route a:hover,.switch button:not(:disabled):hover{background-color:#ffffff12}.app-tabs a:active,.switch button:not(:disabled):active{transform:scale(.97)}.switch button:disabled{opacity:.35;cursor:not-allowed}.route{width:fit-content;margin:0 0 24px;flex-wrap:wrap}.hero{padding:52px 0 38px}.chart-panel,.daily-table,.calculation{background:linear-gradient(150deg,#ffffff0d,#ffffff04);border:1px solid #ffffff20;border-radius:28px;box-shadow:inset 0 1px 0 #ffffff13,0 12px 40px #0001;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.daily-table,.calculation{padding:8px 24px}.day-popup{background:#202b3ef5;border:1px solid #ffffff30;box-shadow:0 20px 70px #0005;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border-radius:26px}.pie::after{background:#202b3e}.metrics{gap:26px}.metrics strong{font-weight:500}.chart{background:repeating-linear-gradient(to top,transparent 0,transparent 70px,#ffffff05 71px,transparent 72px)}.col:hover,.col[aria-pressed=true]{background:#ffffff08}.ajy-heading button{border-radius:50%;background:#ffffff09!important;border:1px solid #ffffff22!important;min-height:32px!important}.ajy-panel,.ajy-card{box-shadow:none!important;background:none!important}a{color:var(--accent)}footer{color:var(--muted)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #95c6ff;outline-offset:4px}
@media(max-width:700px){main{padding:16px 16px 28px}.app-header{gap:8px;padding:10px;border-radius:24px;flex-wrap:wrap}.app-header .brand{gap:7px}.app-header .brand b{font-size:23px}.app-header .brand>span{font-size:6px;letter-spacing:.7px}.app-header .quiet{display:none}.app-tabs{margin-left:auto;gap:0;padding:3px}.app-tabs a{font-size:12px;padding:10px 12px;min-height:40px}.hero{padding:44px 0 28px}.chart-panel{padding:20px 12px;border-radius:25px}.section-head{gap:12px;flex-wrap:wrap}.switch button{padding:9px 14px}.daily-table,.calculation{padding:6px 16px}.route a{font-size:12px;padding:10px 13px}.metrics{gap:18px}}
@supports not (backdrop-filter:blur(1px)){.app-header,.chart-panel,.daily-table,.calculation{background:#182233}.app-tabs,.switch,.route{background:#263144}}
/* Site motion is enabled by default on mobile devices. */
@media print{body{background:white;color:black}.app-header,.chart-panel,.daily-table,.calculation{background:none;box-shadow:none;backdrop-filter:none}.app-tabs,.app-header .quiet{display:none}}
