/* BOLTRUN driver app. White, sumi ink, indigo, vermilion accent, hairlines, radius 0. */
:root{--ink:#16181d;--indigo:#23356b;--ver:#e8452c;--mute:#5e636e;--hair:#e4e5e8;--wash:#f7f7f5;--ok:#1f7a47;--logo-a:#e8452c}
*{box-sizing:border-box;margin:0;padding:0}
body{font:400 15px/1.6 "Zen Kaku Gothic New",system-ui,sans-serif;color:var(--ink);background:#eceef2;display:grid;place-items:start center;min-height:100vh;padding:clamp(0px,3vw,32px) 0;-webkit-font-smoothing:antialiased}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
ul,ol{list-style:none}
a{color:var(--indigo)}
.ic{width:1.2em;height:1.2em;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ic .a{stroke:var(--ver)}
:focus-visible{outline:2px solid var(--ver);outline-offset:2px}
.app{width:min(400px,100vw);height:min(820px,100vh);background:#fff;position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--hair)}
@media (max-width:440px){.app{border:0;height:100vh;height:100dvh}body{padding:0}}
.sb{display:flex;justify-content:space-between;padding:10px 20px 0;font:400 12px "JetBrains Mono",monospace;color:var(--mute)}
.top{display:flex;justify-content:space-between;align-items:center;padding:12px 20px 16px;border-bottom:1px solid var(--hair)}
.brand{display:flex;align-items:center;gap:10px}
.brand .mark{width:30px;height:30px;color:var(--indigo)}
.brand b{font-weight:900;letter-spacing:.16em;color:var(--indigo)}
.avail{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;border:1px solid var(--hair);padding:6px 12px;color:var(--mute)}
.avail i{width:9px;height:9px;border-radius:50%;background:#b5b9c1}
.avail.on{color:var(--ok);border-color:var(--ok)}
.avail.on i{background:var(--ok)}
main{flex:1;overflow-y:auto;padding:16px 20px 90px}
.view{display:none}.view.on{display:block}
h2{font-weight:900;font-size:26px;color:var(--indigo);margin-bottom:12px}
.where{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;color:var(--mute);margin-bottom:12px}
.where .ic{color:var(--ver);margin-top:3px}
.where b{color:var(--ink)}
.sort{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--ink);margin-bottom:6px}
.sort button{padding:9px 4px;font-size:12.5px;font-weight:700}
.sort button.on{background:var(--ink);color:#fff}
.board li{border-bottom:1px solid var(--hair);padding:14px 0}
.ld{display:grid;grid-template-columns:1fr auto;gap:2px 12px}
.ld .rt{font-weight:700;font-size:15.5px;color:var(--indigo)}
.ld .pay{text-align:right;font:600 20px "JetBrains Mono",monospace}
.ld .meta{font-size:12.5px;color:var(--mute)}
.ld .rpm{text-align:right;font:400 12.5px "JetBrains Mono",monospace;color:var(--ver)}
.ld .what{grid-column:1/-1;font-size:13.5px;margin-top:4px}
.acc{margin-top:10px;width:100%;padding:11px;border:1px solid var(--ink);font-weight:700;font-size:14px}
.acc:hover{background:var(--ink);color:#fff}
.acc:disabled{border-color:var(--hair);color:#9aa0aa;background:#fff;cursor:not-allowed}
.empty{border:1px dashed var(--hair);padding:30px;text-align:center;color:var(--mute)}
.m-h{display:flex;justify-content:space-between;font:400 12.5px "JetBrains Mono",monospace;color:var(--mute)}
.m-h i{font-style:normal;color:var(--ver)}
.mine h3{font-size:21px;font-weight:900;color:var(--indigo);margin:6px 0 2px;line-height:1.3}
.mine>p{color:var(--mute);font-size:14px}
.mine dl{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--hair);margin:14px 0}
.mine dl div{padding:10px 0}
.mine dt{font-size:11.5px;color:var(--mute)}
.mine dd{font:600 15px "JetBrains Mono",monospace}
.steps{border-left:1px solid var(--ink);margin:6px 0 18px 6px}
.steps li{position:relative;padding:4px 0 12px 20px;color:var(--mute)}
.steps li::before{content:"";position:absolute;left:-6px;top:10px;width:11px;height:11px;background:#fff;border:1px solid var(--ink)}
.steps li.d{color:var(--ink);font-weight:700}
.steps li.d::before{background:var(--ver);border-color:var(--ver)}
.btn{width:100%;padding:15px;background:var(--ink);color:#fff;font-weight:700;font-size:15px}
.btn:disabled{background:var(--ok)}
.earn b{display:block;font:600 46px/1.1 "JetBrains Mono",monospace;color:var(--indigo);letter-spacing:-.04em}
.earn span{color:var(--mute);font-size:14px}
.bars{width:100%;height:auto;margin:18px 0 8px;border-bottom:1px solid var(--ink)}
.bars rect{fill:var(--indigo)}
.bars rect.today{fill:var(--ver)}
.bars text{font:400 10px "JetBrains Mono",monospace;fill:var(--mute)}
.days li{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--hair);font-size:14px}
.days b{font:600 14px "JetBrains Mono",monospace}
.site{display:block;text-align:center;margin-top:20px;font-weight:700}
.tabbar{position:absolute;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-top:1px solid var(--ink);padding:8px 0 calc(10px + env(safe-area-inset-bottom))}
.tabbar button{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;font-weight:700;color:var(--mute)}
.tabbar .ic{width:24px;height:24px}
.tabbar button.on{color:var(--indigo)}

/* photography: always darkened */
.where{background:linear-gradient(90deg,rgba(22,28,52,.94) 40%,rgba(22,28,52,.7)),url(https://images.unsplash.com/photo-1649793395985-967862a3b73f?w=900&q=70&auto=format&fit=crop) center/cover no-repeat,#23356b!important;color:#fff!important;border-color:transparent!important}
.where b{color:#fff}
.where .ic{color:#ff8a75}
.where{padding:14px 14px 14px 12px}