:root{--arko-orange: #f08020;--arko-orange-hover: #f49a4d;--arko-orange-pressed: #d96e12;--arko-slate: #4a5658;--arko-panel: #2e3638;--arko-tile: #353f41;--arko-line: #cfd3d4;--arko-grey: #858587;--arko-canvas: #e7e5df;--arko-ink: #111111;--arko-danger: #e0603a;--arko-bg: var(--arko-panel);--arko-fg: var(--arko-canvas);--arko-tap-target: 56px;--arko-radius: .75rem;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--arko-bg);color:var(--arko-fg);font-family:Jost,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid rgb(255 255 255 / 8%);position:sticky;top:0;background:var(--arko-bg);z-index:1}.wordmark-sm{margin:0;font-size:1.25rem;font-weight:600;letter-spacing:-.01em}.accent{color:var(--arko-orange)}.languages{display:flex;gap:.25rem}.lang{min-width:var(--arko-tap-target);min-height:var(--arko-tap-target);border-radius:.5rem;border:1px solid transparent;background:transparent;font-size:1.125rem;line-height:1;cursor:pointer;opacity:.45}.lang[aria-pressed=true]{border-color:var(--arko-orange);opacity:1}.app-main{flex:1;padding:1rem;display:flex;flex-direction:column;gap:1rem;max-width:44rem;width:100%;margin:0 auto}.panel{background:var(--arko-tile);border:1px solid rgb(255 255 255 / 8%);border-radius:var(--arko-radius);padding:1rem;display:flex;flex-direction:column;gap:.875rem}.panel-title{margin:0;font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--arko-grey)}.empty{margin:0;color:var(--arko-line);font-size:.9375rem}.muted{color:var(--arko-line);font-size:.9375rem;margin:0}.small{font-size:.8125rem;color:var(--arko-grey);word-break:break-word}.count{margin:0;font-weight:600}.error{margin:0;color:var(--arko-danger);font-size:.9375rem;font-weight:600}.totals{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem}.totals dt{font-size:.8125rem;color:var(--arko-grey)}.totals dd{margin:0;font-size:1.125rem;font-weight:600}.totals-strong{color:var(--arko-orange)}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.list-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 0;border-bottom:1px solid rgb(255 255 255 / 7%);font-size:.9375rem}.list-item:last-child{border-bottom:none}.list-main{flex:1;min-width:0}.trip-km{font-weight:600;white-space:nowrap}.tag{font-size:.75rem;padding:.2rem .5rem;border-radius:.375rem;border:1px solid var(--arko-slate);color:var(--arko-line);white-space:nowrap}.form{display:flex;flex-direction:column;gap:.75rem;border-top:1px solid rgb(255 255 255 / 8%);padding-top:.875rem}.field{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.field>span{font-size:.8125rem;color:var(--arko-grey)}.field-row{display:flex;gap:.75rem}.input-row{display:flex;gap:.5rem;align-items:stretch}.scan{flex:0 0 auto;min-height:var(--arko-tap-target);min-width:var(--arko-tap-target);padding:0;border-radius:.5rem;border:1px solid var(--arko-slate);background:var(--arko-panel);color:var(--arko-fg);font-size:1.375rem;line-height:1;cursor:pointer}.scan:disabled{opacity:.6;cursor:default}input,select{min-height:var(--arko-tap-target);padding:0 .75rem;border-radius:.5rem;border:1px solid var(--arko-slate);background:var(--arko-panel);color:var(--arko-fg);font:inherit;font-size:1rem;width:100%}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--arko-orange);outline-offset:2px}.primary{min-height:var(--arko-tap-target);border:none;border-radius:.5rem;background:var(--arko-orange);color:var(--arko-ink);font:inherit;font-size:1rem;font-weight:600;cursor:pointer}.primary:hover:not(:disabled){background:var(--arko-orange-hover)}.primary:active:not(:disabled){background:var(--arko-orange-pressed)}.primary:disabled{opacity:.6;cursor:default}.choice-row{display:flex;gap:.5rem}.choice{flex:1;min-height:var(--arko-tap-target);border-radius:.5rem;border:1px solid var(--arko-slate);background:var(--arko-panel);color:var(--arko-fg);font:inherit;font-size:1rem;cursor:pointer}.choice[aria-checked=true]{border-color:var(--arko-orange);color:var(--arko-orange);font-weight:600}.ghost{min-height:var(--arko-tap-target);border:1px solid var(--arko-slate);border-radius:.5rem;background:transparent;color:var(--arko-line);font:inherit;font-size:1rem;cursor:pointer}.ghost:disabled{opacity:.6;cursor:default}.record-km{margin:0;text-align:center}.record-km-value{font-size:3rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--arko-orange)}.record-km-unit{font-size:1.25rem;color:var(--arko-grey)}.app-footer{position:sticky;bottom:0;background:var(--arko-bg);border-top:1px solid rgb(255 255 255 / 8%);padding-bottom:env(safe-area-inset-bottom)}.tabbar{display:flex}.tab{flex:1;min-height:var(--arko-tap-target);border:none;background:transparent;color:var(--arko-line);font:inherit;font-size:.9375rem;cursor:pointer;border-top:2px solid transparent}.tab[aria-current=page]{color:var(--arko-orange);font-weight:600;border-top-color:var(--arko-orange)}.version{margin:0;padding:.375rem 1rem .5rem;text-align:center;font-size:.6875rem;color:var(--arko-grey)}.login-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1rem}.login-card{width:100%;max-width:26rem}.login-brand{margin:0;text-align:center;font-size:1.5rem;letter-spacing:.02em}.login-intro{margin:0;text-align:center;color:var(--arko-grey);font-size:.9375rem}.login-tabs{display:flex;border-bottom:1px solid rgb(255 255 255 / 8%)}.login-tabs .tab{border-top:none;border-bottom:2px solid transparent}.login-tabs .tab.active{color:var(--arko-orange);font-weight:600;border-bottom-color:var(--arko-orange)}.login-link{border:none;background:transparent;color:var(--arko-orange);font:inherit;font-size:.875rem;cursor:pointer;min-height:var(--arko-tap-target)}.login-shared-note{text-align:center;margin:0}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}.dialog-card{width:100%;max-width:26rem;max-height:90dvh;overflow-y:auto}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-close{border:none;background:transparent;color:var(--arko-grey);font-size:1.75rem;line-height:1;cursor:pointer;min-width:var(--arko-tap-target);min-height:var(--arko-tap-target)}.account-identity{display:flex;align-items:center;gap:.75rem}.account-avatar{width:3rem;height:3rem;border-radius:50%;background:#f0802026;color:var(--arko-orange);display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.account-who{display:flex;flex-direction:column;min-width:0}.account-who strong{overflow-wrap:anywhere}.accordion{border:1px solid rgb(255 255 255 / 8%);border-radius:.5rem}.accordion-head{width:100%;min-height:var(--arko-tap-target);border:none;background:transparent;color:inherit;font:inherit;text-align:left;padding:0 .875rem;cursor:pointer}.accordion-body{padding:0 .875rem .875rem;display:flex;flex-direction:column;gap:.75rem}.danger-zone{border:1px solid rgb(224 96 58 / 45%);border-radius:.5rem;padding:.75rem}.danger{min-height:var(--arko-tap-target);border:none;border-radius:.5rem;background:var(--arko-danger);color:var(--arko-ink);font:inherit;font-weight:600;cursor:pointer}.danger:disabled{opacity:.45;cursor:not-allowed}.account-logout{min-height:var(--arko-tap-target);border:1px solid rgb(255 255 255 / 15%);border-radius:.5rem;background:transparent;color:inherit;font:inherit;cursor:pointer}.account-logout:hover{border-color:var(--arko-danger);color:var(--arko-danger)}.account-trigger{min-height:var(--arko-tap-target);border:1px solid rgb(255 255 255 / 15%);border-radius:.5rem;background:transparent;color:inherit;font:inherit;font-size:.875rem;cursor:pointer;padding:0 .75rem;display:inline-flex;align-items:center;gap:.5rem}.account-trigger .account-avatar{width:1.75rem;height:1.75rem;font-size:.75rem}.account-trigger{min-width:var(--arko-tap-target);justify-content:center}.account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 40rem){.languages{order:3;flex:1 1 100%;justify-content:center}}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;margin-left:.35rem;padding:0 .3rem;border-radius:.75rem;background:var(--arko-orange);color:var(--arko-ink);font-size:.6875rem;font-weight:700;vertical-align:middle}.decision{margin-top:.75rem;padding:.75rem;border:1px solid var(--arko-orange);border-radius:var(--arko-radius);background:var(--arko-tile);display:flex;flex-direction:column;gap:.6rem}.decision-title{margin:0;font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--arko-orange)}.decision-delta{margin:0;font-size:1.25rem;font-weight:700}.panel-subtitle{margin:1rem 0 .25rem;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--arko-grey)}.field-inline{display:flex;align-items:center;gap:.6rem;min-height:calc(var(--arko-tap-target) * .75);font-size:.9375rem;cursor:pointer}.field-inline input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--arko-orange)}.list-item.anomaly{flex-direction:column;align-items:stretch;gap:.5rem}.android-link{color:var(--arko-orange);text-decoration:none;font-size:.9375rem;display:inline-block;min-height:var(--arko-tap-target);line-height:var(--arko-tap-target)}.field>label{font-size:.8125rem;color:var(--arko-grey)}.sovereignty{gap:.625rem}.sovereignty--paused{border-color:var(--arko-slate);background:repeating-linear-gradient(135deg,var(--arko-tile) 0 8px,var(--arko-panel) 8px 16px)}.switch{display:flex;align-items:center;gap:.625rem;width:100%;min-height:calc(var(--arko-tap-target) + 8px);padding:0 .875rem;border-radius:var(--arko-radius);border:1px solid var(--arko-slate);background:var(--arko-panel);color:var(--arko-fg);font:inherit;text-align:left;cursor:pointer}.switch:disabled{opacity:.6;cursor:default}.switch-dot{font-size:1.125rem;line-height:1;color:var(--arko-slate)}.switch-state{flex:1;min-width:0;font-size:1rem;font-weight:600}.switch-track{flex:0 0 auto;width:3.25rem;height:1.75rem;border-radius:1rem;border:1px solid var(--arko-slate);background:var(--arko-tile);display:flex;align-items:center;padding:0 .1875rem}.switch-thumb{width:1.25rem;height:1.25rem;border-radius:50%;background:var(--arko-slate)}.switch[aria-checked=true]{border-color:var(--arko-orange)}.switch[aria-checked=true] .switch-dot,.switch[aria-checked=true] .switch-thumb{color:var(--arko-orange);background:var(--arko-orange)}.switch[aria-checked=true] .switch-dot{background:transparent}.switch[aria-checked=true] .switch-track{border-color:var(--arko-orange);justify-content:flex-end}.switch[aria-checked=false] .switch-track{justify-content:flex-start}@media (prefers-reduced-motion: no-preference){.switch-thumb{transition:background .15s ease-out}}.capture-shot{flex:0 0 auto;min-height:var(--arko-tap-target);min-width:var(--arko-tap-target);display:inline-flex;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid var(--arko-slate);background:var(--arko-panel);color:var(--arko-fg);font-size:1.375rem;line-height:1;cursor:pointer}.capture-shot[aria-disabled=true]{opacity:.6;cursor:default}.sr-only{position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.capture-input:focus-visible+.capture-shot,.capture-shot:has(+.capture-input:focus-visible){outline:2px solid var(--arko-orange);outline-offset:2px}.capture-preview{margin:0;display:flex;flex-direction:column;gap:.5rem}.capture-preview img{width:100%;max-height:40vh;object-fit:contain;border-radius:var(--arko-radius);background:var(--arko-panel)}.capture-note{display:flex;gap:.375rem}.start-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;counter-reset:start-step}.start-step{min-height:var(--arko-tap-target);display:flex;align-items:center;color:var(--arko-line);font-size:.9375rem;border-bottom:1px solid rgb(255 255 255 / 7%)}.start-step:last-child{border-bottom:none}.empty-action{display:flex;flex-direction:column;gap:.75rem}.next-step{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.next-step .ghost{flex:1 1 12rem}.web-note{display:flex;flex-direction:column;gap:.25rem}
