:root{--ink:#16332d;--green:#1b604f;--lime:#d8ef84;--paper:#f4f1e8;--muted:#74817d;--white:#fff;--danger:#aa3f35}*{box-sizing:border-box}body{margin:0;font:16px/1.4 system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--paper)}button,input,textarea,select{font:inherit}button{cursor:pointer}.auth-shell{min-height:100vh;display:grid;place-content:center;gap:2rem;padding:24px;background:radial-gradient(circle at 50% 0,#307460,var(--ink) 55%)}.brand{text-align:center;color:white}.brand h1{font-size:3rem;margin:.2rem}.brand p{color:var(--lime);letter-spacing:.1em}.logo{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:20px;background:var(--lime);color:var(--ink);font-size:2.5rem;font-weight:900}.logo.small{width:34px;height:34px;border-radius:10px;font-size:1.3rem;margin-right:8px}.panel{background:white;border-radius:20px;padding:22px;box-shadow:0 12px 40px #0002}.auth-shell .panel{width:min(390px,calc(100vw - 32px))}.panel h2{margin-top:0}label{display:grid;gap:6px;margin:14px 0;font-weight:650}input,textarea,select{width:100%;padding:12px;border:1px solid #ccd4d0;border-radius:10px;background:#fafbf8}.primary,.secondary{border:0;border-radius:12px;padding:12px 16px;font-weight:750}.primary{background:var(--lime);color:var(--ink)}.secondary{background:#e7ece9;color:var(--ink)}form .primary{width:100%}.link,.icon-btn,.dialog-close{border:0;background:none;color:var(--green)}.link{width:100%;padding:12px}.error{color:var(--danger);min-height:1.4em}#app{min-height:100vh;padding-bottom:76px}header{height:64px;background:var(--ink);color:white;padding:0 max(18px,calc((100vw - 1000px)/2));display:flex;align-items:center;justify-content:space-between;font-size:1.2rem;position:sticky;top:0;z-index:500}header>div{display:flex;align-items:center}.icon-btn{font-size:2rem;color:var(--lime)}#content{max-width:1000px;margin:auto}.hero{background:var(--green);color:white;padding:28px 20px;border-radius:0 0 28px 28px}.hero p{margin:0;color:var(--lime)}.hero h1{margin:5px 0 20px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;padding:18px}.course-card{background:white;border-radius:18px;padding:18px;box-shadow:0 3px 16px #18352e12;border:1px solid #e3e7df}.course-card h3{margin:8px 0}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{background:#edf1e8;border-radius:20px;padding:5px 9px;font-size:.8rem}.meta{display:flex;justify-content:space-between;color:var(--muted);margin:14px 0}.course-card .primary{width:100%}#map{height:calc(100vh - 140px)}nav{position:fixed;bottom:0;left:0;right:0;height:72px;background:white;display:flex;justify-content:center;border-top:1px solid #ddd;z-index:600;padding-bottom:env(safe-area-inset-bottom)}nav button{width:min(25%,180px);border:0;background:none;color:var(--muted);display:grid;place-content:center;font-size:1.4rem}nav span{display:block;font-size:.72rem}nav .active{color:var(--green);font-weight:750}.view>h1{padding:16px 20px}.list{margin:16px}.list-row{display:grid;grid-template-columns:40px 1fr auto;align-items:center;padding:12px 0;border-bottom:1px solid #eee}.profile-card{text-align:center;margin:40px auto;max-width:400px;padding:30px}.avatar{margin:auto;width:90px;height:90px;border-radius:50%;display:grid;place-content:center;background:var(--lime);font-size:3rem}.profile-card .secondary{margin-top:30px}dialog{border:0;border-radius:22px;padding:0;width:min(620px,calc(100vw - 24px));max-height:90vh;color:var(--ink)}dialog::backdrop{background:#10251fbb}.dialog-close{position:sticky;float:right;top:8px;font-size:2rem;z-index:4}.dialog-content{padding:26px;clear:both}.detail-hero{background:var(--green);color:white;margin:-26px -26px 20px;padding:26px}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.detail-actions .primary{grid-column:1/-1}.control-row{padding:8px 0;border-bottom:1px solid #ddd}.run{text-align:center}.run-timer{font-size:3rem;font-variant-numeric:tabular-nums}.run-progress{font-size:1.2rem}.run .primary{width:100%;margin-top:12px}#toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%) translateY(30px);background:var(--ink);color:white;padding:11px 18px;border-radius:12px;opacity:0;transition:.2s;z-index:1000;pointer-events:none}#toast.show{opacity:1;transform:translateX(-50%)}.empty{text-align:center;color:var(--muted);padding:50px 15px}@media(min-width:700px){.hero{margin-top:18px;border-radius:28px}.auth-shell{grid-template-columns:1fr 1fr;align-items:center}.brand{text-align:left}.detail-actions{grid-template-columns:repeat(3,1fr)}.detail-actions .primary{grid-column:auto}}