[hidden] {
  display: none !important;
}

.header-actions { display:flex; align-items:center; gap:10px; }
.account-menu-wrap { position:relative; }
.account-button { display:flex; align-items:center; gap:8px; min-height:42px; border:1px solid var(--line); border-radius:999px; padding:5px 12px 5px 5px; background:rgba(255,255,255,.78); color:var(--ink); font-weight:800; cursor:pointer; box-shadow:0 7px 20px rgba(37,58,103,.1); }
.account-button > span:first-child { display:grid; place-items:center; width:31px; height:31px; border-radius:50%; color:white; background:linear-gradient(135deg,var(--violet),var(--blue)); }
.account-popover { position:absolute; z-index:30; right:0; top:calc(100% + 9px); width:180px; padding:7px; border:1px solid rgba(255,255,255,.9); border-radius:18px; background:rgba(255,255,255,.94); box-shadow:0 18px 46px rgba(30,48,88,.2); backdrop-filter:blur(20px); }
.account-popover button { width:100%; border:0; border-radius:12px; padding:11px 12px; background:transparent; color:var(--ink); text-align:left; font:inherit; font-weight:750; cursor:pointer; }
.account-popover button:hover { background:rgba(88,95,239,.08); }
.account-popover .sign-out-item { color:#c52d4b; }
.create-button,.submit-button { border:0; border-radius:999px; padding:11px 18px; color:white; background:linear-gradient(135deg,var(--violet),var(--blue)); font-weight:800; cursor:pointer; box-shadow:0 8px 22px rgba(49,83,214,.25); }
.create-dialog { width:min(720px,calc(100vw - 24px)); max-height:min(880px,calc(100vh - 24px)); overflow:auto; }
.create-panel { padding:36px 32px 30px; }
.create-panel h2 { margin:7px 0 8px; font-size:2rem; letter-spacing:-.04em; }
.form-note { color:var(--muted); margin:0 0 24px; }
.stack-form { display:grid; gap:15px; }
.stack-form label { display:grid; gap:7px; color:var(--ink); font-size:.9rem; font-weight:750; }
.stack-form input,.stack-form textarea,.stack-form select { width:100%; border:1px solid var(--line); border-radius:16px; padding:13px 14px; background:rgba(255,255,255,.86); color:var(--ink); outline:none; font-size:1rem; }
.stack-form input:focus,.stack-form textarea:focus,.stack-form select:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(8,108,240,.1); }
.route-editor{padding:18px;border:1px solid rgba(255,255,255,.92);border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(236,242,255,.68));box-shadow:inset 0 1px 0 #fff,0 12px 30px rgba(51,74,130,.09)}.route-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.route-editor-heading>div:first-child{display:flex;flex-direction:column;gap:4px}.route-editor-heading span,.route-add-button small{color:var(--muted);font-size:.8rem}.route-mode{display:flex;padding:4px;border-radius:999px;background:rgba(102,117,153,.12)}.route-mode button{border:0;border-radius:999px;padding:9px 13px;background:transparent;color:var(--muted);font-weight:800;cursor:pointer}.route-mode button.active{background:#fff;color:var(--violet);box-shadow:0 5px 16px rgba(42,58,110,.12)}#routeStopsPanel{margin-top:16px}.route-stops-list{display:grid;gap:10px;margin-bottom:12px}.route-stop-card{display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;padding:11px;border:1px solid rgba(93,108,153,.13);border-radius:19px;background:rgba(255,255,255,.75)}.route-stop-number{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:white;font-weight:850;background:linear-gradient(135deg,var(--violet),#38bde8)}.route-stop-copy{min-width:0}.route-stop-copy strong,.route-stop-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.route-stop-copy small{color:var(--muted);margin-top:3px}.route-stop-actions{display:flex;gap:4px}.route-stop-actions button{width:34px;height:34px;border:0;border-radius:12px;background:rgba(99,75,231,.09);color:var(--violet);font-weight:850;cursor:pointer}.route-stop-actions button.remove{color:#d84c63;background:rgba(216,76,99,.09)}.route-add-button{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:14px;border:1px solid rgba(104,73,231,.24);border-radius:19px;background:rgba(255,255,255,.66);color:var(--ink);cursor:pointer}.route-add-button>span:first-child{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:white;background:linear-gradient(135deg,var(--violet),var(--blue));font-size:1.25rem}.route-add-button strong,.route-add-button small{display:block}.route-hint{margin:10px 4px 0;color:var(--muted);font-size:.78rem}.route-stop-panel{padding:30px;max-height:min(86vh,850px);overflow:auto}.route-stop-panel h2{margin:6px 0 8px;font-size:2rem}.place-search-row{display:flex;gap:8px}.place-search-row input{flex:1}.place-search-row button{border:0;border-radius:15px;padding:0 16px;color:#fff;background:linear-gradient(135deg,var(--violet),var(--blue));font-weight:800;cursor:pointer}.place-results{display:grid;gap:7px}.place-result{width:100%;border:1px solid var(--line);border-radius:15px;padding:11px 13px;background:#fff;text-align:left;color:var(--ink);cursor:pointer}.place-result strong,.place-result small{display:block}.place-result small{margin-top:3px;color:var(--muted)}.route-stop-photo-preview img{width:100%;height:150px;object-fit:cover;border-radius:18px}.route-stop-dialog .secondary-link{border:1px solid var(--line);cursor:pointer}.route-add-button:disabled{opacity:.45;cursor:not-allowed}
.mobile-form-section{display:grid;gap:12px}.mobile-section-heading{display:flex;align-items:center;gap:11px;padding:0 3px}.mobile-section-heading>div{display:grid;gap:3px}.mobile-section-heading strong{font-size:1rem}.mobile-section-heading small{color:var(--muted)}.mobile-section-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:var(--violet);background:rgba(103,72,231,.11);font-weight:900}.story-card{overflow:hidden;border:1px solid rgba(255,255,255,.92);border-radius:25px;background:rgba(255,255,255,.78);box-shadow:inset 0 1px 0 #fff,0 12px 30px rgba(51,74,130,.09)}.story-card label{padding:12px 16px 0}.story-card label+label{border-top:1px solid var(--line)}.story-card input,.story-card textarea{border:0!important;border-radius:0!important;padding:11px 0 15px!important;background:transparent!important;box-shadow:none!important}.route-secondary-button{width:100%;display:flex;align-items:center;gap:10px;margin-top:10px;padding:13px 15px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.7);color:var(--ink);font-weight:800;cursor:pointer}.route-secondary-button span{flex:1;text-align:left}.route-secondary-button b{font-size:1.4rem}.route-secondary-button:disabled{opacity:.42}.saved-routes-button{display:block;margin:10px auto 0;border:0;background:transparent;color:var(--violet);font-weight:800;cursor:pointer}.selected-route-summary{margin-bottom:12px;padding:13px 14px;border-radius:18px;background:linear-gradient(135deg,rgba(103,72,231,.12),rgba(37,173,225,.10));font-weight:800}.selected-route-summary small{display:block;margin-top:4px;color:var(--muted);font-weight:650}.audience-segments{display:grid;grid-template-columns:repeat(3,1fr);padding:5px;border-radius:22px;background:rgba(108,119,148,.12)}.audience-segments label{cursor:pointer}.audience-segments input{position:absolute;opacity:0;pointer-events:none}.audience-segments span{display:block;padding:11px 7px;border-radius:17px;text-align:center;color:var(--muted);font-weight:800}.audience-segments input:checked+span{background:#fff;color:var(--violet);box-shadow:0 6px 16px rgba(39,51,98,.12)}.route-preview-panel,.saved-routes-panel{padding:30px;max-height:min(88vh,900px);overflow:auto}.route-preview-panel h2,.saved-routes-panel h2{margin:6px 0 18px;font-size:2rem}#routePreviewMap{height:420px;border-radius:24px;overflow:hidden}.route-preview-list,.saved-routes-list{display:grid;gap:10px;margin-top:14px}.route-preview-row,.saved-route-card{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--line);border-radius:17px;background:#fff}.route-preview-row span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--violet);color:#fff;font-weight:850}.route-preview-row div,.saved-route-card div{min-width:0;flex:1}.route-preview-row strong,.route-preview-row small,.saved-route-card strong,.saved-route-card small{display:block}.route-preview-row small,.saved-route-card small{margin-top:3px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saved-route-card{width:100%;text-align:left;cursor:pointer}.saved-route-card b{color:var(--violet)}
.check-row { display:flex!important; grid-template-columns:auto 1fr!important; align-items:center; gap:10px!important; font-weight:600!important; color:var(--muted)!important; }
.check-row input { width:20px; height:20px; }
.text-button { border:0; padding:10px 0; background:transparent; color:var(--violet); font-weight:800; cursor:pointer; }
.form-error { margin:0; color:#c52d4b; font-weight:700; }
.form-success { margin:0; color:#087d5d; font-weight:800; }
.media-section { display:grid; gap:13px; padding:16px; border:1px solid rgba(255,255,255,.92); border-radius:24px; background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(233,239,255,.72)); box-shadow:inset 0 1px 0 white,0 10px 28px rgba(53,74,126,.08); }
.media-heading { display:flex; justify-content:space-between; align-items:start; gap:12px; }
.media-heading div { display:grid; gap:3px; }
.media-heading strong { font-size:1rem; }
.media-heading span,.media-section small { color:var(--muted); font-size:.8rem; }
.media-preview-grid { display:flex; gap:10px; overflow-x:auto; }
.media-tile { position:relative; flex:0 0 112px; height:92px; overflow:hidden; border-radius:16px; background:linear-gradient(135deg,#674cf4,#35b8f4); }
.media-tile img,.media-tile video { width:100%; height:100%; object-fit:cover; }
.media-tile-actions { position:absolute; inset:5px 5px auto; display:flex; justify-content:space-between; gap:3px; }
.media-tile-actions button { display:grid; place-items:center; width:25px; height:25px; padding:0; border:0; border-radius:50%; color:white; background:rgba(8,19,48,.68); cursor:pointer; }
.media-picker,.text-cover-button { display:flex!important; align-items:center; gap:10px!important; width:100%; border:1px solid var(--line); border-radius:18px; padding:13px 15px; background:rgba(255,255,255,.86); color:var(--ink)!important; font-weight:800!important; cursor:pointer; }
.media-picker span { color:var(--violet); font-size:1.25rem; }
.text-cover-button { font:inherit; }
.text-cover-dialog { width:min(900px,calc(100vw - 24px)); max-height:calc(100vh - 24px); overflow:auto; }
.text-cover-panel { padding:34px; }
.text-cover-panel h2 { margin:5px 0 20px; font-size:2rem; }
.text-cover-editor { display:grid; grid-template-columns:minmax(260px,420px) 1fr; gap:24px; align-items:start; }
#textCoverCanvas { width:100%; border-radius:25px; box-shadow:0 18px 45px rgba(37,48,95,.18); }
.text-cover-controls { display:grid; gap:16px; }
.text-cover-controls label { display:grid; gap:7px; font-weight:750; }
.text-cover-controls input { border:1px solid var(--line); border-radius:16px; padding:13px; font:inherit; }
.cover-style-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:7px; max-height:280px; overflow:auto; margin-top:10px; }
.cover-style { aspect-ratio:1; border:2px solid transparent; border-radius:12px; cursor:pointer; }
.cover-style.active { border-color:var(--ink); box-shadow:0 0 0 2px white inset; }
@media(max-width:720px){.text-cover-editor{grid-template-columns:1fr}.text-cover-panel{padding:30px 18px 20px}.cover-style-grid{grid-template-columns:repeat(5,1fr)}}
.creator-heading { display:flex; align-items:start; justify-content:space-between; gap:18px; }
.creator-tabs { display:flex; gap:5px; padding:5px; margin:15px 0 22px; border-radius:999px; background:rgba(91,112,158,.1); }
.creator-tabs button { flex:1; border:0; border-radius:999px; padding:11px; background:transparent; color:var(--muted); font-weight:800; cursor:pointer; }
.creator-tabs button.active { background:white; color:var(--ink); box-shadow:0 5px 15px rgba(37,58,103,.1); }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
details { border:1px solid var(--line); border-radius:18px; padding:14px; }
summary { cursor:pointer; font-weight:750; color:var(--muted); }
.details-grid { margin-top:13px; }
.location-button { border:0; margin-top:10px; cursor:pointer; }
@media(max-width:600px){.create-button{padding:10px 13px;font-size:.85rem}.create-panel{padding:32px 19px 24px}.form-grid{grid-template-columns:1fr}.create-dialog{max-height:calc(100vh - 12px)}.account-button{padding-right:5px}.account-button #accountName{display:none}.header-actions{gap:6px}}

.login-gate { position:fixed; inset:0; z-index:100; display:grid; place-items:center; overflow:auto; padding:32px 18px; background:linear-gradient(145deg,#e6f2ff 0%,#f9f5ff 48%,#ddfaf4 100%); }
.login-watermark { position:absolute; inset:0; display:grid; place-items:center; overflow:hidden; pointer-events:none; }
.login-watermark img { width:min(720px,85vw); opacity:.045; transform:translateY(6%); }
.login-card { position:relative; width:min(520px,100%); padding:34px 38px; border:1px solid rgba(255,255,255,.92); border-radius:36px; background:rgba(255,255,255,.58); box-shadow:0 32px 90px rgba(40,70,132,.18),inset 0 1px 0 white; backdrop-filter:blur(28px); }
.language-select{appearance:auto;cursor:pointer;font-weight:750}.gate-language{position:absolute;right:18px;top:18px;max-width:118px;padding:7px 9px;font-size:.78rem;background:rgba(255,255,255,.72)}
.login-brand { display:flex; justify-content:center; align-items:center; gap:12px; margin-bottom:24px; }
.login-brand img { width:64px; height:64px; object-fit:contain; }
.login-brand div { display:grid; gap:2px; }
.login-brand strong { font-size:1.55rem; letter-spacing:-.03em; }
.login-brand span { color:var(--muted); font-size:.83rem; font-weight:650; }
.login-copy { text-align:center; margin-bottom:24px; }
.login-copy h1 { margin:0 0 8px; font-size:2.45rem; letter-spacing:-.055em; }
.login-copy p { margin:0; color:var(--muted); line-height:1.5; }
.input-with-icon { display:flex; align-items:center; gap:10px; padding-left:13px; border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.83); }
.input-with-icon span { color:var(--violet); font-size:1.2rem; }
.input-with-icon input { border:0!important; box-shadow:none!important; background:transparent!important; padding-left:0!important; }
.gate-submit { width:100%; display:flex; justify-content:center; gap:16px; align-items:center; border-radius:20px; padding:15px; font-size:1.05rem; }
.gate-switch { display:block; margin:12px auto 0; }
.social-divider { display:flex; align-items:center; gap:12px; margin:20px 0 14px; color:var(--muted); font-size:.82rem; }
.social-divider::before,.social-divider::after { content:""; height:1px; flex:1; background:var(--line); }
.social-auth { display:grid; gap:11px; }
.social-button { width:100%; min-height:52px; border:1px solid rgba(11,29,65,.22); border-radius:18px; background:rgba(255,255,255,.9); color:var(--ink); font:inherit; font-weight:800; cursor:pointer; transition:transform .18s ease,box-shadow .18s ease; }
.social-button:hover:not(:disabled) { transform:translateY(-1px); box-shadow:0 9px 22px rgba(35,55,96,.11); }
.social-button:disabled { cursor:wait; opacity:.62; }
.apple-mark { display:inline-block; margin-right:8px; color:#000; font-size:1rem; transform:scaleX(.82); }
.google-mark { display:inline-grid; place-items:center; width:22px; height:22px; margin-right:8px; color:#4285f4; font-size:1.05rem; font-weight:900; }
.google-button-mount { min-height:44px; display:flex; justify-content:center; overflow:hidden; border-radius:999px; }
.google-button-mount > div { width:100%!important; display:flex; justify-content:center; }
.profile-page{min-height:calc(100vh - 76px);padding:46px 24px 120px}.profile-shell{max-width:920px;margin:auto}.profile-hero{display:grid;grid-template-columns:120px 1fr;gap:24px;align-items:center;padding:28px;border-radius:32px;background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow)}.profile-avatar{width:120px;height:120px;border-radius:36px;object-fit:cover;background:linear-gradient(135deg,var(--violet),var(--aqua));display:grid;place-items:center;color:#fff;font-size:2.8rem;font-weight:900}.profile-hero h1{margin:0 0 6px;font-size:2.35rem}.profile-hero p{margin:0;color:var(--muted)}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.profile-stat{padding:15px;border-radius:20px;background:rgba(255,255,255,.72);text-align:center}.profile-stat strong,.profile-stat span{display:block}.profile-stat strong{font-size:1.35rem}.profile-stat span{margin-top:3px;color:var(--muted);font-size:.78rem}.profile-section{margin-top:28px}.profile-section h2{font-size:1.45rem}.profile-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.profile-action{border:1px solid var(--line);border-radius:16px;padding:11px 15px;background:#fff;color:var(--ink);font-weight:800;cursor:pointer}.empty-card{padding:38px;border:1px solid var(--line);border-radius:25px;background:rgba(255,255,255,.6);text-align:center;color:var(--muted)}
.profile-back{margin-bottom:18px;border:1px solid var(--line);border-radius:999px;padding:10px 15px;background:rgba(255,255,255,.7);color:var(--ink);font-weight:800;cursor:pointer}.profile-collections{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.profile-list-card{padding:20px;border:1px solid rgba(255,255,255,.9);border-radius:26px;background:rgba(255,255,255,.62)}.profile-list-card h2{margin:0 0 12px}.mini-list{display:grid;gap:9px}.mini-item{display:flex;align-items:center;gap:10px;padding:9px;border-radius:15px;background:rgba(255,255,255,.72)}.mini-item img{width:48px;height:48px;border-radius:13px;object-fit:cover}.mini-item div{min-width:0}.mini-item strong,.mini-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-item small{color:var(--muted);margin-top:2px}
.mobile-nav{position:fixed;z-index:40;display:flex;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(680px,calc(100% - 24px));height:72px;padding:7px;border:1px solid rgba(255,255,255,.88);border-radius:27px;background:rgba(249,252,255,.88);backdrop-filter:blur(25px);box-shadow:0 14px 45px rgba(28,51,100,.2)}.mobile-nav button{flex:1;border:0;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.72rem;font-weight:750;border-radius:18px;cursor:pointer}.mobile-nav span{font-size:1.15rem}.mobile-nav .active{color:var(--blue);background:rgba(44,134,255,.1)}
.social-legal { margin:13px 6px 0; color:var(--muted); text-align:center; font-size:.72rem; line-height:1.45; }
@media(max-width:600px){.login-gate{padding:16px}.login-card{padding:25px 20px;border-radius:30px}.login-brand{margin-bottom:18px}.login-brand img{width:54px;height:54px}.login-copy h1{font-size:2.05rem}.login-watermark img{width:140vw}.login-brand span{font-size:.75rem}.route-editor-heading{align-items:flex-start;flex-direction:column}.route-mode{width:100%}.route-mode button{flex:1}.route-stop-actions{display:grid;grid-template-columns:repeat(2,34px)}.route-stop-panel{padding:24px 18px}.place-search-row{align-items:stretch}.place-search-row button{padding:0 12px}.profile-page{padding:24px 15px 70px}.profile-hero{grid-template-columns:76px 1fr;padding:20px;gap:15px}.profile-avatar{width:76px;height:76px;border-radius:25px;font-size:2rem}.profile-hero h1{font-size:1.75rem}.profile-stats{grid-template-columns:repeat(2,1fr)}.profile-collections{grid-template-columns:1fr}}
.post-manage-actions{display:flex;gap:8px;margin-top:14px}.post-manage-actions button{border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:8px 13px;background:rgba(255,255,255,.16);color:#fff;font-weight:800;cursor:pointer;backdrop-filter:blur(10px)}.post-manage-actions .post-delete{background:rgba(197,39,65,.72)}.edit-post-dialog{max-height:calc(100vh - 24px);overflow:auto}.edit-post-dialog .route-stop-panel{padding-top:62px}