:root{--forest:#244f3e;--forest-dark:#173d2d;--lime:#d6eab8;--ink:#233b30;--muted:#758177;--cream:#f8f9f4;--line:#e5e9df;--white:#fff;--bs-primary:#244f3e;--bs-body-font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--bs-body-color:var(--ink)}*{box-sizing:border-box}body{background:var(--cream);min-height:100vh;display:flex;flex-direction:column;font-size:14px}main{flex:1}a{color:var(--forest)}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #85a96b;outline-offset:3px}h1,h2,h3{letter-spacing:-1.3px;font-weight:600}h1{font-size:40px;line-height:1.18}h1>span{color:#81a363}h2{font-size:29px}p{line-height:1.7}.muted{color:var(--muted)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.1px;color:#74806d;margin-bottom:14px}.app-header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:10}.navbar{min-height:80px}.navbar-brand{font-size:28px;letter-spacing:-1.6px;font-weight:650;color:var(--forest);display:flex;align-items:center;gap:10px}.brand-dot{color:#8fae6e;margin-left:-10px}.brand-mark{width:34px;height:38px;background:var(--forest);color:var(--lime);border-radius:15px 15px 15px 4px;display:inline-grid;place-items:center;font-family:Georgia,serif;font-style:italic;font-size:28px;letter-spacing:0}.navbar-nav{gap:8px}.navbar .nav-link{font-size:13px;min-height:44px;display:flex;align-items:center;padding:10px 16px!important;border-radius:6px;color:#788178}.navbar .nav-link.active{background:#eff4e9;color:var(--forest);font-weight:600}.account-nav{display:flex;align-items:center;gap:14px}.account-nav form{margin:0}.account-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);font-size:12px;min-height:44px}.avatar{display:grid;place-items:center;width:32px;height:32px;background:#edf0e7;border-radius:50%;color:var(--forest);font-weight:600}.signout{font-size:11px;color:var(--muted);text-decoration:none;padding:8px 0;min-height:44px}.access-label{font-size:11px;color:var(--muted);border:1px solid var(--line);padding:8px 12px;border-radius:20px}.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:13px;border-radius:7px;font-weight:500;padding:11px 19px}.btn-primary{--bs-btn-bg:var(--forest);--bs-btn-border-color:var(--forest);--bs-btn-hover-bg:var(--forest-dark);--bs-btn-hover-border-color:var(--forest-dark);--bs-btn-active-bg:var(--forest-dark);--bs-btn-active-border-color:var(--forest-dark);--bs-btn-disabled-bg:#718678;--bs-btn-disabled-border-color:#718678}.btn-light{background:#f0f2eb;border-color:#f0f2eb}.btn-outline-secondary{--bs-btn-color:#647465;--bs-btn-border-color:#dfe5d9;--bs-btn-hover-bg:#eaf0e4;--bs-btn-hover-color:#244f3e;--bs-btn-hover-border-color:#dfe5d9}.form-control,.form-select{min-height:48px;background:#fff;border:1px solid #dde3d7;border-radius:7px;font-size:14px;padding:12px 14px}.form-control:focus,.form-select:focus{border-color:#8fa87d;box-shadow:0 0 0 3px #c3d4b73b}.form-control::placeholder{color:#a3aa9e;font-size:13px}.form-label{font-size:12px;font-weight:600;margin-bottom:8px}.form-text{color:var(--muted);font-size:12px}.form-check-input:checked{background-color:var(--forest);border-color:var(--forest)}.app-footer{display:flex;justify-content:space-between;gap:20px;padding:20px 32px;border-top:1px solid var(--line);color:#90988a;font-size:10px}.skip-link{position:absolute;left:20px;top:-80px;z-index:100;background:var(--forest);color:white;padding:12px}.skip-link:focus{top:8px}.content-wrap{max-width:1260px;margin:0 auto;padding:52px 32px 64px}.content-wrap.narrow{max-width:690px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.page-heading p{margin:12px 0 0}.surface{background:#fff;border:1px solid var(--line);border-radius:13px;padding:25px;box-shadow:0 4px 20px #263f2a03}.form-surface{padding:30px;margin-top:26px}.back-link{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;color:var(--muted);font-size:12px}.notice{padding:16px 20px;background:#eaf0df;border:1px solid #dde6cc;border-radius:9px;font-size:12px;line-height:1.8;color:#63734e}.table{font-size:13px;color:var(--ink);--bs-table-color:var(--ink);--bs-table-border-color:#edf0e8}.table th{font-weight:600;color:#829079;font-size:11px;padding:16px 12px}.table td{padding:14px 12px}.table-actions{display:flex;gap:8px;flex-wrap:wrap}.table-actions .btn{padding:7px 13px;font-size:11px}.badge-soft{display:inline-block;background:#edf3e5;color:#5c7546;padding:5px 10px;border-radius:20px;font-size:10px;white-space:nowrap}.badge-disabled{background:#f7eae2;color:#936748}.dt-container{font-size:12px}.guide{max-width:1080px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:35px}.guide h2{font-size:22px;margin:12px 0}.guide p{font-size:13px}.guide-number{color:#98ad83;font-family:Georgia,serif;font-size:22px}.alert{font-size:13px}.login-layout{display:grid;grid-template-columns:1.05fr 1fr;max-width:1440px;margin:auto;min-height:calc(100vh - 136px)}.login-story{position:relative;overflow:hidden;margin:30px 0 30px 30px;background:#eaf0df;border-radius:15px;padding:52px 48px 25px;display:flex;flex-direction:column}.login-story h1{font-family:Georgia,"Times New Roman",serif;font-size:62px;font-weight:400;line-height:1.05;letter-spacing:-2px;margin:8px 0 22px}.login-story>p{font-size:13px;color:#758466}.login-form-section{display:flex;align-items:center;justify-content:center;padding:50px 35px}.login-card{width:360px;max-width:100%}.login-card h2{font-size:32px;letter-spacing:-1px}.login-card>.muted{font-size:13px}.remember-row{display:flex;align-items:center;min-height:44px;gap:10px;font-size:12px;color:#6c7868;cursor:pointer}.remember-row input{margin:0;width:17px;height:17px}.access-note{display:flex;gap:12px;margin-top:33px;border-top:1px solid var(--line);padding-top:24px;font-size:11px}.access-note>span{font-size:24px;color:#86a170}.access-note p{line-height:1.8;margin:0}.story-foot{font-size:10px;display:flex;align-items:center;gap:8px;color:#70825e;padding-top:20px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#82a45f;flex-shrink:0}.map-art{position:relative;flex:1;min-height:240px;margin:20px -48px -5px;background:repeating-linear-gradient(0deg,transparent 0px,transparent 60px,#dce4d155 61px,#dce4d155 63px),repeating-linear-gradient(90deg,transparent 0px,transparent 70px,#dce4d155 71px,#dce4d155 74px);transform:rotate(-8deg) scale(1.1);pointer-events:none}.art-road{position:absolute;background:#fafbf7;box-shadow:0 0 0 1px #dce5d2;width:140%;height:10px;left:-10%;top:20%;transform:rotate(22deg)}.road-two{top:70%;transform:rotate(-18deg);height:15px}.road-three{top:50%;transform:rotate(80deg)}.art-park{position:absolute;background:#ceddbb;border-radius:60px;width:110px;height:85px;left:16%;top:33%;transform:rotate(18deg)}.park-two{left:74%;top:44%;width:90px;height:110px}.art-river{position:absolute;width:50px;height:150%;top:-20%;left:58%;background:#cfdfd5;transform:rotate(24deg);border-radius:45%}.art-path{position:absolute;left:28%;top:15%;width:45%;height:63%;border:3px dashed #6f9060;border-left:0;border-radius:0 40px 40px 0}.art-pin{position:absolute;background:var(--forest);color:var(--lime);width:36px;height:36px;border:5px solid white;box-shadow:0 4px 10px #27412c1a;display:grid;place-items:center;border-radius:50% 50% 50% 4px;transform:rotate(-37deg);font-size:12px;left:25%;top:5%}.pin-two{left:26%;top:68%;background:#94ac70;color:#fff}.art-label{position:absolute;background:#fff;padding:10px 14px;border:1px solid var(--line);border-radius:6px;font-size:9px;box-shadow:0 5px 15px #283e2410;transform:rotate(8deg);left:32%;top:0}.label-two{top:77%;left:32%}.art-compass{position:absolute;left:82%;top:8%;font-size:11px;transform:rotate(8deg);color:#809771}.map-workspace{display:grid;grid-template-columns:365px minmax(0,1fr);height:calc(100dvh - 81px);min-height:570px}.explore-panel{background:#fff;padding:30px 24px 0;display:flex;flex-direction:column;overflow:auto;border-right:1px solid var(--line);z-index:2}.panel-heading h1{font-size:29px;line-height:1.16;max-width:280px;margin-bottom:15px}.panel-heading .eyebrow{font-size:9px;letter-spacing:1.8px}.panel-heading>p{font-size:11px;line-height:1.8;max-width:260px}.panel-tabs{display:flex;border-bottom:1px solid var(--line);margin-top:13px}.panel-tabs button{width:50%;min-height:49px;background:none;border:0;border-bottom:2px solid transparent;font-size:12px;color:#8a9584}.panel-tabs button.selected{border-bottom-color:var(--forest);color:var(--forest);font-weight:600}.search-box{display:flex;align-items:center;gap:10px;border:1px solid #e8ece1;background:#fafbf7;border-radius:8px;margin-top:22px;padding:0 13px}.search-box span{font-size:25px;color:#88977a}.search-box input{border:none;background:none;min-width:0;width:100%;height:46px;outline:none;font-size:12px;color:var(--ink)}.search-box input::placeholder{color:#98a18f}.category-row{display:flex;gap:6px;overflow:auto;margin:16px 0 20px;padding-bottom:3px;scrollbar-width:thin}.chip{white-space:nowrap;border:1px solid var(--line);background:#fff;min-height:44px;padding:7px 12px;border-radius:22px;color:#8c9583;font-size:10px}.chip.active{background:#edf2e6;color:var(--forest);border-color:#dce5d0}.list-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8b967f;margin-bottom:8px}.text-action{font-size:11px;color:var(--forest);text-decoration:none;min-height:44px;display:flex;align-items:center}.place-card{display:flex;align-items:center;width:100%;padding:15px 0;border:0;border-bottom:1px solid #f0f2ec;background:#fff;text-align:left;gap:13px;min-height:78px;color:var(--ink)}.place-card:hover{background:#f8faf4}.place-icon{width:40px;height:40px;border-radius:10px;background:#f0f3e8;color:#8ca271;display:grid;place-items:center;font-size:19px;flex-shrink:0}.place-info{flex:1;min-width:0}.place-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600}.place-info small{display:block;font-size:10px;color:#98a08e;margin-top:6px}.place-arrow{color:#a5ae9b}.place-list{min-height:140px}.empty-places{border:1px dashed #dce4d2;border-radius:10px;padding:30px 18px;text-align:center;margin:5px 0 18px}.empty-places>span{display:block;font-size:34px;color:#9db184}.empty-places h2{font-size:18px;letter-spacing:-.4px;margin-top:10px}.empty-places p{font-size:11px;color:#8a9580;margin:10px 0 15px}.empty-places a{font-size:11px}.panel-bottom{margin-top:auto;border-top:1px solid var(--line);display:flex;padding:23px 0;gap:11px;align-items:center}.panel-bottom strong{font-size:10px;font-weight:600}.panel-bottom p{font-size:9px;color:#9ca58f;margin:3px 0 0}.mini-icon{display:grid;place-items:center;background:#f1f4ea;border-radius:8px;width:34px;height:38px;color:#8eaa6f;font-size:21px}.map-stage{position:relative;background:#e9edde;min-width:0;overflow:hidden}#map{width:100%;height:100%}.map-top-label{position:absolute;top:24px;left:24px;background:#ffffffee;border:1px solid #e1e8d7;box-shadow:0 3px 12px #2d44210a;padding:13px 16px;border-radius:7px;display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.4px;color:#758468;pointer-events:none}.map-hint{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);background:#fffffff2;box-shadow:0 5px 25px #384e2112;padding:16px 23px;border-radius:10px;text-align:center;font-size:12px;color:#566c42;max-width:90%;width:330px;pointer-events:none}.map-hint span{display:block;font-size:10px;color:#939f87;margin-top:5px}.map-location{position:absolute;right:10px;top:150px;min-width:44px;min-height:44px;background:white;border:1px solid #ddd;border-radius:7px;color:#385c3f;font-size:25px;box-shadow:0 2px 7px #0001}.maplibregl-ctrl button{min-width:44px;min-height:44px}.maplibregl-ctrl-attrib-button{min-width:24px!important;min-height:24px!important}.map-message{position:absolute;top:80px;left:24px;right:70px;background:#fff6e8;border:1px solid #e4cfab;padding:12px;border-radius:8px;font-size:11px;color:#805f2b}.maplibregl-popup-content{border-radius:9px;padding:16px;min-width:190px}.maplibregl-popup-content strong{font-size:14px;display:block;margin:5px 0}.maplibregl-popup-content p{font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.maplibregl-popup-content a{min-height:44px;display:inline-flex;align-items:center;font-size:12px}.maplibregl-popup-close-button{width:30px;height:30px;font-size:20px}.map-pagination{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:12px 0;font-size:10px;color:var(--muted)}.map-pagination .btn{font-size:10px;padding:5px 10px}.route-steps{padding-left:20px;font-size:11px;color:#748369}.route-steps li{padding:8px 0}.route-summary{background:#edf3e5;padding:15px;border-radius:8px;font-size:13px}.badge-walk{font-size:10px;color:#9b9}.dt-search input,.dt-length select{min-height:44px!important}.maplibregl-ctrl-attrib{font-size:10px!important}.table-responsive{overflow-x:auto}
@media(min-width:1600px){.map-workspace{grid-template-columns:400px minmax(0,1fr)}.explore-panel{padding-left:32px;padding-right:32px}.panel-heading h1{font-size:32px}}
@media(max-width:1100px){.navbar-nav{gap:0}.navbar .nav-link{font-size:12px;padding:10px 11px!important}.account-nav{gap:10px}.account-link span:last-child{display:none}.login-story{padding:40px 30px 25px}.login-story h1{font-size:51px}.map-workspace{grid-template-columns:320px minmax(0,1fr)}.explore-panel{padding:25px 20px 0}.panel-heading h1{font-size:27px}.login-story .map-art{margin-left:-30px;margin-right:-30px}}
@media(max-width:767px){.navbar{min-height:68px}.navbar-brand{font-size:26px}.navbar-collapse{padding:12px 0}.navbar-nav{gap:5px}.account-nav{justify-content:space-between;border-top:1px solid var(--line);padding-top:10px;margin-top:8px}.account-link span:last-child{display:inline}.signout{padding:10px 16px}.navbar .nav-link{min-height:46px}.content-wrap{padding:32px 18px 45px}.content-wrap h1{font-size:33px}.page-heading{align-items:flex-start;flex-direction:column}.surface{padding:18px}.form-surface{padding:22px}.app-footer{padding:18px;flex-wrap:wrap;font-size:9px}.guide-grid{grid-template-columns:1fr}.login-layout{display:flex;flex-direction:column}.login-story{margin:16px 16px 0;padding:28px 27px 22px;min-height:195px}.login-story h1{font-size:35px;position:relative;z-index:1;margin:6px 0 12px}.login-story .eyebrow{font-size:8px;margin-bottom:9px}.login-story>p{font-size:11px;margin:0;position:relative;z-index:1}.login-story .map-art{position:absolute;right:-40px;top:30px;width:45%;height:180px;opacity:.5;min-height:0;margin:0}.art-label{display:none}.story-foot{display:none}.login-form-section{padding:36px 28px 40px}.login-card{width:400px}.login-card h2{font-size:29px}.access-note{margin-top:25px}.map-workspace{display:flex;flex-direction:column-reverse;height:auto;min-height:calc(100dvh - 69px)}.map-stage{height:47dvh;min-height:310px;flex-shrink:0}.explore-panel{padding:25px 20px 0;overflow:visible;border-right:0;min-height:510px}.panel-heading h1{max-width:none;font-size:25px}.panel-heading>p{max-width:none;margin-bottom:0}.panel-heading .eyebrow{font-size:8px;margin-bottom:9px}.panel-tabs{margin-top:14px}.map-top-label{top:16px;left:16px;padding:10px 12px;font-size:8px}.map-hint{bottom:25px;padding:11px 15px;width:260px;font-size:11px}.map-hint span{font-size:9px}.map-message{top:65px;left:16px;right:65px}.map-pagination{margin-bottom:20px}.panel-bottom{margin-top:15px}.list-heading{font-size:11px}.place-info strong{font-size:13px}.place-info small{font-size:11px}.chip{font-size:11px}.place-list{min-height:0}.maplibregl-popup-close-button{width:44px;height:44px}.maplibregl-popup-content{padding:20px}.maplibregl-popup-content strong{padding-right:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
[hidden]{display:none!important}.start-driving{position:absolute;left:24px;top:78px;box-shadow:0 3px 15px #142e231c}.driving-panel{position:absolute;left:24px;top:78px;width:360px;max-width:calc(100% - 88px);padding:18px;background:#fffffff7;border:1px solid #dae3d2;border-radius:12px;box-shadow:0 5px 25px #203a2420}.driving-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.driving-top .eyebrow{font-size:9px;display:block;margin-bottom:6px}.driving-status{font-size:10px;color:#74836b;margin:0;max-width:220px}.driving-speed{text-align:right;flex-shrink:0;min-width:50px}.driving-speed strong{font-size:32px;line-height:1.1;font-variant-numeric:tabular-nums;display:block}.driving-speed span{font-size:10px;color:#819176}.driving-instruction{display:block;font-size:15px;line-height:1.4;margin-top:14px}.driving-progress{font-size:11px;color:#7b8973;line-height:1.6;margin:8px 0 14px}.driving-actions{display:flex;gap:8px;flex-wrap:wrap}.driving-actions .btn{padding:8px 12px;font-size:11px}.driving-puck{width:26px;height:26px;background:#3881c1;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 6px #3881c135,0 3px 12px #223e4d30}.driving-puck:before{content:"";position:absolute;left:3px;top:-14px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid #3881c1}@media(max-width:767px){.start-driving{left:16px;top:65px}.driving-panel{left:12px;top:58px;max-width:calc(100% - 74px);padding:12px}.driving-instruction{font-size:13px;margin-top:8px}.driving-progress{font-size:10px;margin-bottom:8px}.driving-status{font-size:9px}.driving-speed strong{font-size:26px}.driving-top .eyebrow{font-size:8px;letter-spacing:1px}.driving-actions{gap:6px}.driving-actions .btn{font-size:10px;min-height:44px;padding:8px 10px}.driving-speed{min-width:38px}}

@media(max-width:767px){.driving-active .map-stage{height:calc(100dvh - 69px);min-height:480px}}
.app-footer a{color:inherit;text-decoration:underline}