.profile-page_container__v2vP_{max-width:400px;margin:8rem auto;padding:2rem;border-radius:8px;background-color:var(--bg-surface);box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:1rem;font-family:system-ui}.profile-page_title__QB7WD{font-size:1.75rem;font-weight:600;text-align:center;margin-bottom:.5rem}.profile-page_label__1v94l{font-weight:500;color:var(--foreground)}.profile-page_value__3n4Zb{font-size:1rem;color:var(--foreground-muted)}.profile-page_buttonRow__coZ6n{display:flex;justify-content:space-evenly;gap:1rem;margin-top:1rem}.profile-page_button__RVTXu{flex:1;padding:.75rem;font-weight:600;border:none;border-radius:4px;background-color:#0070f3;color:white;cursor:pointer;transition:background-color .2s ease}.profile-page_button__RVTXu:hover{background-color:#0056c1}:root{--radius:14px;--shadow-sm:0 6px 24px rgba(0,0,0,0.10);--shadow-md:0 20px 60px rgba(0,0,0,0.18);--transition:180ms ease;--h1-size:clamp(2.2rem,3.2vw + 1rem,3.4rem)}*,:after,:before{box-sizing:border-box}body,html{height:100%;max-width:100%;overflow-x:hidden}canvas,img,svg,video{max-width:100%;height:auto}body.light{--bg:linear-gradient(160deg,#62b0ff,#8aa6ff 35%,#b59bff 70%,#c6b8ff);--bg-solid:#eaf0ff;--bg-surface:rgba(255,255,255,0.52);--bg-surface-strong:rgba(255,255,255,0.72);--border:rgba(255,255,255,0.45);--text:#0f172a;--text-muted:#334155;--placeholder:#6b7280;--primary:#6f80ff;--primary-hover:#5a6bff;--primary-contrast:#ffffff;--accent:#ff5d5d;--ring:rgba(111,128,255,0.45)}body.dark{--bg:radial-gradient(1200px 800px at 25% -10%,#4a76ff 0%,#6a5cff 30%,#7a53ff 50%,#3c2d76 100%);--bg-solid:#0b1020;--bg-surface:rgba(18,22,40,0.55);--bg-surface-strong:rgba(18,22,40,0.72);--border:rgba(255,255,255,0.10);--text:#f5f7ff;--text-muted:#c7c9d9;--placeholder:#9aa2b2;--primary:#8b9bff;--primary-hover:#7f8fff;--primary-contrast:#0b1020;--accent:#ff7b7b;--ring:rgba(139,155,255,0.45)}body{margin:0;color:var(--text);background:var(--bg);background-attachment:fixed;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Inter,Arial,Apple Color Emoji,Segoe UI Emoji;-webkit-font-smoothing:antialiased;line-height:1.4}h1{font-size:var(--h1-size);font-weight:700;letter-spacing:.2px;margin:0 0 .75rem}p.subtitle{color:var(--text-muted);margin:0 0 1.25rem}.app-wrap{min-height:100dvh;display:grid;place-items:center;padding:24px}.panel{width:min(680px,92vw);backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);background:var(--bg-surface);border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow-md);padding:28px}a{color:var(--primary);text-decoration:underline}a:hover{opacity:.9}a.btn{text-decoration:none}input,select,textarea{width:100%;background:var(--bg-surface-strong);color:var(--text);border:1px solid var(--border);outline:none;border-radius:var(--radius);padding:12px 14px;box-shadow:var(--shadow-sm) inset,0 0 0 0 rgba(0,0,0,0);transition:box-shadow var(--transition),border-color var(--transition),background var(--transition),transform var(--transition)}input::placeholder,textarea::placeholder{color:var(--placeholder);opacity:1}input:focus,select:focus,textarea:focus{border-color:transparent;box-shadow:0 0 0 4px var(--ring);background:var(--bg-surface-strong)}.field{margin:14px 0}.label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-muted)}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--primary);color:var(--primary-contrast);border:none;padding:12px 18px;border-radius:999px;cursor:pointer;font-weight:600;letter-spacing:.2px;box-shadow:0 8px 24px rgba(111,128,255,.3);transition:transform var(--transition),box-shadow var(--transition),background var(--transition);line-height:1.2}.btn:hover,button:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 10px 30px rgba(111,128,255,.38)}.btn:focus-visible,button:focus-visible{outline:none;box-shadow:0 0 0 4px var(--ring)}.btn:disabled,button:disabled{opacity:.6;cursor:not-allowed}.btn-nowrap{white-space:nowrap;width:max-content;max-width:100%;display:inline-flex}.btn-block{width:100%;justify-content:center}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border);box-shadow:none}@media (max-width:480px){.btn,button{padding:10px 16px}}.share-row{display:flex;gap:12px;align-items:center;justify-content:center}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.icon-btn{--size:48px;width:var(--size);height:var(--size);border-radius:50%;display:inline-grid;place-items:center;text-decoration:none;border:1px solid var(--border);background:var(--bg-surface-strong);color:var(--text);box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition),filter var(--transition)}.icon-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.icon-btn:active{transform:translateY(0)}.icon-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.icon-btn--stepscape{border:1px solid var(--border);background:var(--bg-surface-strong)}.icon-btn--twitter{background:#1DA1F2;border:none;color:#fff}.icon-btn--twitter:hover{filter:brightness(.95)}.icon-btn--sms{background:#34C759;border:none;color:#fff}.icon-btn--sms:hover{filter:brightness(.95)}.toggle-label input{display:none}.toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;user-select:none}.toggle-slider{--w:42px;--h:22px;position:relative;inline-size:var(--w);block-size:var(--h);background:rgba(0,0,0,.15);border-radius:999px;transition:background .25s;border:1px solid var(--border)}.toggle-slider:after{content:"";position:absolute;top:2px;left:2px;inline-size:calc(var(--h) - 4px);block-size:calc(var(--h) - 4px);background:#fff;border-radius:50%;transition:transform .25s;box-shadow:0 2px 6px rgba(0,0,0,.25)}.toggle-label input:checked+.toggle-slider{background:var(--accent)}.toggle-label input:checked+.toggle-slider:after{transform:translateX(calc(var(--w) - var(--h)))}.toggle-text{font-weight:500;color:var(--text)}.logo-light{display:none}.logo-dark,body.dark .logo-light{display:inline}body.dark .logo-dark{display:none}.footer-walker{display:grid;place-items:center;padding-top:28px;opacity:.9}.avatar-block{--avatar-size:150px;width:var(--avatar-size);margin:0 auto;display:flex;flex-direction:column;align-items:center}.avatar-round{width:var(--avatar-size);height:var(--avatar-size);border-radius:50%;object-fit:cover;display:block}.avatar-placeholder{background:var(--bg-surface-strong)}.routes-main{width:min(850px,94vw);margin:0 auto;padding:1rem}.routes-title{font-size:clamp(1.25rem,.8vw + 1rem,1.75rem);margin:0 0 .75rem}.route-grid{list-style:none;padding:0;margin:0;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.route-card{display:block;height:100%;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:8px;text-decoration:none;color:var(--text);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.route-card:hover{transform:translateY(-1px);box-shadow:0 16px 40px rgba(0,0,0,.18);border-color:rgba(255,255,255,.55)}.route-card:focus-visible{outline:none;box-shadow:0 0 0 4px var(--ring),var(--shadow-sm);border-radius:12px}.route-map{display:block;width:100%;height:clamp(120px,18vw,160px);object-fit:cover;border-radius:10px;box-shadow:var(--shadow-sm);margin:4px 0 8px}.route-title{display:inline-block;font-weight:700;font-size:.95rem;color:var(--text);text-decoration:none}.route-card:focus-visible .route-title,.route-card:hover .route-title{color:var(--primary);text-decoration:underline}.route-by{font-weight:600;margin-left:6px}.route-by,.route-meta{color:var(--text-muted)}.route-meta{margin-top:4px;font-size:.9rem;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.routes-empty{opacity:.8}.single-route-main{width:min(760px,94vw);margin:0 auto;padding:1rem}.single-route-title{margin:0;line-height:1.15;font-weight:800;letter-spacing:-.01em;font-size:clamp(1.5rem,2vw + 1rem,2.25rem)}.single-route-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;padding:16px;color:var(--text);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);box-shadow:var(--shadow-sm)}.single-route-map{display:block;width:100%;height:auto;border-radius:12px;box-shadow:var(--shadow-sm);margin:0 0 12px}.single-route-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:8px 0 6px}.single-route-actions{display:flex;align-items:center;gap:10px;margin-top:4px}.single-route-sub{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 12px}.single-route-sub.equal-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.single-route-sub.equal-cols .btn,.single-route-sub.equal-cols .owner-pill{width:100%;justify-content:center}.single-route-meta{color:var(--text-muted);font-size:.95rem;display:flex;gap:8px;align-items:center;flex-wrap:wrap}@media (max-width:560px){.single-route-head{flex-direction:column;align-items:flex-start;gap:8px}.single-route-actions{margin-top:0}.single-route-sub{flex-direction:column;align-items:stretch;gap:10px}.single-route-sub.equal-cols{grid-template-columns:1fr}}.pill-md{--pill-h:52px;--pill-px:18px;--pill-radius:999px;--pill-gap:10px;--pill-font:1rem}.btn.btn-eq.pill-md,.owner-pill.pill-md{min-height:var(--pill-h);padding:0 var(--pill-px);border-radius:var(--pill-radius);display:inline-flex;align-items:center;gap:var(--pill-gap);font-size:var(--pill-font);line-height:1}.owner-pill{display:inline-flex;align-items:center;gap:12px;padding:8px 14px;border-radius:999px;background:var(--bg-surface);border:1px solid var(--border);text-decoration:none;color:var(--text);box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.owner-pill:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:rgba(255,255,255,.55)}.owner-pill:focus-visible{outline:none;box-shadow:0 0 0 4px var(--ring)}.owner-name{font-weight:700;line-height:1}.owner-username{color:var(--text-muted);font-size:.9rem;line-height:1}.btn.btn-eq{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}