:root{--forest:#163f35;--forest-2:#0f3028;--mint:#dcebe3;--green:#2d8b67;--green-bright:#38a978;--ink:#18332c;--muted:#6c7c76;--cream:#f3f0e8;--line:#dfe5df;--red:#c8493a}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{color:var(--ink);background:var(--cream);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button,input,select{font:inherit}button{color:inherit}.app-shell{height:100dvh;background:var(--cream);display:flex;flex-direction:column}.topbar{height:68px;flex:0 0 68px;padding:0 24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);z-index:20;background:#fffffff5}.brand{cursor:pointer;background:transparent;border:0;display:flex;align-items:center;gap:10px;width:max-content;font-weight:780;font-size:20px;letter-spacing:-.5px}.brand small{color:var(--green);letter-spacing:.06em;background:#e5f2eb;border-radius:6px;margin-left:5px;padding:2px 6px;font-size:9px}.brand-mark{width:38px;height:38px;color:#fff;background:var(--forest);border-radius:12px;display:grid;place-items:center;box-shadow:0 8px 20px #163f352e}.desktop-nav{display:flex;gap:5px;padding:4px;background:#f4f6f3;border:1px solid #e7ebe6;border-radius:13px}.desktop-nav button,.mobile-nav button{cursor:pointer;background:transparent;border:0;border-radius:9px;color:#64736e;font-size:13px;font-weight:650;display:flex;align-items:center;gap:7px;padding:8px 13px}.desktop-nav button.active{color:var(--forest);background:#fff;box-shadow:0 2px 9px #14362e14}.profile-chip{justify-self:end;display:flex;align-items:center;gap:9px;height:43px;padding:4px 11px 4px 5px;background:#fff;border:1px solid var(--line);border-radius:24px;cursor:pointer;font-weight:680;font-size:13px}.avatar{width:33px;height:33px;color:var(--forest);background:#dcece5;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 390px}.map-area{position:relative;min-width:0;min-height:0}.map{position:absolute;inset:0}.search-stack{position:absolute;top:20px;left:20px;right:20px;z-index:5;max-width:560px}.search-row{display:flex;gap:10px}.search-box{flex:1;background:#fff;border:1px solid #dbe4dd;border-radius:18px;box-shadow:0 14px 40px #14362e24;display:flex;align-items:center;gap:10px;padding:0 14px}.search-box input{width:100%;height:52px;border:0;outline:none;background:transparent}.filter-button{height:52px;background:#fff;border:1px solid #dbe4dd;border-radius:16px;padding:0 16px;box-shadow:0 14px 40px #14362e1c;cursor:pointer;font-weight:700}.filter-popover,.search-results{margin-top:10px;background:#fffffff7;border:1px solid #dde7df;border-radius:18px;box-shadow:0 20px 60px #14362e22;padding:12px}.filter-popover label{display:block;font-size:13px;font-weight:700}.filter-popover select{width:100%;margin-top:6px;padding:10px;border-radius:11px;border:1px solid var(--line)}.search-results button{width:100%;background:transparent;border:0;border-radius:12px;text-align:left;padding:10px;cursor:pointer;display:flex;gap:10px;align-items:center}.search-results button:hover{background:#eef5f0}.search-results small{display:block;color:var(--muted)}.map-controls{position:absolute;right:20px;bottom:96px;z-index:4;display:grid;gap:8px}.map-controls button{width:44px;height:44px;border:0;border-radius:13px;background:#fff;box-shadow:0 10px 30px #14362e22;cursor:pointer;font-size:20px}.map-summary{position:absolute;left:20px;bottom:20px;z-index:4;display:flex;align-items:center;gap:12px;min-width:310px;background:#fffffff2;border:1px solid var(--line);border-radius:20px;padding:13px 15px;box-shadow:0 18px 50px #14362e24}.summary-icon{width:40px;height:40px;border-radius:13px;background:var(--forest);color:#fff;display:grid;place-items:center}.summary-progress{height:8px;width:90px;background:#e7eee9;border-radius:999px;overflow:hidden}.summary-progress i{display:block;height:100%;background:var(--green);border-radius:999px}.side-panel{border-left:1px solid var(--line);background:#faf9f3;overflow:auto}.detail-content,.list-panel,.stats-panel{padding:26px}.panel-handle{display:none}.eyebrow{color:var(--green);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.peak-hero h1,.list-panel h1,.stats-panel h1,.auth-modal h1{font-size:34px;line-height:1.05;margin:8px 0 10px}.lead,.description{color:#52645e;line-height:1.55}.hero-meta{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.pill{padding:7px 10px;border-radius:999px;background:#e8f1ec;color:#214d40;font-weight:750;font-size:12px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.detail-grid div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px}.detail-grid span{display:block;color:var(--muted);font-size:12px}.ascent-button,.primary{width:100%;border:0;border-radius:16px;background:var(--forest);color:#fff;padding:14px 16px;font-weight:800;cursor:pointer;box-shadow:0 12px 28px #163f3530}.ascent-button.remove{background:#ebf5ee;color:var(--forest);border:1px solid #cde2d4;box-shadow:none}.secondary,.back-button{border:1px solid var(--line);background:#fff;border-radius:13px;padding:10px 13px;cursor:pointer;font-weight:700}.storage-note{font-size:12px;color:#6f817a}.nearby-title{display:flex;justify-content:space-between;margin-top:22px}.tip-card{display:flex;gap:12px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;margin-top:8px}.tip-icon{width:38px;height:38px;border-radius:12px;background:#eef5f0;display:grid;place-items:center}.peak-list{display:grid;gap:10px}.peak-list button,.stat-card,.achievement-card{width:100%;border:1px solid var(--line);background:#fff;border-radius:16px;text-align:left;padding:14px;cursor:pointer}.peak-list small,.stat-card span{display:block;color:var(--muted)}.collection-count{display:flex;align-items:center;gap:12px;background:#e8f1ec;border-radius:18px;padding:16px;margin:16px 0}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.stat-card b{font-size:28px}.progress-row{margin:12px 0}.progress-row>div{display:flex;justify-content:space-between}.bar{height:9px;border-radius:999px;background:#e3ebe6;overflow:hidden}.bar i{display:block;height:100%;background:var(--green)}.motivation{display:flex;gap:10px;background:#fff8df;border:1px solid #eadca5;border-radius:16px;padding:14px}.marker{width:22px;height:22px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);border:3px solid #fff;box-shadow:0 3px 10px #0005}.marker span{display:block;width:8px;height:8px;background:#fff;border-radius:50%;margin:4px}.marker.gray{background:#858f8a}.marker.green{background:var(--green-bright)}.marker.red{background:var(--red)}.mobile-nav{display:none}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#102a2399;display:grid;place-items:center;padding:18px}.auth-modal{width:min(430px,100%);background:#fff;border-radius:24px;padding:24px;box-shadow:0 30px 80px #0005}.modal-close{float:right;border:0;background:#eef3ef;border-radius:10px;width:34px;height:34px;cursor:pointer}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:18px}.auth-modal label{display:block;font-size:13px;font-weight:700;margin:12px 0}.auth-modal input{width:100%;margin-top:6px;padding:13px;border:1px solid var(--line);border-radius:13px}.auth-actions{display:grid;gap:10px;margin-top:18px}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:200;background:var(--forest);color:#fff;border-radius:999px;padding:12px 18px;font-weight:750;box-shadow:0 20px 45px #14362e55}.error{color:#9d2c20;font-weight:700}.empty{color:var(--muted);padding:18px;background:#fff;border-radius:16px}.maplibregl-ctrl-bottom-left,.maplibregl-ctrl-bottom-right{display:none}@media(max-width:850px){.topbar{grid-template-columns:1fr auto;padding:0 14px}.desktop-nav{display:none}.profile-chip span:not(.avatar){display:none}.workspace{display:block;position:relative}.map-area{height:calc(100dvh - 68px)}.side-panel{position:fixed;left:0;right:0;bottom:65px;z-index:10;max-height:52dvh;border-left:0;border-top:1px solid var(--line);border-radius:24px 24px 0 0;box-shadow:0 -18px 60px #14362e2b}.side-panel.view-map{max-height:45dvh}.panel-handle{display:block;width:42px;height:4px;border-radius:999px;background:#cdd8d1;margin:0 auto 14px}.detail-content,.list-panel,.stats-panel{padding:18px}.peak-hero h1,.list-panel h1,.stats-panel h1{font-size:27px}.search-stack{top:12px;left:12px;right:12px}.filter-button{padding:0 12px}.map-summary{left:12px;right:12px;bottom:78px;min-width:0}.map-controls{right:12px;bottom:160px}.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;height:65px;background:#fffffff7;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:6px}.mobile-nav button{justify-content:center;flex-direction:column;gap:2px;padding:6px}.mobile-nav button.active{background:#e9f3ed;color:var(--forest)}.detail-grid,.stats-grid{grid-template-columns:1fr 1fr}}