:root{color:#17332c;font-synthesis:none;--bg:#f5f7f3;--surface:#fff;--ink:#17332c;--muted:#62716b;--border:#dfe6df;--accent:#c8ee76;background:#f5f7f3;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,.button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:4px;outline:3px solid #579231}.shell{min-height:100vh;display:flex}aside{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;width:250px;padding:38px 25px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-1.5px;flex-wrap:wrap;align-items:center;font-size:30px;font-weight:850;display:flex}.brand>span:not(.brandmark){font-weight:400}.brandmark{color:#d7f58d;background:#17332c;border-radius:12px;place-items:center;width:43px;height:43px;margin-right:10px;display:grid}.brand small{letter-spacing:1.3px;width:100%;margin:14px 0 0 2px;font-size:9px}nav{gap:9px;margin-top:60px;display:grid}nav a{min-height:49px;color:var(--muted);border-radius:10px;align-items:center;gap:14px;padding:12px 14px;font-size:15px;display:flex}nav a:hover,nav a.active{color:#17332c;background:#edf4e6;font-weight:650}.sidebar-foot{gap:10px;margin-top:auto;font-size:12px;line-height:1.7;display:flex}.sidebar-foot small{color:var(--muted);font-size:11px;display:block}.workspace{width:calc(100% - 250px);margin-left:250px}header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:87px;padding:0 44px;display:flex}header>span{align-items:center;gap:9px;font-size:14px;font-weight:600;display:flex}.pill{letter-spacing:.8px;background:#edf3e7;border:1px solid #d4ddcf;border-radius:5px;margin-left:12px;padding:5px 8px;font-size:10px}.avatar{background:#e5ebdc;border:4px solid #fff;border-radius:50%;place-items:center;width:37px;height:37px;font-size:13px;display:grid}main{max-width:1320px;margin:0 auto;padding:42px 44px 70px}.page-title{justify-content:space-between;align-items:center;gap:25px;margin-bottom:28px;display:flex}h1{letter-spacing:-1.7px;margin:12px 0 16px;font-size:clamp(28px,3.2vw,44px);font-weight:730;line-height:1.12}p{color:var(--muted);margin:10px 0;font-size:15px;line-height:1.7}.eyebrow{letter-spacing:1.7px;font-size:10px;font-weight:750}.button,button{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:9px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:13px 19px;font-size:14px;font-weight:650;display:inline-flex}.primary{color:#fff;background:#183d30;border-color:#183d30}.light{background:var(--accent);color:#17332c;border:0}.hero{color:#f6ffed;background:#173c30;border-radius:18px;justify-content:space-between;align-items:center;min-height:272px;padding:35px 39px;display:flex;position:relative;overflow:hidden}.hero .eyebrow,.hero p{color:#c1d5c5}.hero-number{letter-spacing:-4px;margin-top:14px;font-size:77px;font-weight:700;line-height:1.15}.hero-number>span{letter-spacing:-1px;color:#92ad97;font-size:32px;font-weight:400}.hero .button{margin-top:12px}.progress-ring{outline-offset:14px;border:14px solid #385747;border-radius:50%;outline:1px solid #43634e;flex-direction:column;justify-content:center;align-items:center;width:185px;height:185px;margin-right:35px;display:flex}.progress-ring strong{letter-spacing:-2px;font-size:51px;font-weight:550}.progress-ring small{font-size:23px}.progress-ring>span{letter-spacing:2px;color:#b2c8b6;font-size:9px}.section-title{justify-content:space-between;align-items:center;gap:15px;margin:31px 0 18px;display:flex}.section-title h2{letter-spacing:-.5px;margin:0;font-size:19px}.section-title a{font-size:12px;font-weight:650}.mode-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.mode-card{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:22px;transition:transform .2s}.mode-card:hover{transform:translateY(-3px)}.mode-icon{color:#3c6b38;background:#eaf3e1;border-radius:12px;place-items:center;width:46px;height:46px;display:grid}.ubahn .mode-icon{color:#3c64ae;background:#e9effa}.tram .mode-icon{color:#b45d3d;background:#fff0e9}.bus .mode-icon{color:#87549a;background:#f2eaf7}.mode-card h3{margin:19px 0 13px;font-size:14px;font-weight:650}.mode-card strong{letter-spacing:-.6px;font-size:27px;font-weight:650}.mode-card small{color:var(--muted);font-size:15px;font-weight:400}.track{background:#e7ece4;border-radius:8px;height:4px;margin:16px 0 9px;overflow:hidden}.track i{background:#668b46;height:100%;display:block}.mode-card>span:last-child{color:var(--muted);font-size:11px}.duo{grid-template-columns:1fr 1fr;gap:19px;margin-top:25px;display:grid}.panel{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:26px}.panel h2{font-size:20px;font-weight:650;line-height:1.3}.panel strong{font-size:30px}.panel small{color:var(--muted);font-size:13px;font-weight:400}.panel a{font-size:14px;font-weight:650}.notice{background:#ebf0e6;border-radius:8px;margin-top:24px;padding:15px;font-size:12px}.bottom-nav{display:none}@media (width<=1050px){aside{width:210px;padding:30px 18px}.workspace{width:calc(100% - 210px);margin-left:210px}main{padding:30px 26px 70px}header{padding:0 26px}.mode-card{padding:16px}.page-title>.button{white-space:nowrap}.progress-ring{width:150px;height:150px;margin-right:5px}.hero{padding:28px}.mode-grid{gap:10px}}@media (width<=760px){aside{display:none}.workspace{width:100%;margin:0}header{height:70px;padding:env(safe-area-inset-top) 20px 0}main{padding:25px 18px 110px}.page-title{display:block}.page-title>.button{margin-top:8px}h1{font-size:34px}.hero{min-height:248px;padding:25px 22px}.hero-number{font-size:62px}.hero-number>span{font-size:25px}.hero .eyebrow{font-size:9px}.progress-ring{outline-offset:8px;border-width:9px;width:111px;height:111px;margin-left:18px}.progress-ring strong{font-size:33px}.progress-ring small{font-size:17px}.progress-ring>span{letter-spacing:1px;font-size:7px}.mode-grid{grid-template-columns:1fr 1fr;gap:12px}.mode-card{padding:20px}.duo{grid-template-columns:1fr}.section-title h2{font-size:17px}.bottom-nav{background:var(--surface);border-top:1px solid var(--border);padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:30;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{flex-direction:column;align-items:center;gap:4px;min-width:52px;padding:5px;font-size:10px;display:flex}.bottom-nav a.active{color:#4f7737}.bottom-nav a:nth-child(3){color:var(--ink);background:var(--accent);border-radius:14px;margin-top:-19px;padding:10px 15px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}main:focus{outline:none}.city-select{color:var(--ink);background:0 0;border:0;width:auto;min-height:44px;padding:8px;font-size:14px;font-weight:600}.tabs{flex-wrap:wrap;gap:7px;margin:22px 0;display:flex}.tabs a{border:1px solid var(--border);border-radius:9px;align-items:center;gap:9px;min-height:44px;padding:11px 16px;font-size:14px;display:flex}.tabs a.selected{color:#fff;background:#173c30;border-color:#173c30}.filters{flex-wrap:wrap;align-items:end;gap:16px;margin-bottom:22px;display:flex}.filters label{flex:1;min-width:140px}label{margin:14px 0;font-size:14px;font-weight:550;display:block}input:not([type=checkbox]),select,textarea{background:var(--surface);width:100%;color:var(--ink);border:1px solid var(--border);border-radius:8px;min-height:46px;margin-top:8px;padding:12px;display:block}input[type=color]{max-width:100px}textarea{resize:vertical;min-height:95px}input[type=checkbox]{accent-color:#356d44;flex-shrink:0;width:19px;height:19px}.check{align-items:center;gap:10px;min-height:44px;display:flex}.number-field input{letter-spacing:1px;font-size:27px;font-weight:600}.entry{max-width:900px}.panel+.panel{margin-top:20px}.duo .panel+.panel{margin-top:0}.vehicle-card{border:1px solid var(--border);background:var(--surface);text-align:left;border-radius:12px;align-items:center;gap:17px;width:100%;margin:12px 0;padding:19px;display:flex}.vehicle-card>div{flex:1;min-width:0}.vehicle-card strong{letter-spacing:-.5px;font-size:23px;display:block}.vehicle-card span:not(.mode-icon):not(.badge){color:var(--muted);margin-top:6px;font-size:13px;display:block}.vehicle-card small{color:var(--muted);margin-top:4px;font-size:12px;display:block}.badge{border:1px solid var(--border);white-space:nowrap;border-radius:6px;padding:7px 9px;font-size:11px;font-weight:500;display:inline-block}.badge.owned{color:#3e6137;background:#edf5e5;border-color:#d2e2bf}.mini-stats{flex-wrap:wrap;gap:24px;margin:24px 0;display:flex}.mini-stats>div,.mini-stats>a{flex-direction:column;gap:8px;min-width:70px;display:flex}.mini-stats strong{font-size:30px;line-height:1.3}.mini-stats span{color:var(--muted);font-size:12px}.empty{text-align:center;padding:45px}.empty>svg{color:#7b966e}.empty-inline{border:1px dashed #c9d7c4;border-radius:12px;align-items:center;gap:16px;padding:23px;display:flex}.empty-inline a{margin-left:auto;font-size:13px;font-weight:600}.full{width:100%}.actions{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.error,.success{border-radius:9px;padding:17px;font-size:14px;line-height:1.6}.error{color:#8b2920;background:#ffebe7}.success{color:#315c2c;background:#e9f4dc}.found{background:#e9f4dc;border:1px solid #b4d29a;border-radius:13px;margin-bottom:22px;padding:24px;animation:.5s ease-out found}.found strong{font-size:23px}.found a{font-weight:650}.confirmation{background:var(--bg);text-align:center;border-radius:12px;margin:22px 0;padding:25px}.confirmation .mode-icon{margin:auto}.confirmation h2{margin:17px 0 5px;font-size:47px}.scanner{text-align:center;margin-bottom:22px}.camera-view{background:#102019;border-radius:12px;position:relative;overflow:hidden}.camera-view video{object-fit:contain;width:100%;max-height:480px;display:block}.scan-frame{pointer-events:none;border:2px solid #d3f38d;border-radius:10px;width:80%;height:30%;position:absolute;top:35%;left:10%}.camera-view>span{color:#fff;text-shadow:0 1px 5px #000;font-size:13px;position:absolute;bottom:15px;left:0;right:0}.photo-preview{border-radius:9px;max-width:100%;max-height:260px;margin:15px 0;display:block}.stat-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.stat-grid .panel{margin:0}.stat-grid strong{letter-spacing:-1px;font-size:38px}.stat-row{flex-wrap:wrap;justify-content:space-between;gap:8px;margin:19px 0;font-size:14px;display:flex}.stat-row .track{width:100%;margin:0}.stat-row strong{font-size:15px}.stat-row>span{overflow-wrap:anywhere}.achievement-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.achievement{text-align:center;opacity:.7;margin:0!important}.achievement.unlocked{opacity:1;background:#edf5e5;border-color:#b7d394}.achievement h2{font-size:19px}.medal{background:#e4e8df;border-radius:50%;place-items:center;width:65px;height:65px;margin:auto;font-size:27px;font-weight:700;display:grid}.unlocked .medal{background:#c8ee76}.menu-list{margin-top:24px}.menu-list>a{border-bottom:1px solid var(--border);align-items:center;gap:20px;min-height:80px;padding:20px;display:flex}.menu-list>a>div{flex:1}.menu-list p{margin:3px 0;font-size:13px}.danger-zone{border-color:#dfb2a8}.danger-zone .danger{color:#fff;background:#963c2d;border-color:#963c2d;margin:10px 0}.import-preview{border:1px solid var(--border);border-radius:10px;margin-top:20px;padding:20px}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:300px;font-size:12px;overflow:auto}summary{cursor:pointer;min-height:44px;padding:13px 0;font-size:14px}.onboarding{background:var(--surface);z-index:40;border:1px solid #b5ca9b;border-radius:14px;align-items:center;gap:20px;max-width:1000px;margin:auto;padding:23px 26px;display:flex;position:fixed;bottom:24px;left:280px;right:30px;box-shadow:0 10px 60px #13291833}.onboarding strong{margin-top:7px;font-size:18px;display:block}.onboarding p{margin:4px 0;font-size:13px}.onboarding button{white-space:nowrap;margin-left:auto}.offline-ready{color:var(--muted);font-size:12px}.detail .mini-stats strong{font-size:23px}.note-text{white-space:pre-wrap;overflow-wrap:anywhere}.sighting .section-title{margin:0}.file-label input{font-size:13px}.reconcile{border-top:1px solid var(--border);margin-top:20px;padding-top:10px}.reconcile button{margin:6px 0;font-size:12px}li{margin:12px 0;font-size:15px;line-height:1.7}h2{letter-spacing:-.5px;font-size:23px}@keyframes found{0%{opacity:.5;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark]{--bg:#14241f;--surface:#1b3028;--ink:#e3eedb;--muted:#a8b8a4;--border:#3b5144;background:var(--bg);color:var(--ink)}[data-theme=dark] .notice,[data-theme=dark] .pill{color:#d2e1c6;background:#2b402d}[data-theme=dark] .achievement.unlocked{background:#2c432d}[data-theme=dark] .avatar{background:#456138;border-color:#20352c}[data-theme=dark] .medal{color:#1b3028}[data-theme=dark] .track{background:#425346}[data-theme=dark] nav a.active{color:#eff9e7;background:#334b32}@media (prefers-color-scheme:dark){[data-theme=system]{--bg:#14241f;--surface:#1b3028;--ink:#e3eedb;--muted:#a8b8a4;--border:#3b5144;background:var(--bg);color:var(--ink)}[data-theme=system] .notice,[data-theme=system] .pill{color:#d2e1c6;background:#2b402d}[data-theme=system] .achievement.unlocked{background:#2c432d}[data-theme=system] .medal{color:#1b3028}}@media (width<=760px){.onboarding{padding:20px;display:block;bottom:93px;left:14px;right:14px}.onboarding button{width:100%;margin-top:12px}.stat-grid,.achievement-grid{grid-template-columns:1fr 1fr}.stat-grid strong{font-size:31px}.achievement{padding:18px}.achievement h2{font-size:17px}.mini-stats{gap:20px}.vehicle-card{flex-wrap:wrap;gap:12px;padding:14px}.vehicle-card .badge{margin-left:auto}.vehicle-card strong{font-size:22px}.empty-inline{flex-wrap:wrap}.empty-inline a{margin-left:0}.filters{gap:10px}.filters label{min-width:calc(50% - 10px)}.filters .number-field{min-width:100%}.hero .light{padding:12px 14px;font-size:12px}.progress-ring{flex-shrink:0}.page-title h1{overflow-wrap:break-word}.panel{padding:22px}.city-select{max-width:140px}.onboarding .eyebrow{font-size:10px}}.panel{overflow-wrap:anywhere;min-width:0}.achievement-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero>div:first-child{min-width:0}@media (width<=760px){.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.vehicle-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:25px 0;display:grid}.vehicle-facts dt{color:var(--muted);font-size:13px}.vehicle-facts dd{margin:6px 0;font-size:16px}