:root{--bashare-peach:#e8a97d;--bashare-cream:#f9efe6;--home-desktop-ground:var(--map-btn-face);--font-logo:"Fredoka", var(--font-sans);--bg-color:var(--bashare-cream);--topbar-bg:var(--accent);--on-topbar:#fff;--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--safe-area-inset-left:env(safe-area-inset-left,0px);--safe-area-inset-right:env(safe-area-inset-right,0px);--brand-beige:#f9ecc5;--brand-dark-brown:#59433d;--brand-outline:#946f65;--brand-pink:#f3d6c6;--brand-green:#2c6a42;--kokko-red:#ec692c;--kokko-red-deep:#aa4c20;--outline-on-surface:var(--brand-outline);--select-caret-on-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2359433d' d='M6 8L1 3h10z'/%3E%3C/svg%3E");--select-caret-on-dark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23e8dcc4' d='M6 8L1 3h10z'/%3E%3C/svg%3E");--select-caret:var(--select-caret-on-light);--accent:#ec692c;--accent-hover:color-mix(in srgb, var(--accent) 85%, #fff);--accent-soft:color-mix(in srgb, var(--accent) 16%, transparent);--accent-text-on-light:#973b17;--accent-text-on-dark:#ff9671;--accent-text:var(--accent-text-on-light);--panel-bg:color-mix(in srgb, var(--accent) 12%, var(--surface));--panel-section-bg:color-mix(in srgb, var(--accent) 22%, var(--bg-secondary));--panel-header-bg:color-mix(in srgb, var(--accent) 34%, var(--bg-secondary));--error:#bb2f55;--error-text-on-light:#96143c;--error-text-on-dark:#ef92a8;--error-text:var(--error-text-on-light);--focus-ring:var(--accent-text);--bg:var(--brand-beige);--bg-secondary:#f0e4bd;--bg-tertiary:#e6d9b2;--surface:#fff7d0;--place-card-face:#fffbe8;--surface-hover:#f6e9c2;--surface-muted:#efede6;--text-primary:var(--brand-dark-brown);--text-secondary:#5c463e;--text-muted:#6c5c50;--text-inverse:#fdfaf3;--on-accent:#2a1d18;--on-accent-inverse:#fdfaf3;--on-accent-muted:color-mix(in srgb, var(--on-accent) 85%, transparent);--on-accent-outline:color-mix(in srgb, var(--on-accent) 60%, transparent);--on-accent-divider:color-mix(in srgb, var(--on-accent) 30%, transparent);--on-accent-wash:color-mix(in srgb, var(--on-accent) 18%, transparent);--border:#c8bc96;--border-light:#dacea7;--map-btn-face:#fdfaf3;--map-btn-shadow:0 2px 6px #00000029, 0 1px 2px #0000001a;--sheet-surface:var(--brand-pink);--shadow-sm:0 1px 3px #00000012, 0 1px 2px #0000000d;--shadow-md:0 4px 12px #0000001c, 0 2px 4px #00000012;--shadow-lg:0 12px 24px #00000021, 0 4px 8px #00000012;--shadow-xl:0 20px 40px #00000024, 0 8px 16px #00000014;--map-bubble-shadow:#00000080;--radius-xs:8px;--radius-sm:16px;--radius-md:20px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--font-sans:"M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", system-ui, sans-serif;--font-map:var(--font-sans);--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--notice-bg:#fdf6e3;--notice-border:#e2c98a;--notice-text:#6b5320;--text-2xs:10px;--text-xs:11px;--text-sm:12px;--text-base:14px;--text-lg:15px;--text-xl:16px;--text-2xl:18px;--text-3xl:20px;--text-4xl:22px;--text-5xl:24px;--text-6xl:26px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--duration-fast:.15s;--duration-base:.25s;--vf-text:clamp(13px, 3.2vmin, 17px);--vf-shutter-gap:16px;--vf-shutter:clamp(37px, 7.5vmin, 66px);--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-14:14px;--space-16:16px;--space-18:18px;--space-20:20px;--space-24:24px;--space-28:28px;--space-32:32px;--space-40:40px;--z-map:0;--z-map-overlay:6;--z-panel:10;--z-header:20;--z-dialog:30;--z-toast:40;--z-photo-full:1300;--z-portal-popover:4000;--z-under:-1;--z-base:0;--z-over:1;--editor-bottom-menu-bar-h:62px;--editor-bottom-menu-h:calc(var(--editor-bottom-menu-bar-h) + var(--safe-area-inset-bottom));--home-bottom-tabs-h:64px;--topbar-h:calc(68px + var(--safe-area-inset-top));--place-column-w:360px;--map-card-w:78%;--map-card-overlap:28px;--map-card-head-h:30px;--share-card-map-ratio:.76;--viewer-poi-cards-h:200px}@media (prefers-color-scheme:dark){:root{--bg:#2a1d18;--bg-secondary:#34251f;--bg-tertiary:#43302a;--surface:#34251f;--place-card-face:#4a352e;--surface-hover:#43302a;--surface-muted:#3d2c25;--text-primary:#f5ecd7;--text-secondary:#d9c8b4;--text-muted:#b4a69b;--accent-text:var(--accent-text-on-dark);--error-text:var(--error-text-on-dark);--outline-on-surface:#e8dcc4;--select-caret:var(--select-caret-on-dark);--border:#4d3a32;--border-light:#3a2922;--shadow-sm:0 1px 3px #0003, 0 1px 2px #00000026;--shadow-md:0 4px 12px #00000040, 0 2px 4px #0003;--shadow-lg:0 12px 24px #0000004d, 0 4px 8px #0003}}:root[data-theme=soda-cream]{--bg:#fff5cd;--bg-secondary:#f7eac3;--bg-tertiary:#ebdeb7;--surface:#faedc6;--place-card-face:#fffdf2;--surface-hover:#efe2bb;--surface-muted:#ecdfb9;--text-primary:var(--brand-dark-brown);--text-secondary:#7a4327;--text-muted:#8a5a3e;--accent-text:var(--accent-text-on-light);--error-text:var(--error-text-on-light);--outline-on-surface:var(--brand-outline);--select-caret:var(--select-caret-on-light);--border:#d1c49e;--border-light:#ede0b9;--shadow-sm:0 1px 3px #00000012, 0 1px 2px #0000000d;--shadow-md:0 4px 12px #0000001c, 0 2px 4px #00000012;--shadow-lg:0 12px 24px #00000021, 0 4px 8px #00000012}:root[data-surface=paper]{--ol-w:2.5px;--ol-c:var(--text-primary);--sh-sticker-sm:2px 2px 0 var(--text-primary);--sh-sticker-md:3px 3px 0 var(--text-primary);--sh-sticker-press:1px 1px 0 var(--text-primary);--sheet-surface:#fdf6dd;--panel-section-bg:var(--surface);--brand-pink:var(--surface);--brand-green:var(--kokko-red)}:root[data-surface=paper] .poi-edit-bubble,:root[data-surface=paper] .map-context-menu{border:var(--ol-w) solid var(--ol-c);box-shadow:var(--sh-sticker-md)}:root[data-surface=paper] .map-context-menu:after,:root[data-surface=paper] .poi-edit-bubble:after{border-right:var(--ol-w) solid var(--ol-c);border-bottom:var(--ol-w) solid var(--ol-c);width:14px;height:14px;bottom:-8px}:root[data-surface=paper] .map-settings-toggle{background:var(--brand-dark-brown);color:var(--brand-beige)}:root[data-surface=paper] .map-settings-toggle:hover{background:var(--brand-dark-brown);filter:brightness(.88)}:root[data-surface=paper] .map-settings-toggle.active{background:var(--brand-dark-brown);filter:none;transform:translate(1px,1px)}:root[data-surface=paper] .editor-search-fab:active,:root[data-surface=paper] .editor-history-btn:active:not(:disabled),:root[data-surface=paper] .map-settings-toggle:active,:root[data-surface=paper] .map-view-toggle:active{transform:translate(1px,1px)}:root[data-surface=paper] .add-place-btn{background:var(--kokko-red-deep)}:root[data-surface=paper] .add-place-btn:active:not(:disabled){transform:translate(1px,1px)}:root[data-surface=paper] .add-place-btn.active{background:var(--accent);color:#fff}:root[data-surface=paper] .map-add-pin-confirm{background:var(--kokko-red-deep);box-shadow:var(--sh-sticker-sm)}:root[data-surface=paper] .map-add-pin-confirm:hover{background:var(--kokko-red-deep)}:root[data-surface=paper] .map-add-pin-confirm:active{box-shadow:var(--sh-sticker-press);transform:translate(1px,1px)}:root[data-surface=paper] .editor-add-place-btn:active:not(:disabled){transform:translate(1px,1px)}:root[data-surface=paper] .editor-title-float{border-radius:0 0 var(--radius-lg) var(--radius-lg);background:var(--map-btn-face);box-shadow:0 0 3px var(--ol-c)}:root[data-surface=paper] .mobile-title{max-width:100%;box-shadow:none;color:var(--text-primary);font-size:var(--text-3xl);background:0 0;border:0;border-radius:0;padding:0;font-weight:800;line-height:1.25}:root[data-surface=paper] .mobile-title-text.is-placeholder{color:var(--text-primary)}:root[data-surface=paper] .mobile-title-meta{color:var(--text-secondary);font-size:var(--text-sm);letter-spacing:.06em;font-weight:400;display:block}:root[data-surface=paper] .card,:root[data-surface=paper] .gallery-card,:root[data-surface=paper] .editor-place-card{border:1px solid var(--ol-c);box-shadow:none}:root[data-surface=paper] .map-settings-popover{border-width:var(--ol-w);border-color:var(--ol-c);box-shadow:var(--sh-sticker-md)}:root[data-surface=paper] .editor-sheet{border-top-width:var(--ol-w);border-top-color:var(--ol-c)}:root[data-surface=paper] .bottom-sheet{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);box-shadow:0 -1px 1px var(--ol-c);border-top:none}:root[data-surface=paper] .bottom-sheet:before{content:"";z-index:calc(var(--z-over) + 1);border-radius:var(--radius-full);background:var(--ol-c);pointer-events:none;width:44px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}:root[data-surface=paper] .bottom-sheet .place-list-toolbar{padding-top:var(--space-18)}:root[data-surface=paper] .place-count-badge{padding:var(--space-8) var(--space-4);letter-spacing:.04em;background:0 0;border:none}:root[data-surface=paper] .place-slide{background:var(--place-card-face)}:root[data-surface=paper] .place-slide-photo{box-shadow:none}:root[data-surface=paper] .place-slide-noimage{color:var(--text-secondary)}:root[data-surface=paper] .btn:active:not(:disabled){box-shadow:var(--sh-sticker-press);transform:translate(1px,1px)}:root[data-surface=paper] .editor-list-fab:active{transform:translate(1px,1px)}:root[data-surface=paper] .btn-icon{box-shadow:none}:root[data-surface=paper] .btn-secondary{background:var(--bg-tertiary)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}button{border:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}html,body{-webkit-tap-highlight-color:transparent;overscroll-behavior:none;height:100%;overflow:hidden}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}button:not(:disabled):active,[role=button]:not([aria-disabled=true]):not(.poi-sheet-handle):active,a:active{opacity:.72}button,[role=button],label,.ba-share-marker{-webkit-user-select:none;user-select:none}.ba-share-marker.is-dimmed{opacity:.35}.ba-share-marker.is-raised{z-index:var(--z-over)}.ba-share-marker.is-dimmed .ba-share-marker-inner,.ba-share-marker.is-dimmed .ba-share-marker-bubble{transform-origin:bottom;scale:.8}button,[role=button],a,label{touch-action:manipulation}#root{flex-direction:column;height:100%;display:flex}.map-container{flex:1;min-height:0;position:relative}.map-container .geolonia{width:100%;height:100%}.map-container .loading-geolonia-map{z-index:var(--z-map)}.feature-loading{z-index:calc(var(--z-dialog) + 1);justify-content:center;align-items:center;gap:var(--space-12);background:color-mix(in srgb, var(--surface,#faf6f0) 88%, transparent);color:var(--text-secondary);flex-direction:column;display:flex;position:fixed;inset:0}.feature-loading .map-loading-kokko{width:56px;height:56px}.map-loading{z-index:calc(var(--z-header) - 1);justify-content:center;align-items:center;gap:var(--space-14);background:var(--surface,#faf6f0);color:var(--text-secondary);flex-direction:column;display:flex;position:absolute;inset:0}.map-loading-kokko{object-fit:contain;width:72px;height:72px;animation:1.1s linear infinite kokko-spin}@keyframes kokko-spin{0%{transform:perspective(240px)rotateY(0)}to{transform:perspective(240px)rotateY(360deg)}}.map-loading-text{font-family:var(--font-logo);font-weight:700;font-size:var(--text-xl);letter-spacing:.05em;color:var(--text-secondary);margin:0}@media (prefers-reduced-motion:reduce){.map-loading-kokko{animation-duration:3.5s}}.editor-layout{--editor-bottom-menu-gap:max(40px, calc(10px + var(--safe-area-inset-bottom)));--editor-bottom-menu-h:calc(var(--editor-bottom-menu-bar-h) + var(--editor-bottom-menu-gap));flex-direction:column;height:100%;display:flex;position:relative}.editor-topbar{z-index:calc(var(--z-header) + 2);flex-shrink:0;position:relative}.editor-panel{background:var(--surface);border-top:2px solid var(--outline-on-surface);max-height:50vh;transition:background var(--transition-base);flex-direction:column;display:flex;overflow-y:auto}@media (width>=768px),(hover:hover) and (pointer:fine){.editor-panel{border-top:none;border-left:none;order:1;width:380px;min-width:380px;height:100%;max-height:none;box-shadow:-2px 0 16px #0000000f}}.editor-panel-header{padding:var(--space-16) var(--space-20);background:var(--panel-header-bg);z-index:var(--z-over);transition:background var(--transition-base);border-bottom:none;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.auth-status{align-items:center;gap:var(--space-8);display:flex}.auth-email{text-overflow:ellipsis;white-space:nowrap;max-width:12em;font-size:var(--text-lg);color:var(--text-secondary,inherit);overflow:hidden}.account-menu{display:inline-flex;position:relative}.account-menu>.btn{background:var(--surface)}.account-menu-icon{font-size:var(--text-4xl);display:block}.account-menu>.btn.is-avatar{background:var(--bg-tertiary);width:38px;height:38px;padding:0;overflow:hidden}.account-menu-trigger-avatar{object-fit:cover;width:100%;height:100%;display:block}.app-menu>.btn{color:var(--text-primary)}.app-menu-dropdown{left:0;right:auto}.account-menu-dropdown{z-index:var(--z-panel);min-width:200px;max-width:280px;padding:var(--space-6);background:var(--surface);border:2px solid var(--outline-on-surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-xl);transform-origin:100% 0;animation:.14s cubic-bezier(.22,1,.36,1) menuPop;position:absolute;top:calc(100% + 2px);right:0}@keyframes menuPop{0%{opacity:0;transform:scale(.94)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.account-menu-dropdown.app-menu-dropdown{transform-origin:0 0}@media (prefers-reduced-motion:reduce){.account-menu-dropdown{animation:none}}.account-menu-username{align-items:center;gap:var(--space-12);padding:var(--space-8) var(--space-14) 0;font-size:var(--text-base);color:var(--text-primary,inherit);font-weight:700;display:flex}.account-menu-email{align-items:center;gap:var(--space-12);padding:var(--space-8) var(--space-14) var(--space-6);font-size:var(--text-sm);color:var(--text-secondary,inherit);border-bottom:1px solid var(--border);margin-bottom:var(--space-4);display:flex}.account-menu-row-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.username-form{gap:var(--space-12);flex-direction:column;display:flex}.username-form-lead{font-size:var(--text-lg);color:var(--text-secondary);margin:0;line-height:1.6}.username-form-actions{gap:var(--space-8);justify-content:flex-end;display:flex}.menu-item{color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;font-weight:700;display:flex}.account-menu-item{gap:var(--space-12);white-space:nowrap;width:100%;padding:var(--space-10) var(--space-14);font-size:var(--text-lg);border-radius:var(--radius-sm)}.account-menu-item:hover{background:var(--surface-hover)}.account-menu-item-icon{font-size:var(--text-xl);color:var(--text-primary);flex-shrink:0;align-items:center;display:inline-flex}.dialog.account-sheet,.dialog.map-settings-sheet{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:480px;max-height:80vh;animation:sheetUp var(--duration-base) ease-out;margin:0 auto;position:fixed;bottom:0;left:0;right:0}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.dialog.account-sheet.closing,.dialog.map-settings-sheet.closing{animation:.2s cubic-bezier(.4,0,1,1) forwards sheetDown}@keyframes sheetDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.dialog.account-sheet,.dialog.map-settings-sheet{animation:none}}.dialog.app-drawer{background:var(--kokko-red);width:min(320px,86vw);max-width:none;max-height:none;animation:drawerIn var(--duration-base) ease-out;border-radius:0;margin:0;inset:0 0 0 auto}@keyframes drawerIn{0%{transform:translate(100%)}to{transform:translate(0)}}.dialog.app-drawer.closing{animation:.2s cubic-bezier(.4,0,1,1) forwards drawerOut}@keyframes drawerOut{0%{transform:translate(0)}to{transform:translate(100%)}}.app-drawer .account-sheet-list>*{animation:.24s cubic-bezier(.22,1,.36,1) both drawerRowIn}.app-drawer .account-sheet-list>:first-child{animation-delay:40ms}.app-drawer .account-sheet-list>:nth-child(2){animation-delay:70ms}.app-drawer .account-sheet-list>:nth-child(3){animation-delay:.1s}.app-drawer .account-sheet-list>:nth-child(4){animation-delay:.12s}.app-drawer .account-sheet-list>:nth-child(5){animation-delay:.14s}.app-drawer .account-sheet-list>:nth-child(n+6){animation-delay:.16s}@keyframes drawerRowIn{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}.app-drawer.closing .account-sheet-list>*{animation:none}@media (prefers-reduced-motion:reduce){.dialog.app-drawer,.app-drawer .account-sheet-list>*{animation:none}}.app-drawer .dialog-body{padding:var(--space-4) var(--space-8) calc(var(--space-12) + var(--safe-area-inset-bottom));overflow-y:auto}.app-drawer .account-menu-item{min-height:44px}.app-drawer-btn{width:44px;height:44px;color:var(--brand-dark-brown);background:var(--brand-pink);font-size:var(--text-4xl);cursor:pointer;pointer-events:auto;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.app-drawer-btn:hover{filter:brightness(1.05)}.app-drawer-btn.is-avatar{background:var(--bg-tertiary);padding:0;overflow:hidden}.app-drawer-avatar{object-fit:cover;width:100%;height:100%;display:block}.home-search-bar{align-items:center;gap:var(--space-8);margin:0 0 var(--space-4);padding:0 var(--space-10);border-radius:var(--radius-full);background:var(--surface);display:flex}.home-search-bar-icon{font-size:var(--text-2xl);color:var(--text-primary);flex:none}.home-search-input{min-width:0;min-height:38px;font-size:var(--text-xl);color:var(--text-primary);background:0 0;border:0;flex:auto}.home-search-input:focus{outline:none}.home-search-input::-webkit-search-cancel-button{display:none}.home-search-close{width:44px;height:44px;color:var(--text-primary);font-size:var(--text-2xl);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;display:inline-flex}.topbar-actions{align-items:center;gap:var(--space-8);margin-left:auto;display:flex}.topbar-actions .auth-login-btn{min-height:44px;padding:0 var(--space-12);font-size:var(--text-base);white-space:nowrap;align-items:center;display:inline-flex}@media (width<=767px){.topbar-actions .btn.auth-login-btn{background:0 0}.topbar-actions .btn.auth-login-btn:hover:not(:disabled){background:color-mix(in srgb, var(--brand-beige) 18%, transparent)}}.account-sheet .dialog-header{padding:var(--space-12) var(--space-16) 0}.account-sheet .dialog-body{padding:var(--space-4) var(--space-8) calc(var(--space-12) + var(--safe-area-inset-bottom))}.account-sheet-person{align-items:center;gap:var(--space-10);min-width:0;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.account-sheet-person .account-menu-avatar{object-fit:cover;background:var(--surface);border-radius:50%;flex:none;width:28px;height:28px}.account-sheet-list{gap:var(--space-2);flex-direction:column;display:flex}.account-sheet .account-menu-item{min-height:44px;padding:var(--space-12) var(--space-14);font-size:var(--text-lg);border-radius:var(--radius-sm)}.account-sheet .account-menu-username,.account-sheet .account-menu-email{padding-left:var(--space-14);padding-right:var(--space-14)}.dialog.app-drawer,.app-drawer .dialog-header h3,.app-drawer .dialog-body,.app-drawer .dialog-close,.app-drawer .account-menu-item,.app-drawer .account-menu-item-icon{color:var(--brand-beige)}.app-drawer .account-menu-item:hover,.app-drawer .dialog-close:hover{background:color-mix(in srgb, var(--brand-beige) 20%, transparent);color:var(--brand-beige)}.app-drawer .account-menu-group{margin-top:var(--space-6);padding:var(--space-10) var(--space-14) var(--space-2);border-top:1px solid color-mix(in srgb, var(--brand-beige) 30%, transparent);color:var(--brand-beige);font-size:var(--text-sm);letter-spacing:.04em;font-weight:700}.app-drawer .account-menu-group:first-child{border-top:0;margin-top:0}.app-drawer .account-menu-group.is-blank{padding:0}.share-lock-gate{height:100%;padding:var(--space-24);background:var(--bg);justify-content:center;align-items:center;display:flex}.share-lock-card{align-items:center;gap:var(--space-12);width:min(100%,360px);padding:var(--space-28) var(--space-24);text-align:center;background:var(--surface);border:2px solid var(--outline-on-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;display:flex}.share-lock-icon{color:var(--text-primary);font-size:40px;display:inline-flex}.share-lock-title{font-size:var(--text-2xl);color:var(--text-primary);margin:0;font-weight:700}.share-lock-lead{font-size:var(--text-lg);color:var(--text-secondary);margin:0;line-height:1.7}.share-lock-field{width:100%}.share-lock-input{text-align:center;width:100%}.share-lock-error{min-height:1.2em;font-size:var(--text-lg);color:var(--error-text);margin:0;font-weight:700}.shared-edit-bar{z-index:var(--z-toast);max-width:min(520px,100% - 24px);padding:var(--space-8) var(--space-16);border-radius:var(--radius-full);background:var(--brand-dark-brown);color:var(--text-inverse);box-shadow:var(--shadow-md);font-size:var(--text-sm);text-align:center;font-weight:700;line-height:1.4;position:absolute;top:12px;left:50%;transform:translate(-50%)}.map-settings-sheet .dialog-body{padding:var(--space-8) var(--space-14) calc(var(--space-14) + var(--safe-area-inset-bottom))}.map-settings-sheet{background:var(--sheet-surface);scrollbar-width:none}.map-settings-sheet::-webkit-scrollbar{display:none}.map-settings-sheet-body{gap:var(--space-14);flex-direction:column;display:flex}.auth-body{gap:var(--space-16);flex-direction:column;display:flex}.auth-oauth{gap:var(--space-8);flex-direction:column;display:flex}.auth-oauth-btn{justify-content:center;align-items:center;gap:var(--space-10);width:100%;padding:var(--space-10) var(--space-14);font-size:var(--text-base);color:var(--text-primary);background:var(--panel-bg);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast), box-shadow var(--transition-fast);border:none;font-weight:700;display:flex}.auth-oauth-btn:hover:not(:disabled){background:var(--panel-section-bg);box-shadow:var(--shadow-sm)}.auth-oauth-btn:disabled{opacity:.6;cursor:default}.auth-oauth-icon{border-radius:var(--radius-full);flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-weight:700;line-height:1;display:inline-flex}.auth-oauth-btn--google .auth-oauth-icon{color:#4285f4;border:1px solid var(--border);background:#fff}.auth-oauth-btn--x .auth-oauth-icon{color:#fff;background:#000}.auth-divider{align-items:center;gap:var(--space-12);color:var(--text-secondary);font-size:var(--text-lg);display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-form{gap:var(--space-12);flex-direction:column;display:flex}.auth-form-lead{font-size:var(--text-base);color:var(--text-secondary);margin:0;line-height:1.5}.auth-error{color:#d73a4a;font-size:var(--text-base);margin:0}.auth-sent{gap:var(--space-12);flex-direction:column;line-height:1.6;display:flex}.auth-sent p{margin:0}.logo{align-items:center;gap:var(--space-8);flex-shrink:0;display:flex}.logo-icon{object-fit:contain;flex-shrink:0}.logo-text{font-family:var(--font-logo);letter-spacing:.01em;white-space:nowrap;color:var(--panel-bg);font-weight:700}.editor-panel-content{padding:var(--space-8) var(--space-16);gap:var(--space-20);scrollbar-width:none;flex-direction:column;flex:1;display:flex;overflow-y:auto}.editor-panel-content::-webkit-scrollbar{display:none}.editor-panel-content>div{gap:var(--space-10);flex-direction:column;display:flex}.panel-card{background:var(--panel-section-bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:background var(--transition-base);overflow:hidden}.panel-card-header{align-items:center;gap:var(--space-10);width:100%;padding:var(--space-14) var(--space-16);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);text-align:left;cursor:pointer;background:0 0;border:none;font-weight:700;display:flex}.panel-card-icon{color:var(--accent-text);font-size:var(--text-xl);flex-shrink:0;align-items:center;display:inline-flex}.panel-card-title{flex:1;min-width:0}.panel-card-toggle{border-radius:var(--radius-full);background:var(--accent-soft);width:24px;height:24px;color:var(--text-primary);font-size:var(--text-xl);flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.panel-card-body{padding:0 var(--space-16) var(--space-16)}.input-hint{width:16px;height:16px;margin-left:var(--space-6);border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--text-xs);cursor:help;vertical-align:middle;justify-content:center;align-items:center;font-weight:700;display:inline-flex;position:relative}.input-hint:after{content:attr(data-tooltip);width:max-content;max-width:220px;padding:var(--space-8) var(--space-10);border-radius:var(--radius-sm);background:var(--brand-dark-brown);color:var(--text-inverse);font-size:var(--text-xs);text-align:left;white-space:normal;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:var(--z-toast);font-weight:400;line-height:1.5;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.input-hint:hover:after,.input-hint:focus-visible:after{opacity:1}.editor-panel-content>div{gap:var(--space-10)}.viewer-layout{--editor-bottom-menu-gap:max(40px, calc(10px + var(--safe-area-inset-bottom)));--editor-bottom-menu-h:calc(var(--editor-bottom-menu-bar-h) + var(--editor-bottom-menu-gap));flex-direction:column;height:100%;display:flex;position:relative}.viewer-layout .editor-bottom-menu{left:15%;right:15%;bottom:var(--editor-bottom-menu-gap);width:auto;height:var(--editor-bottom-menu-bar-h);padding-bottom:var(--space-6);border:2px solid var(--outline-on-surface);border-radius:var(--radius-full)}.viewer-body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.viewer-place-column{width:calc(100% + 32px);margin:var(--space-10) calc(-1 * var(--space-16)) calc(-1 * var(--space-10));border-top:1px solid var(--border);border-radius:0 0 calc(var(--radius-md) - 2px) calc(var(--radius-md) - 2px);flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.viewer-place-column .place-list{height:auto;min-height:0;padding-bottom:var(--space-12);background:0 0;border-top:0;flex:auto}.viewer-place-column .place-slider{scroll-snap-type:none;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden visible}.viewer-place-column .place-slide{flex:unset;scroll-snap-align:unset;background:var(--surface);border:2px solid var(--outline-on-surface);border-radius:var(--radius-xs)}.viewer-place-column .place-slide-noimage{background:var(--bashare-peach)}.viewer-place-column .place-slide-noimage-pin{width:24%;height:24%;font-size:var(--text-base)}.viewer-place-column .place-slide-name{font-size:var(--text-sm);white-space:normal;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.viewer-place-column-close{margin:var(--space-10) var(--space-16) 0 0;justify-content:center;align-self:flex-end;align-items:center;gap:var(--space-4);width:calc(100% - 32px);height:30px;padding:0 var(--space-12);border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;border:none;flex-shrink:0;font-weight:700;display:flex}.viewer-place-column-close:hover{background:var(--border)}.viewer-place-column-open{justify-content:center;align-items:center;gap:var(--space-6);width:calc(100% + 32px);height:36px;margin:var(--space-10) calc(-1 * var(--space-16)) calc(-1 * var(--space-10));padding:0 var(--space-16);border:0;border-top:1px solid var(--border);border-radius:0 0 calc(var(--radius-md) - 2px) calc(var(--radius-md) - 2px);color:var(--text-primary);font-size:var(--text-lg);cursor:pointer;background:0 0;font-weight:700;display:flex}.viewer-place-column-open:hover{background:var(--bg-tertiary)}.viewer-header{z-index:var(--z-header);padding:calc(var(--space-10) + var(--safe-area-inset-top)) var(--space-16) var(--space-10);background:var(--topbar-bg);flex-shrink:0;justify-content:flex-end;align-items:center;display:flex;position:relative}.viewer-header-logo{min-height:44px;font-family:var(--font-logo);font-size:var(--text-4xl);letter-spacing:0;color:var(--on-topbar);white-space:nowrap;align-items:center;margin-right:auto;font-weight:500;text-decoration:none;display:inline-flex}.brand-logo-mark{flex-shrink:0;width:auto;height:44px;display:none}.brand-name{font-family:var(--font-logo);letter-spacing:0;font-weight:800}.viewer-header-actions{justify-content:flex-end;align-items:center;gap:var(--space-8);display:flex}.viewer-header-actions:has(.account-menu){width:44px}.viewer-header-actions .account-menu{justify-content:center;align-items:center;width:100%;height:100%}.viewer-header-actions .account-menu>.btn{border-radius:var(--radius-full);width:44px;height:44px;padding:0}.viewer-header-actions .account-menu>.btn:hover:not(:disabled){transform:none}.viewer-header-leading{align-items:center;gap:var(--space-8);display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.viewer-top-overlay{z-index:var(--z-map-overlay);gap:var(--space-8);pointer-events:none;flex-direction:column;display:flex;position:absolute;top:8px;left:8px;right:8px}.viewer-title-bar{gap:var(--space-6);pointer-events:auto;flex-direction:column;display:flex}.viewer-signboard-main{display:contents}.viewer-signboard{align-items:center;gap:var(--space-8);display:flex}.viewer-cta{z-index:calc(var(--z-map-overlay) - 1);padding:var(--space-10) var(--space-12) calc(var(--space-10) + var(--safe-area-inset-bottom));background:linear-gradient(to top, var(--surface) 62%, transparent);pointer-events:none;justify-content:center;display:flex;position:absolute;bottom:0;left:0;right:0}.viewer-cta-btn{pointer-events:auto;justify-content:center;align-items:center;gap:var(--space-6);width:100%;max-width:420px;padding:var(--space-12) var(--space-16);border-radius:var(--radius-full);background:var(--kokko-red);color:#fff;font-weight:700;font-size:var(--text-base);box-shadow:var(--shadow-md);cursor:pointer;border:none;display:inline-flex}@media (width>=768px),(hover:hover) and (pointer:fine){.viewer-cta{padding:var(--space-16);background:0 0}.viewer-cta-btn{width:auto}}.viewer-map-actions{align-self:flex-end;align-items:center;gap:var(--space-8);pointer-events:none;display:flex}.viewer-map-actions>*{pointer-events:auto}.viewer-map-actions .map-action-btn{border-radius:var(--radius-full)}.viewer-date-filter{border-radius:var(--radius-md);background:var(--map-btn-face);box-shadow:var(--map-btn-shadow);border:none;display:flex;overflow:hidden}.viewer-date-filter-btn{min-width:56px;min-height:44px;padding:0 var(--space-12);border:none;border-left:2px solid var(--brand-outline);color:var(--brand-dark-brown);font:inherit;font-weight:700;font-size:var(--text-base);cursor:pointer;background:0 0}.viewer-date-filter-btn:first-child{border-left:none}.viewer-date-filter-btn.is-current{background:var(--kokko-red);color:#fff}@media (hover:hover){.viewer-date-filter-btn:not(.is-current):hover{background:var(--brand-pink)}}.dialog.date-filter-sheet{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:480px;max-height:80vh;animation:sheetUp var(--duration-base) ease-out;margin:0 auto;position:fixed;bottom:0;left:0;right:0}.dialog.date-filter-sheet.closing{pointer-events:none;animation:.2s cubic-bezier(.4,0,1,1) forwards sheetDown}@media (prefers-reduced-motion:reduce){.dialog.date-filter-sheet,.dialog.date-filter-sheet.closing{animation:none}}.date-filter-sheet .dialog-body{gap:var(--space-14);flex-direction:column;display:flex}.date-filter-note{font-size:var(--text-lg);color:var(--text-secondary);text-align:center;margin:0}.date-filter-empty{font-size:var(--text-lg);color:var(--error-text);text-align:center;margin:0;font-weight:700}.date-filter-sheet .viewer-date-filter-btn{flex:1;min-width:0}.date-filter-shortcuts{gap:var(--space-8);display:flex}.date-filter-shortcut{min-width:0;min-height:44px;padding:0 var(--space-8);border-radius:var(--radius-full);background:var(--surface);color:var(--text-primary);font:inherit;font-weight:700;font-size:var(--text-lg);cursor:pointer;flex:1}@media (hover:hover){.date-filter-shortcut:hover{background:var(--bg-tertiary)}}.date-filter-range{gap:var(--space-10);flex-direction:column;display:flex}.date-filter-field{gap:var(--space-4);width:100%;min-width:0;font-size:var(--text-sm);color:var(--text-secondary);flex-direction:column;font-weight:700;display:flex}.date-filter-field input{width:100%;min-width:0;min-height:44px;padding:0 var(--space-10);border:2px solid var(--outline-on-surface);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-primary);font:inherit;font-size:var(--text-base)}.btn.date-filter-apply{width:100%;font-size:var(--text-lg);border-radius:var(--radius-full);padding:var(--space-12) var(--space-16);background:var(--kokko-red);color:#fff;box-shadow:var(--shadow-sm);font-weight:800}.btn.date-filter-apply:disabled{opacity:.5;cursor:not-allowed}.date-filter-clear{min-height:44px;padding:0 var(--space-16);color:var(--text-secondary);font:inherit;font-weight:700;font-size:var(--text-lg);cursor:pointer;background:0 0;border:none;align-self:center;text-decoration:underline}.poi-reaction-stack{flex:none;align-items:center;display:inline-flex}.poi-reaction-stack-item{border-radius:var(--radius-full);background:var(--brand-beige);width:28px;height:28px;box-shadow:0 0 0 2px var(--surface);font-size:var(--text-base);justify-content:center;align-items:center;line-height:1;display:inline-flex}.poi-reaction-stack-item+.poi-reaction-stack-item{margin-left:calc(-1 * var(--space-8))}.poi-reaction-stack-item.is-mine{background:var(--brand-pink)}.poi-reaction-stack-more{min-width:28px;height:28px;padding:0 var(--space-4);border-radius:var(--radius-full);background:var(--brand-beige);box-shadow:0 0 0 2px var(--surface);margin-left:calc(-1 * var(--space-8));color:var(--text-secondary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex}.poi-reaction-add{align-items:center;gap:var(--space-6);flex:none;display:inline-flex}.poi-reaction-add-btn{--reaction-add-size:40px;color:var(--kokko-red);width:var(--reaction-add-size);height:var(--reaction-add-size);border-radius:var(--radius-full);background:var(--map-btn-face);box-shadow:var(--map-btn-shadow);font:inherit;cursor:pointer;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex;position:relative}.poi-reaction-add-face{font-size:var(--text-2xl);line-height:1;display:inline-flex}.poi-reaction-add-plus{font-size:var(--text-sm);color:var(--text-primary);text-shadow:0 0 2px var(--surface), 0 0 2px var(--surface);font-weight:700;line-height:1;position:absolute;bottom:-2px;right:-1px}@media (hover:hover){.poi-reaction-add-btn:hover{background:var(--brand-pink)}}.poi-reaction-add-btn:active{transform:translateY(1px)}.poi-reaction-add-popover{z-index:calc(var(--z-map-overlay) - 1);position:absolute;top:calc(100% + 8px);right:0}.poi-reaction-picker{align-items:center;gap:var(--space-2);width:max-content;max-width:min(320px,100vw - 24px);padding:var(--space-6);background:var(--surface);border:2px solid var(--outline-on-surface);border-radius:var(--radius-full);box-shadow:var(--shadow-xl);display:flex}.poi-reaction-picker-item{border-radius:var(--radius-full);width:40px;height:40px;font-size:var(--text-xl);cursor:pointer;background:0 0;border:2px solid #0000;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.poi-reaction-picker-item.is-mine{background:var(--brand-pink)}@media (hover:hover){.poi-reaction-picker-item:not(.is-mine):hover{background:var(--brand-pink)}}.poi-reaction-picker-item:active{transform:translateY(1px)}.ba-share-marker-reaction-add{--reaction-add-size:28px;z-index:calc(var(--z-over) + 1);pointer-events:auto;position:absolute;top:-14px;right:-20px}.ba-share-marker-reactions{z-index:calc(var(--z-over) + 1);pointer-events:none;position:absolute;top:-10px;right:12px}.ba-share-marker-reactions .poi-reaction-stack-item,.ba-share-marker-reactions .poi-reaction-stack-more{width:20px;min-width:20px;height:20px;font-size:var(--text-xs);box-shadow:0 0 0 2px var(--map-btn-face)}.ba-share-marker-reactions .poi-reaction-stack-item+.poi-reaction-stack-item,.ba-share-marker-reactions .poi-reaction-stack-item+.poi-reaction-stack-more{margin-left:calc(-1 * var(--space-6))}.ba-share-marker-reaction-add .poi-reaction-add-face{font-size:var(--text-base)}.ba-share-marker-reaction-add .poi-reaction-add-plus{font-size:var(--text-xs)}.viewer-reaction-map-bubble{--bubble-lift:8px;transform:translate(-50%, calc(-100% - var(--bubble-lift)));transform-origin:bottom;animation:bubble-pop var(--duration-fast) cubic-bezier(.22, 1, .36, 1);z-index:calc(var(--z-map-overlay) + 1);position:absolute}.viewer-reaction-map-bubble:after{content:"";background:var(--surface);width:12px;height:12px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.viewer-reaction-map-bubble.is-below{transform:translate(-50%, var(--bubble-lift));transform-origin:top;animation:none}.viewer-reaction-map-bubble.is-below:after{top:-5px;bottom:auto}.viewer-reaction-map-bubble .poi-reaction-picker{box-shadow:0 4px 12px var(--map-bubble-shadow);border:none}@media (width>=768px){.viewer-top-overlay{top:16px;left:16px;right:16px}.viewer-title-bar{max-width:460px}.viewer-signboard{align-items:flex-start}.viewer-top-overlay:has(.viewer-place-column){bottom:16px}.viewer-top-overlay:has(.viewer-place-column)>.viewer-title-bar{flex:auto;min-height:0}.viewer-top-overlay:has(.viewer-place-column) .viewer-signboard{flex:auto;min-height:0}.viewer-top-overlay:has(.viewer-place-column) .viewer-title-bubble{flex-direction:column;align-self:stretch;min-height:0;display:flex}.viewer-top-overlay:has(.viewer-place-column) .viewer-title{flex:none}.viewer-map-actions{position:absolute;top:0;right:0}.viewer-map-actions .map-action-btn{background:var(--map-btn-face);color:var(--brand-dark-brown)}@media (hover:hover){.viewer-map-actions .map-action-btn:hover{background:color-mix(in srgb, var(--map-btn-face) 85%, var(--brand-outline));color:var(--brand-dark-brown)}}}.viewer-author-avatar{background:var(--surface);width:36px;height:36px;box-shadow:var(--shadow-md);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.viewer-author-avatar.is-link{cursor:pointer;font:inherit;appearance:none;padding:0;transition:box-shadow .15s}.viewer-author-avatar.is-link:hover{filter:brightness(1.05)}.viewer-author-avatar.is-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.viewer-author-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.viewer-title-bubble{background:var(--map-btn-face);border-radius:var(--radius-md);min-width:0;padding:var(--space-10) var(--space-16);box-shadow:var(--shadow-md);flex:1}.viewer-title{font-family:var(--font-logo);font-size:var(--text-4xl);letter-spacing:.01em;color:var(--text-primary);-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}@media (width>=768px){.viewer-title{font-size:var(--text-6xl)}.viewer-title-bubble{padding:var(--space-16) var(--space-20)}.viewer-body>.viewer-title-categories{z-index:var(--z-map-overlay);pointer-events:none;justify-content:flex-end;margin:0;position:absolute;bottom:16px;right:16px}.viewer-body>.viewer-title-categories>*{pointer-events:auto}}@media (width<=767px){.viewer-body>.viewer-top-overlay{top:0;left:0;right:0}.viewer-signboard{align-items:flex-start;gap:var(--space-6);padding:calc(var(--safe-area-inset-top) + var(--space-12)) var(--space-12) var(--space-12);background:var(--map-btn-face);box-shadow:var(--shadow-md);border-radius:0 0 10px 10px;flex-direction:column}.viewer-signboard-main{align-self:stretch;align-items:flex-start;gap:var(--space-8);flex-direction:row;min-width:0;display:flex}.viewer-title-bubble{min-width:0;box-shadow:none;text-align:left;background:0 0;border:none;border-radius:0;flex:auto;padding:0}.viewer-title{color:#591d0d}.viewer-author-avatar{width:28px;height:28px}.viewer-author-avatar.is-link{box-shadow:none}.viewer-signboard-back{align-items:center;gap:var(--space-2);margin-bottom:var(--space-10);color:var(--text-primary);font-size:var(--text-sm);white-space:nowrap;background:0 0;border:none;padding:0;font-weight:400;line-height:1;text-decoration:none;display:inline-flex}.viewer-signboard.is-on-dark .viewer-title{color:#591d0d}.viewer-signboard>.viewer-title-categories{gap:var(--space-6);flex-wrap:wrap;align-self:stretch;margin:0;padding:0;display:flex}.viewer-signboard>.viewer-title-categories .viewer-title-category-link{min-height:22px;padding:0 var(--space-6);background:var(--kokko-red);color:#fff;white-space:nowrap;border-radius:6px;align-items:center;font-weight:700;display:inline-flex}.viewer-signboard>.viewer-title-categories .viewer-title-place{min-height:22px;padding:0 var(--space-6);background:var(--brand-outline);color:#fff;white-space:nowrap;border-radius:6px;align-items:center;font-weight:700;display:inline-flex}.viewer-map-actions{margin:var(--space-4) var(--space-8) 0 0;flex-direction:column;align-items:flex-end}.viewer-map-actions .map-action-btn{background:var(--map-btn-face);width:52px;height:52px;color:var(--brand-dark-brown)}@media (hover:hover){.viewer-map-actions .map-action-btn:hover{background:color-mix(in srgb, var(--map-btn-face) 85%, var(--brand-outline));color:var(--brand-dark-brown)}}.viewer-map-actions .map-action-btn.active{background:var(--accent);color:#fff}}.dialog-share .dialog-header h3{font-family:var(--font-sans);font-size:var(--text-3xl);letter-spacing:.02em;color:var(--text-primary);align-items:center;gap:var(--space-8);font-weight:800;display:inline-flex}.poi-edit-bubble{--bubble-lift:52px;transform:translate(-50%, calc(-100% - var(--bubble-lift)));transform-origin:bottom;animation:bubble-pop var(--duration-fast) cubic-bezier(.22, 1, .36, 1);z-index:calc(var(--z-header) + 3);gap:var(--space-8);width:max-content;max-width:min(280px,100vw - 24px);padding:var(--space-10);background:var(--surface);border:2px solid var(--outline-on-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);flex-direction:column;display:flex;position:absolute}@keyframes bubble-pop{0%{opacity:0;transform:translate(-50%, calc(-100% - var(--bubble-lift))) scale(.8)}to{opacity:1;transform:translate(-50%, calc(-100% - var(--bubble-lift))) scale(1)}}.poi-edit-bubble:after{content:"";background:var(--surface);border-right:2px solid var(--outline-on-surface);border-bottom:2px solid var(--outline-on-surface);width:12px;height:12px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)rotate(45deg)}.poi-edit-bubble-corner{justify-content:flex-end;align-items:center;gap:var(--space-6);display:flex}.poi-edit-bubble-head{align-items:center;gap:var(--space-6);display:flex}.poi-edit-bubble-name{min-width:0;padding:var(--space-8) var(--space-10);border:2px solid var(--outline-on-surface);border-radius:var(--radius-xs);background:var(--surface);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-lg);flex:1;font-weight:700}.poi-edit-bubble-desc{width:100%;padding:var(--space-8) var(--space-10);border:2px solid var(--outline-on-surface);border-radius:var(--radius-xs);background:var(--surface);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);resize:vertical;line-height:1.4}.poi-edit-bubble-actions{justify-content:space-between;align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.poi-edit-bubble-btn{border-radius:var(--radius-md);background:var(--surface);width:36px;height:36px;color:var(--text-primary);font-size:var(--text-xl);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.poi-edit-bubble-btn:hover{background:var(--surface-hover)}.poi-edit-bubble-remove{color:var(--error-text)}.poi-edit-bubble-more{align-items:center;gap:var(--space-6);min-height:36px;padding:var(--space-8) var(--space-14);border-radius:var(--radius-md);background:var(--accent);color:var(--on-accent);font-family:var(--font-sans);font-size:var(--text-base);white-space:nowrap;cursor:pointer;font-weight:700;display:inline-flex}.poi-edit-bubble-more:hover{filter:brightness(.96)}.poi-edit-bubble-move{margin-left:auto}.info-panel-overlay{z-index:var(--z-panel);opacity:0;pointer-events:none;transition:opacity var(--transition-base);background:#0000004d;position:fixed;inset:0}.info-panel-overlay.visible{opacity:1;pointer-events:auto}.info-panel{background:var(--map-btn-face);z-index:calc(var(--z-panel) + 1);transition:transform var(--transition-slow), height var(--transition-base);height:50%;padding-bottom:var(--safe-area-inset-bottom);padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right);box-shadow:var(--shadow-xl);flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(100%)}.info-panel.visible{transform:translateY(0)}.info-panel{touch-action:none}.info-panel .info-panel-content{touch-action:none;overflow:hidden}.info-panel.is-full .info-panel-content{touch-action:pan-y;overflow-y:auto}@media (width>=768px){.info-panel{border-radius:0;width:380px;height:auto;position:absolute;inset:0 0 0 auto;transform:translate(100%)}.info-panel.visible{transform:translate(0)}.info-panel,.info-panel .info-panel-content,.info-panel.is-full .info-panel-content{touch-action:auto;overflow-y:auto}}.info-panel-handle{background:var(--border);border-radius:var(--radius-full);width:36px;height:4px;padding:var(--space-10) 22px;margin:var(--space-2) auto 0;box-sizing:content-box;cursor:grab;touch-action:none;z-index:calc(var(--z-over) + 2);background-clip:content-box;position:relative}@media (width>=768px){.info-panel-handle{display:none}}.info-panel-content{padding:var(--space-18) var(--space-18) var(--space-28);overscroll-behavior:contain;min-height:0;-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--space-18));-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--space-18));mask-image:linear-gradient(to bottom, transparent 0, #000 var(--space-18));flex:1;position:relative;overflow-y:auto}.info-panel-body{padding:var(--space-4) 0 0}.info-panel-title{font-size:var(--text-2xl);color:var(--text-primary);word-break:break-word;margin:0;font-weight:800;line-height:1.25}.info-panel-title.is-placeholder{color:var(--text-secondary);font-weight:700}@media (hover:none){.info-panel-title.is-copyable{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}.info-panel-copy-note{margin:var(--space-6) 0 0;font-size:var(--text-sm);color:var(--accent-text);font-weight:700}.info-panel-date-wrap{margin-top:var(--space-8)}.info-panel-date{align-items:center;gap:var(--space-6);font-size:var(--text-base);color:var(--accent-text);margin:0;font-weight:700;line-height:1.4;display:flex}.info-panel-date-icon{flex:none;width:16px;height:16px}.info-panel-date-text{word-break:break-word;min-width:0}.info-panel-same-place{margin-bottom:var(--space-8)}.info-panel-same-place-toggle{align-items:center;gap:var(--space-6);width:100%;padding:var(--space-6) 0;color:var(--accent-text);font-family:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer;background:0 0;border:0;font-weight:700;display:flex}.info-panel-same-place-caret{transition:transform var(--transition-fast);flex:none}.info-panel-same-place-toggle[aria-expanded=true] .info-panel-same-place-caret{transform:rotate(180deg)}.info-panel-same-place-list{gap:var(--space-6);margin:var(--space-4) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.info-panel-same-place-item{width:100%;padding:var(--space-8) var(--space-12);border-radius:var(--radius-sm);background:var(--surface);min-height:40px;color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background var(--transition-fast);font-weight:700}.info-panel-same-place-item:hover:not(:disabled){background:var(--surface-muted)}.info-panel-same-place-item.is-inactive{opacity:.35;cursor:default}.info-panel-description-wrap{margin-top:var(--space-10)}.info-panel-description{font-size:var(--text-base);color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;line-clamp:4;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;line-height:1.7;display:-webkit-box;overflow:hidden}.info-panel-description.expanded{line-clamp:unset;-webkit-line-clamp:unset;display:block}.info-panel-more-btn{margin-top:var(--space-4);color:var(--accent-text);font-size:var(--text-lg);cursor:pointer;background:0 0;border:none;padding:0;font-weight:700}.info-panel-more-btn:hover{text-decoration:underline}.info-panel-fields{gap:var(--space-10);padding:var(--space-16) 0 0;flex-direction:column;display:flex}.info-panel-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-14) var(--space-16);transition:box-shadow var(--transition-fast), transform var(--transition-fast)}.info-panel-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.info-panel-card-header{align-items:center;gap:var(--space-6);margin-bottom:var(--space-6);display:flex}.info-panel-card-icon{font-size:var(--text-base);align-items:center;line-height:1;display:inline-flex}.info-panel-card-label{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.info-panel-card-body{font-size:var(--text-base);color:var(--text-primary);padding-left:var(--space-20);white-space:pre-wrap;word-break:break-word;line-height:1.7}.info-panel-link-list{gap:var(--space-8);padding:var(--space-16) 0 0;flex-direction:column;margin:0;list-style:none;display:flex}.info-panel-link-card{align-items:center;gap:var(--space-10);padding:var(--space-12) var(--space-14);background:var(--bg-secondary);border-radius:var(--radius-lg);color:var(--text-primary);transition:box-shadow var(--transition-fast), transform var(--transition-fast);text-decoration:none;display:flex}.info-panel-link-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.info-panel-link-mark{border-radius:var(--radius-xs);background:var(--map-btn-face);width:34px;height:34px;color:var(--accent-text);flex:none;justify-content:center;align-items:center;display:inline-flex}.info-panel-link-text{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.info-panel-link-label{font-size:var(--text-base);overflow-wrap:anywhere;font-weight:700;line-height:1.3}.info-panel-link-host{font-size:var(--text-xs);color:var(--text-secondary);overflow-wrap:anywhere;line-height:1.3}.info-panel-link-out{font-size:var(--text-lg);color:var(--text-muted);flex:none;display:inline-flex}.info-panel-photos{padding:var(--space-8) 0 0;margin-bottom:var(--space-14);margin-inline:calc(-1 * var(--space-18));position:relative}.info-panel-photos .image-slider-thumbs{padding-inline:var(--space-18)}.viewer-photo-add{align-items:flex-start;gap:var(--space-6);padding-inline:var(--space-18);margin-top:var(--space-8);flex-direction:column;display:flex}.btn.viewer-photo-add-btn{gap:var(--space-6);font-size:var(--text-base);border-radius:var(--radius-full);padding:var(--space-6) var(--space-12);background:var(--bg-tertiary);color:var(--text-primary);white-space:nowrap;font-weight:700}.btn.viewer-photo-add-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.btn.viewer-photo-add-btn:disabled{opacity:.5;cursor:not-allowed}.viewer-photo-add-note{font-size:var(--text-sm);color:var(--text-muted);margin:0}.viewer-photo-add-note.is-error{color:var(--error-text)}.photo-slideshow{height:100dvh;z-index:var(--z-photo-full);animation:photo-slideshow-in var(--duration-fast) ease;background:#000;flex-direction:column;justify-content:center;display:flex;position:fixed;inset:0}@keyframes photo-slideshow-in{0%{opacity:0}to{opacity:1}}.photo-slideshow-track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:auto;width:100%;min-height:0;display:flex;overflow:auto hidden}.photo-slideshow-track::-webkit-scrollbar{display:none}.photo-slideshow-slide{scroll-snap-align:center;scroll-snap-stop:always;box-sizing:border-box;flex:0 0 100%;justify-content:center;align-items:center;width:100%;height:100%;padding:64px 0;display:flex;position:relative}.photo-slideshow-loading{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.photo-slideshow-kokko{object-fit:contain;width:64px;height:64px;animation:1.1s linear infinite kokko-spin}@media (prefers-reduced-motion:reduce){.photo-slideshow-kokko{animation-duration:3.5s}}.photo-slideshow-img{object-fit:contain;-webkit-user-select:none;user-select:none;max-width:100%;max-height:100%;display:block}.photo-slideshow-close{top:calc(16px + var(--safe-area-inset-top));z-index:var(--z-over);color:#ffffffe6;width:40px;height:40px;font-size:var(--text-4xl);cursor:pointer;background:#ffffff24;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:16px}.photo-slideshow-close:hover{color:#fff;background:#ffffff47}.photo-slideshow-zoom{top:calc(16px + var(--safe-area-inset-top));z-index:var(--z-over);color:#fff;width:40px;height:40px;font-size:var(--text-2xl);cursor:pointer;background:#ffffff24;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;left:16px}.photo-slideshow-zoom:hover{background:#ffffff3d}.photo-slideshow-counter{top:calc(66px + var(--safe-area-inset-top));z-index:var(--z-over);padding:3px var(--space-10);border-radius:var(--radius-full);color:#fff;font-size:var(--text-sm);font-variant-numeric:tabular-nums;pointer-events:none;background:#ffffff38;font-weight:700;position:absolute;right:16px}.photo-slideshow-foot{z-index:var(--z-over);gap:var(--space-10);padding:var(--space-40) var(--space-16) calc(var(--space-16) + var(--safe-area-inset-bottom));background:linear-gradient(#0000,#000000bf);flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.photo-slideshow-dots{justify-content:center;align-items:center;gap:var(--space-6);display:flex}.photo-slideshow-dot{border-radius:var(--radius-full);background:#ffffff59;width:6px;height:6px}.photo-slideshow-dot.is-current{background:#fff}.photo-slideshow-caption{gap:var(--space-4);color:#fff;flex-direction:column;display:flex}.photo-slideshow-name{font-size:var(--text-lg);margin:0;font-weight:700;line-height:1.4}.photo-slideshow-text{width:100%;font:inherit;font-size:var(--text-lg);color:#ffffffd9;text-align:left;cursor:pointer;background:0 0;border:none;margin:0;padding:0;line-height:1.6;display:block}.photo-slideshow-text-body{-webkit-line-clamp:2;line-clamp:2;white-space:pre-wrap;word-break:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.photo-slideshow-text.is-open .photo-slideshow-text-body{display:block}.photo-slideshow-foot.is-text-open{overscroll-behavior:contain;background:linear-gradient(#0009,#000000d1 20%);max-height:60dvh;overflow-y:auto}.photo-slideshow.is-full .photo-slideshow-slide{padding:0}.photo-slideshow.is-full .photo-slideshow-img{object-fit:cover;width:100%;max-width:none;height:100%;max-height:none}.info-panel-actions{gap:var(--space-10);margin-top:var(--space-20);padding:var(--space-18) 0 0;border-top:1px solid var(--border-light);flex-direction:column;display:flex}.info-panel-title-row{align-items:center;gap:var(--space-10);flex-wrap:wrap;display:flex}.info-panel-title-row .info-panel-title{line-break:strict;flex:0 auto;min-width:0}.info-panel-route{align-items:center;gap:var(--space-8);margin-top:var(--space-6);flex-wrap:wrap;display:flex;position:relative}.info-panel-route .poi-reaction-add{margin-left:auto}.btn.info-panel-gmaps-btn{gap:var(--space-6);font-size:var(--text-lg);border-radius:var(--radius-full);padding:var(--space-6) var(--space-10);background:var(--kokko-red);color:#fff;white-space:nowrap;font-weight:700}.btn.info-panel-gmaps-btn:hover:not(:disabled){background:var(--kokko-red-deep);color:var(--brand-beige)}.info-panel-movie-btn{width:100%}.btn.info-panel-movie-btn{gap:var(--space-6);font-size:var(--text-base);border-radius:var(--radius-full);padding:var(--space-12) var(--space-16);background:color-mix(in srgb, var(--brand-outline) 14%, transparent);color:var(--text-primary);font-weight:800}.btn.info-panel-movie-btn:hover:not(:disabled){background:color-mix(in srgb, var(--brand-outline) 22%, transparent)}.info-panel-share-btn{width:100%}.btn.info-panel-share-btn{gap:var(--space-6);font-size:var(--text-base);border-radius:var(--radius-full);padding:var(--space-12) var(--space-16);background:var(--kokko-red);color:#fff;box-shadow:var(--shadow-sm);font-weight:800}.btn.info-panel-share-btn:hover:not(:disabled){background:var(--kokko-red-deep);box-shadow:var(--shadow-md)}.info-panel-share-icon{object-fit:contain;flex:none;width:22px;height:22px}.btn{justify-content:center;align-items:center;gap:var(--space-8);padding:var(--space-10) var(--space-20);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;font-weight:400;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--panel-section-bg);color:var(--text-primary);font-weight:700}.btn-secondary:hover:not(:disabled){background:var(--border)}.btn.auth-login-btn{background:var(--brand-green);color:#fff}.btn.auth-login-btn:hover:not(:disabled){background:#235537}.btn-accent{background:var(--accent);color:var(--on-accent);font-weight:700}.btn-accent:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn.btn-confirm{background:var(--brand-green);border-radius:var(--radius-md);color:#fff;font-weight:700}.btn.btn-confirm:hover:not(:disabled){box-shadow:var(--shadow-md);background:#235537}.btn-sm{padding:var(--space-6) var(--space-14);font-size:var(--text-sm);border-radius:var(--radius-full)}.btn-icon{padding:var(--space-8);border-radius:var(--radius-full)}.input-group{gap:var(--space-4);flex-direction:column;display:flex}.input-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:700}.input{padding:var(--space-10) var(--space-16);border:2px solid var(--brand-outline);border-radius:var(--radius-xs);font-family:var(--font-sans);font-size:var(--text-base);color:var(--brand-dark-brown);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#fff;outline:none}.input:focus{box-shadow:0 0 0 3px var(--focus-ring)}.input::placeholder{color:var(--text-muted)}.input-field{min-width:0;display:flex;position:relative}.input-field .input{min-width:0;padding-right:var(--space-40);flex:1}.input-clear{border-radius:var(--radius-full);width:26px;height:26px;color:var(--text-secondary);font-size:var(--text-xl);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:1;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.input-clear:hover{background:color-mix(in srgb, var(--brand-outline) 10%, transparent);color:var(--brand-dark-brown)}.input-clear:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.textarea{resize:vertical;min-height:72px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);transition:box-shadow var(--transition-fast);box-shadow:var(--shadow-sm);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg)}.card-header{padding:var(--space-12) var(--space-16);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.card-body{padding:var(--space-16)}.dialog-overlay{z-index:var(--z-dialog);padding:var(--space-16);animation:fadeIn var(--duration-fast) ease-out;pointer-events:auto;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-overlay.closing{pointer-events:none;animation:.2s ease-in forwards overlayFadeOut}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}.dialog{background:var(--surface);border-radius:var(--radius-md);width:100%;max-width:480px;max-height:90vh;animation:slideUp var(--duration-base) ease-out;padding:var(--space-4);overflow-y:auto}.dialog.mypage-info-dialog{scrollbar-width:none}.dialog.mypage-info-dialog::-webkit-scrollbar{display:none}.dialog.closing{animation:.2s ease-in forwards dialogOut}@keyframes dialogOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.dialog.login-dialog{max-width:360px}.login-dialog .auth-form .input{border:solid 2px var(--brand-outline)}.login-dialog .auth-form .btn{padding:var(--space-12) var(--space-14);font-size:var(--text-base);background:var(--brand-green);color:#fff}.login-dialog .auth-form .btn:hover:not(:disabled){background:#235537}.dialog-header{padding:var(--space-20) var(--space-24) 0;justify-content:space-between;align-items:center;display:flex}.dialog-header h3{align-items:center;gap:var(--space-6);font-size:var(--text-2xl);color:var(--text-primary);font-weight:800;display:inline-flex}.dialog-title-icon{color:var(--accent-text);align-items:center;display:inline-flex}.dialog-body{padding:var(--space-16) var(--space-24) var(--space-28);color:var(--text-primary)}.save-done-dialog p{margin:0 0 var(--space-16);font-size:var(--text-base);color:var(--text-primary);line-height:1.6}.save-done-actions{gap:var(--space-8);flex-wrap:wrap;justify-content:flex-end;display:flex}.dialog-close{width:44px;height:44px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-full);font-size:var(--text-2xl);transition:background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.dialog-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dialog-close.is-floating{z-index:calc(var(--z-over) + 1);background:var(--surface);color:var(--text-primary);position:absolute;top:6px;right:6px}.dialog.dialog-route-movie{flex-direction:column;padding:0;display:flex;overflow:hidden}.dialog-route-movie .dialog-body{flex:1;min-height:0;overflow-y:auto}.dialog-route-movie .dialog-header{background:var(--brand-dark-brown);padding:var(--space-16) var(--space-16) var(--space-16) var(--space-24)}.dialog-route-movie .dialog-header h3,.dialog-route-movie .dialog-title-icon,.dialog-route-movie .dialog-close{color:var(--surface)}.dialog-route-movie .dialog-close:hover{color:var(--surface);background:#ffffff24}.rmv-label{font-size:var(--text-lg);color:var(--text-primary);font-weight:800}.rmv-hint{font-size:var(--text-sm);color:var(--text-muted)}.rmv-progress-text{font-size:var(--text-lg);color:var(--text-secondary);text-align:center}.rmv-seg{justify-content:center;align-items:center;gap:var(--space-6);padding:var(--space-8) var(--space-10);border-radius:var(--radius-xs);background:var(--surface);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);border:none;font-weight:700;line-height:1.2;display:inline-flex}.rmv-seg:hover:not(:disabled){background:var(--brand-pink)}.rmv-seg-active{background:var(--brand-dark-brown);color:#fff}.rmv-transitions{gap:var(--space-6);flex-wrap:wrap;display:flex}.rmv-transitions .rmv-seg{flex:calc(25% - 6px);min-width:68px}.rmv-seg:disabled{opacity:.5;cursor:not-allowed}.rmv-stops{gap:var(--space-6);flex-direction:column;max-height:40vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.rmv-stop{align-items:center;gap:var(--space-8);padding:var(--space-6) var(--space-8);border:2px solid var(--outline-on-surface);border-radius:var(--radius-xs);background:var(--surface);display:flex}.rmv-stop-no{border:2px solid var(--outline-on-surface);border-radius:var(--radius-full);background:var(--surface);width:26px;height:26px;color:var(--text-primary);font-size:var(--text-sm);font-variant-numeric:tabular-nums;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.rmv-stop-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-sm);color:var(--text-primary);flex:1;font-weight:700;overflow:hidden}.rmv-stop-moves{gap:var(--space-4);flex:none;display:inline-flex}.rmv-stop-move{border-radius:var(--radius-xs);background:var(--surface);width:36px;height:36px;color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;padding:0;display:inline-flex}.rmv-stop-move:disabled{opacity:.4;cursor:default}.rmv-stop-reset{align-self:flex-start;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-12);border-radius:var(--radius-full);background:var(--surface);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;font-weight:700;display:inline-flex}.rmv-steps{justify-content:center;gap:var(--space-6);display:flex}.rmv-step-dot{background:var(--border,#ddd);width:8px;height:8px;transition:background var(--transition-fast), width var(--transition-fast);border-radius:50%}.rmv-step-dot.is-done{background:var(--brand-green)}.rmv-step-dot.is-current{border-radius:var(--radius-xs);background:var(--brand-green);width:20px}.rmv-progress{padding-top:58px;position:relative}.rmv-progress-track{border-radius:var(--radius-full);background:var(--bg-tertiary,#eee);height:10px;overflow:hidden}.rmv-progress-fill{border-radius:var(--radius-full);height:100%;width:var(--rmv-progress,0%);transition:width .2s linear}.rmv-progress-kokko{width:51px;height:56px;top:0;left:var(--rmv-progress,0%);pointer-events:none;transition:left .2s linear;animation:.6s ease-in-out infinite rmv-kokko-walk;position:absolute;transform:translate(-50%)}@keyframes rmv-kokko-walk{0%,to{transform:translate(-50%)translateY(0)rotate(-6deg)}50%{transform:translate(-50%)translateY(-4px)rotate(6deg)}}@media (prefers-reduced-motion:reduce){.rmv-progress-kokko{animation:none;transform:translate(-50%)}}.rmv-notice{text-align:left;padding:var(--space-8) var(--space-10);border:1px solid var(--notice-border);border-radius:var(--radius-md);background:var(--notice-bg);color:var(--notice-text);font-size:var(--text-sm);margin:0;line-height:1.5}.btn.rmv-confirm{background:var(--brand-green);border-radius:var(--radius-md);color:#fff;font-weight:700}.btn.rmv-confirm:hover:not(:disabled){box-shadow:var(--shadow-md);background:#235537}.btn.rmv-secondary{background:var(--surface);border-radius:var(--radius-md);color:var(--text-primary);font-weight:700}.btn.rmv-secondary:hover:not(:disabled){background:var(--brand-pink)}.poi-list{gap:var(--space-8);flex-direction:column;display:flex}.poi-add{flex-shrink:0;position:relative}.poi-add-btn{background:var(--brand-green);color:#fff;width:32px;height:32px;font-size:var(--text-2xl);cursor:pointer;transition:box-shadow var(--transition-fast), transform var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.poi-add-btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.poi-add-menu{transform-origin:100% 0;z-index:var(--z-header);min-width:230px;padding:var(--space-6);background:var(--surface);border:2px solid var(--outline-on-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);flex-direction:column;animation:.14s cubic-bezier(.22,1,.36,1) menuPop;display:flex;position:absolute;top:calc(100% + 6px);right:0}.poi-add-menu-item{gap:var(--space-8);width:100%;padding:var(--space-10) var(--space-12);border-radius:var(--radius-sm);font-size:var(--text-base)}.poi-add-menu-item:hover{background:var(--bg-secondary)}.poi-add-menu-item svg{color:var(--accent-text);flex-shrink:0}.poi-item{align-items:center;gap:var(--space-12);padding:var(--space-8) var(--space-12);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:var(--surface);text-align:left;box-shadow:var(--shadow-sm);border:none;flex-direction:row;display:flex;position:relative}.poi-item:hover{background:var(--bg-secondary);box-shadow:var(--shadow-md)}.poi-item.active{background:var(--accent-soft);box-shadow:0 0 0 2px var(--accent-text), var(--shadow-md)}.poi-item-icon-wrap{flex-shrink:0;justify-content:center;align-items:center;width:34px;height:36px;display:flex}.poi-item-icon{object-fit:contain;filter:drop-shadow(0 1px 1.5px #0003);width:100%;height:100%;display:block}.poi-item-name{min-width:0;font-size:var(--text-base);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:700;line-height:1.3;overflow:hidden}.poi-item-remove{width:38px;height:38px;color:var(--text-muted);border-radius:var(--radius-full);font-size:var(--text-xl);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:flex}.poi-item-remove:hover{background:var(--bg-tertiary);color:var(--error-text)}.label-settings{gap:var(--space-12);flex-direction:column;display:flex}.label-size-options{gap:var(--space-8);display:flex}.label-size-option{border-radius:var(--radius-md);background:var(--surface);height:40px;color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;transition:background var(--transition-fast);justify-content:center;align-items:center;padding:0;font-weight:700;line-height:1;display:flex}.label-size-option:first-child{font-size:var(--text-sm)}.label-size-option:nth-child(2){font-size:var(--text-lg)}.label-size-option:nth-child(3){font-size:var(--text-2xl)}.label-size-option:hover{background:var(--brand-pink)}.label-size-option.active{background:var(--brand-pink);color:var(--brand-dark-brown)}.settings-choice-options{gap:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}.map-settings-row-icon{flex:none;width:18px;height:18px}.settings-choice-option{justify-content:center;align-items:center;gap:var(--space-6);padding:var(--space-8) 0;border-radius:var(--radius-md);background:var(--surface);color:var(--text-secondary);font-family:var(--font-sans);font-weight:700;font-size:var(--text-lg);cursor:pointer;transition:all var(--transition-fast);display:inline-flex}.settings-choice-option:hover{background:var(--surface-hover)}.settings-choice-option.active{background:var(--brand-dark-brown);color:#fff}.color-grid{gap:var(--space-10);grid-template-columns:repeat(5,1fr);display:grid}.color-option{aspect-ratio:1;border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.color-option.active{border-color:var(--accent-text);box-shadow:0 0 0 2px var(--accent-text)}.color-swatch{border-radius:var(--radius-full);border:1px solid #0000001a;width:24px;height:24px}.share-card-entry,.share-embed{margin-top:var(--space-16);padding-top:var(--space-16);border-top:1px solid var(--border)}.share-embed-code{width:100%;margin-top:var(--space-8);margin-bottom:var(--space-8);font-family:var(--font-mono);font-size:var(--text-xs);resize:vertical;white-space:pre-wrap;word-break:break-all;line-height:1.6}.share-embed-note,.share-publish-note{margin:var(--space-8) 0 0;font-size:var(--text-sm);color:var(--text-muted);line-height:1.7}.share-private-notice{margin:var(--space-4) 0 0;gap:var(--space-10);flex-direction:column;display:flex}.share-visibility-link{gap:var(--space-6);flex-direction:column;display:flex}.share-private-lead{font-size:var(--text-base);color:var(--text-primary);margin:0;font-weight:700;line-height:1.7}.share-lock-copy{gap:var(--space-8);margin-top:var(--space-12);flex-direction:column;display:flex}.share-actions{gap:var(--space-8);display:flex}.share-actions .btn{flex:1}.url-length-warning{align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-12);border-radius:var(--radius-sm);font-size:var(--text-sm);margin-bottom:var(--space-12);display:flex}.url-length-warning.warning{color:#b45309;background:#fbbf241a}.url-length-warning.error{color:#b91c1c;background:#f871711a}.section-heading{font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.section-heading svg{vertical-align:-.15em}.empty-state{justify-content:center;align-items:center;gap:var(--space-10);margin:var(--space-16);padding:var(--space-10) var(--space-18);text-align:center;color:var(--text-muted);background:var(--bg-secondary);border-radius:var(--radius-lg);display:flex}.empty-state-icon{object-fit:contain;width:36px;height:auto;margin-bottom:var(--space-4);opacity:.95}.empty-state-icon svg{width:28px;height:28px}.empty-state-text{font-size:var(--text-base)}.custom-field-row .btn-icon{border-radius:var(--radius-full)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.map-search-box{z-index:var(--z-map-overlay);gap:var(--space-6);flex-direction:column;width:min(440px,100% - 24px);display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.map-search-box-row{align-items:center;gap:var(--space-8);padding:var(--space-4);border:2px solid var(--outline-on-surface);border-radius:var(--radius-xs);background:var(--surface);display:flex}.map-search-icon{padding-left:var(--space-8);font-size:var(--text-2xl);color:var(--text-muted);flex-shrink:0;align-items:center;display:inline-flex}.map-search-clear{width:28px;height:28px;color:var(--text-muted);font-size:var(--text-2xl);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.map-search-clear:hover,.map-search-clear:focus-visible{color:var(--text-primary);background:#0000000f;outline:none}.map-search-box-row .input{min-width:0;box-shadow:none;background:0 0;border:none;border-radius:0;flex:1;padding:0}.map-search-box-row .input:focus{box-shadow:none;outline:none}.map-search-box-row .btn{border-radius:var(--radius-full);padding:var(--space-10) var(--space-14);background:var(--brand-dark-brown);color:#fff;letter-spacing:3px;flex-shrink:0;font-weight:700}.map-search-box--collapsible{width:min(420px,100% - 24px);left:auto;right:12px;transform:none}.map-search-box--collapsible .map-search-box-row{border:none}.map-top-controls .map-search-box--collapsible .map-search-suggest{max-height:min(60vh,420px);padding:var(--space-10) var(--space-12);background:var(--surface);flex:0 auto}.map-search-box-message{padding:var(--space-6) var(--space-12);font-size:var(--text-sm);color:var(--text-muted);background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:0}.map-search-loading{justify-content:center;align-items:center;gap:var(--space-10);padding:var(--space-28) var(--space-12);color:var(--text-secondary);flex-direction:column;display:flex}.map-search-loading .map-loading-kokko{width:56px;height:56px}.map-search-loading-text{font-size:var(--text-lg);color:var(--text-muted);margin:0}.map-search-attribution{padding:var(--space-4) var(--space-12);font-size:var(--text-xs);color:var(--text-muted);text-align:left;margin:0;line-height:1.4}.map-search-attribution a{color:inherit;text-decoration:underline}.map-search-box-message--error{color:var(--error-text)}.map-search-results-hint{margin:0 0 var(--space-4);padding:0 var(--space-4);color:var(--text-muted);font-size:var(--text-xs);line-height:1.4}.map-search-results{animation:fadeIn var(--duration-fast) ease-out;padding:var(--space-6);gap:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);max-height:280px;box-shadow:var(--shadow-md);flex-direction:column;margin:0;list-style:none;display:flex;overflow-y:auto}.search-result{gap:var(--space-2);width:100%;padding:var(--space-8) var(--space-12);border-radius:var(--radius-xs);background:var(--surface);cursor:pointer;text-align:left;transition:all var(--transition-fast);flex-direction:column;display:flex}.search-result:hover,.search-result[aria-selected=true]{background:var(--bg-secondary)}.search-result-name{font-size:var(--text-base);color:var(--text-primary);font-weight:700}.search-result-address{font-size:var(--text-xs);color:var(--text-muted);text-overflow:ellipsis;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.style-select{width:100%;padding:var(--space-10) var(--space-16);border:2px solid var(--outline-on-surface);border-radius:var(--radius-xs);font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:var(--bg);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;outline:none;padding-right:36px}.style-select:focus{box-shadow:0 0 0 3px var(--focus-ring)}.data-import{gap:var(--space-18);flex-direction:column;display:flex}.data-import-section{gap:var(--space-8);flex-direction:column;display:flex}.data-import-heading{font-size:var(--text-lg);color:var(--text-primary);margin:0;font-weight:700}.data-import-lead{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.6}.data-import-templates{gap:var(--space-8);flex-wrap:wrap;display:flex}.data-import-error{padding:var(--space-8) var(--space-12);border-radius:var(--radius-sm);color:#b91c1c;font-size:var(--text-sm);background:#f871711a;margin:0}.data-import-actions{gap:var(--space-8);display:flex}.data-import-actions .btn{flex:1}.data-import-steps{margin:0;padding:0;list-style:none;display:flex}.data-import-step{align-items:center;gap:var(--space-4);min-width:0;font-size:var(--text-xs);color:var(--text-muted);text-align:center;flex-direction:column;flex:1;line-height:1.4;display:flex;position:relative}.data-import-step+.data-import-step:before{content:"";background:var(--border);height:2px;position:absolute;top:11px;left:-50%;right:50%}.data-import-step-num{z-index:var(--z-over);border:2px solid var(--border);background:var(--surface);width:22px;height:22px;font-size:var(--text-xs);border-radius:50%;justify-content:center;align-items:center;font-weight:700;line-height:1;display:flex;position:relative}.data-import-step.is-current{color:var(--text-primary);font-weight:700}.data-import-step.is-current .data-import-step-num{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.data-import-step.is-done .data-import-step-num{border-color:var(--accent);color:var(--accent-text)}.data-import-step.is-current:before,.data-import-step.is-done:before{background:var(--accent)}.data-import-alt{padding-top:var(--space-14);border-top:1px solid var(--border);align-items:flex-start}.data-import-ai{align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.data-import-copied{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.data-import-review-actions{justify-content:flex-end;display:flex}.data-import-review-list{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.data-import-review-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.data-import-review-row{align-items:flex-start;gap:var(--space-10);padding:var(--space-10) var(--space-12);cursor:pointer;display:flex}.data-import-review-row input[type=checkbox]{margin-top:var(--space-2);flex:none}.data-import-review-text{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.data-import-review-name{font-size:var(--text-lg);color:var(--text-primary);overflow-wrap:anywhere;font-weight:700}.data-import-review-meta{font-size:var(--text-xs);color:var(--text-muted);overflow-wrap:anywhere}.data-import-warning{padding:var(--space-8) var(--space-12);border-radius:var(--radius-sm);color:#b45309;font-size:var(--text-sm);background:#fbbf241f;margin:0;line-height:1.6}.map-settings-action{justify-content:flex-start;align-items:center;gap:var(--space-12);width:100%;min-height:56px;padding:var(--space-8) var(--space-16);border-radius:var(--radius-sm);background:var(--bg-tertiary);color:var(--text-primary);font-size:var(--text-base);box-shadow:var(--shadow-sm);font-weight:700;display:flex}.map-settings-action:active{box-shadow:none;transform:translateY(1px)}.map-settings-action:disabled{opacity:.5;box-shadow:none;cursor:default}.map-settings-action .map-settings-row-icon{flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:12.8px;display:inline-flex}.custom-fields-section{gap:var(--space-8);flex-direction:column;display:flex}.custom-field-row{gap:var(--space-8);align-items:flex-start;display:flex}.custom-field-row-inputs{gap:var(--space-6);flex-direction:column;flex:1;min-width:0;display:flex}.custom-field-remove{background:var(--bg-tertiary);width:38px;height:38px;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;margin-top:22px;display:flex}.custom-field-remove:hover{color:var(--error-text);background:#f8717126}.photo-field{gap:var(--space-8);flex-direction:column;display:flex}.photo-thumbs{gap:var(--space-8);flex-wrap:wrap;display:flex}.photo-thumb{border-radius:var(--radius-sm);background:var(--bg-tertiary);width:72px;height:72px;position:relative;overflow:hidden}.photo-thumb img{object-fit:cover;width:100%;height:100%;display:block}.photo-thumb-remove{color:#fff;width:20px;height:20px;font-size:var(--text-xs);cursor:pointer;transition:background var(--transition-fast);background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;top:2px;right:2px}.photo-thumb-remove:hover{background:var(--error)}.photo-thumb-item{gap:var(--space-4);flex-direction:column;width:132px;display:flex}.photo-thumb-item .photo-thumb{width:100%;height:88px}.photo-note-input{box-sizing:border-box;width:100%;min-width:0;padding:var(--space-4) var(--space-6);border:1px solid var(--outline-on-surface);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);background:#fff;line-height:1.4}.photo-note-input::placeholder{color:var(--text-muted)}.photo-note-input:focus{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.photo-file-input{display:none}.photo-field-error{font-size:var(--text-sm);color:var(--error-text);margin:0}.photo-field-note{font-size:var(--text-sm);color:var(--text-muted);margin:0}.add-image-url{gap:var(--space-6);flex-direction:column;width:100%;display:flex}.add-image-url-row{align-items:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.add-image-url-input{flex:1;min-width:0}.add-image-url-error{font-size:var(--text-sm);color:var(--error-text);margin:0}.icon-image-field{gap:var(--space-8);flex-direction:column;display:flex}.icon-image-preview{border-radius:var(--radius-sm);background:var(--bg-tertiary);width:72px;height:72px;position:relative;overflow:hidden}.icon-image-preview img{object-fit:contain;width:100%;height:100%;display:block}.icon-image-remove{color:#fff;width:20px;height:20px;font-size:var(--text-xs);cursor:pointer;transition:background var(--transition-fast);background:#0000008c;border:none;border-radius:50%;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;top:2px;right:2px}.icon-image-remove:hover{background:var(--error)}.icon-image-file-input{display:none}.icon-image-error{font-size:var(--text-sm);color:var(--error-text);margin:0}.icon-image-shapes{gap:var(--space-8);display:flex}.icon-image-shape{align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-10);border-radius:var(--radius-md);background:var(--map-btn-face);color:var(--text-primary);box-shadow:var(--shadow-sm);font-size:var(--text-sm);cursor:pointer;border:none;display:inline-flex}.icon-image-shape:disabled{opacity:.5;cursor:default}.icon-image-shape.active{box-shadow:0 0 0 2px var(--accent);color:var(--accent-text);font-weight:700}.icon-image-shape-sample{background:currentColor;flex:none;width:16px;height:16px;display:block}.icon-image-shape-sample.is-circle{border-radius:var(--radius-full)}.icon-image-shape-sample.is-original{border-radius:var(--radius-xs);width:22px;height:14px}.icon-image-note{font-size:var(--text-xs);color:var(--text-secondary);margin:0;line-height:1.4}.ba-share-marker-bubble{pointer-events:none;flex-direction:column;align-items:center;gap:0;width:max-content;max-width:104px;display:flex;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)}.ba-share-marker.has-sticker-icon .ba-share-marker-bubble{bottom:calc(100% + 4px)}.ba-share-marker-bubble:after{content:"";filter:drop-shadow(0 1px #0000002e);border-top:8px solid #fff;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;margin-top:-3px}.ba-share-marker-name{max-width:104px;padding:var(--space-2) 9px 3px;border-radius:var(--radius-full);background:var(--brand-dark-brown);color:var(--brand-beige);font-family:var(--font-map);font-size:var(--text-xs);letter-spacing:.02em;text-align:center;-webkit-line-clamp:var(--marker-name-lines,2);line-clamp:var(--marker-name-lines,2);overflow-wrap:anywhere;box-shadow:var(--shadow-sm);-webkit-box-orient:vertical;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.ba-share-marker-title{max-width:104px;padding:3px var(--space-10) var(--space-4);border-radius:var(--radius-full);background:var(--brand-dark-brown);color:var(--brand-beige);font-family:var(--font-map);font-size:var(--text-xs);letter-spacing:.02em;text-align:center;-webkit-line-clamp:var(--marker-name-lines,2);line-clamp:var(--marker-name-lines,2);overflow-wrap:anywhere;box-shadow:var(--shadow-md);-webkit-box-orient:vertical;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.ba-share-marker-bubble.is-full-name{--marker-name-lines:none}.ba-share-marker-bubble.is-title-only:after{border-top-color:var(--brand-outline);margin-top:0}.ba-share-marker-bubble:empty:after{display:none}.ba-share-marker-inner{position:relative}.ba-share-marker-stack{min-width:18px;height:18px;padding:0 var(--space-4);box-sizing:border-box;border:2px solid var(--brand-beige);border-radius:var(--radius-full);background:var(--brand-dark-brown);color:var(--brand-beige);font-family:var(--font-map);font-size:var(--text-xs);pointer-events:none;justify-content:center;align-items:center;font-weight:700;line-height:1;display:flex;position:absolute;top:-6px;right:-8px}.ba-share-marker-photo{width:62px;height:62px;box-shadow:var(--shadow-md);pointer-events:none;background:#fff;border:3px solid #fff;border-radius:18px;position:relative;overflow:hidden}.ba-share-marker-photo img{object-fit:cover;width:100%;height:100%;display:block}.hide-empty-photo-frames .ba-share-marker-photo.is-empty,.hide-marker-detail .ba-share-marker .ba-share-marker-bubble,.hide-marker-label .ba-share-marker .ba-share-marker-name{display:none}.ba-share-marker-photo.is-empty{--noimage-band-h:13px;background:var(--brand-beige);box-sizing:border-box;padding-bottom:var(--noimage-band-h);justify-content:center;align-items:center;display:flex}.ba-share-marker-photo.is-empty img{object-fit:contain;width:100%;height:100%}.ba-share-marker-photo-band{height:var(--noimage-band-h);padding:1px 0 var(--space-2);box-sizing:border-box;background:var(--brand-dark-brown);color:var(--text-inverse);font-family:var(--font-sans);letter-spacing:.02em;text-align:center;font-size:8px;font-weight:700;line-height:1.2;position:absolute;bottom:0;left:0;right:0}.mypage-empty{align-items:center;gap:var(--space-8);flex-direction:column;display:flex}.mypage-empty-kokko{object-fit:contain;width:96px;height:auto}.mypage-empty-lead{font-size:var(--text-lg);color:var(--text-muted);text-align:center;margin:0;line-height:1.8}:root[data-surface=paper] .mypage-badge.is-public{background:var(--kokko-red-deep);color:var(--text-inverse)}.share-preview{align-items:center;gap:var(--space-12);padding:var(--space-10) var(--space-12);margin-bottom:var(--space-12);background:var(--surface);border:2px solid var(--outline-on-surface);border-radius:var(--radius-md);display:flex}.share-preview-body{align-items:center;gap:var(--space-10);flex:1;min-width:0;display:flex}.share-preview-mark{border-radius:var(--radius-full);border:2px solid var(--outline-on-surface);object-fit:cover;flex:none;width:36px;height:36px}.share-preview-text{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.share-preview-title{font-size:var(--text-lg);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.share-preview-meta{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.06em}.share-preview-qr{border:2px solid var(--outline-on-surface);border-radius:var(--radius-xs);background:#fff;flex:none;padding:3px;display:flex}.share-preview-qr canvas,.share-preview-qr svg{width:48px;height:48px;display:block}:root[data-surface=paper] .share-preview{border-width:var(--ol-w);border-color:var(--ol-c);box-shadow:var(--sh-sticker-md)}.landing-hero-title-accent{color:var(--text-primary);padding:0 var(--space-4);background:var(--surface);border-radius:0;font-size:.54em;line-height:1.15;display:inline-block}.landing-hero-title-brand{color:var(--kokko-red-deep);margin-top:.2em;font-size:1em;display:inline-block}.ba-share-marker-photo.is-clickable{cursor:pointer;pointer-events:auto;padding:0;transition:transform .15s,box-shadow .15s}.ba-share-marker-photo.is-clickable:hover,.ba-share-marker-photo.is-clickable:focus-visible{outline:none;transform:scale(1.08);box-shadow:0 4px 10px #00000059}.ba-share-marker-label{color:var(--text-primary);font-family:var(--font-map);font-weight:700;font-size:var(--text-xs);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;-webkit-text-stroke:3px #fff;paint-order:stroke fill;text-shadow:-1px -1px #fff,1px -1px #fff,-1px 1px #fff,1px 1px #fff,0 2px 3px #00000040;max-width:160px;line-height:1.2;position:absolute;overflow:hidden}.ba-share-marker-label.label-pos-bottom{top:calc(100% + 4px);left:50%;transform:translate(-50%)}.search-candidate-pin{z-index:calc(var(--z-over) + 2);cursor:pointer;background:0 0;border:0;padding:0}.search-candidate-pin-inner{filter:drop-shadow(0 3px 5px #00000059);transform-origin:50% 100%;width:22.08px;height:28.16px;animation:1.1s ease-in-out infinite search-candidate-bounce;display:block}.search-candidate-pin:hover .search-candidate-pin-inner,.search-candidate-pin:focus-visible .search-candidate-pin-inner{animation-play-state:paused;transform:scale(1.12)translateY(-2px)}@keyframes search-candidate-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media (prefers-reduced-motion:reduce){.search-candidate-pin-inner{animation:none}}.map-context-menu{z-index:calc(var(--z-header) + 3);--bubble-lift:10px;transform:translate(-50%, calc(-100% - var(--bubble-lift)));transform-origin:bottom;animation:bubble-pop var(--duration-fast) cubic-bezier(.22, 1, .36, 1);background:var(--surface);border:2px solid var(--outline-on-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-4);pointer-events:auto;position:absolute}.map-context-menu:after{content:"";background:var(--surface);border-right:2px solid var(--outline-on-surface);border-bottom:2px solid var(--outline-on-surface);width:12px;height:12px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)rotate(45deg)}.map-context-menu-item{white-space:nowrap;width:100%;padding:var(--space-8) var(--space-14);color:var(--text-primary);font-size:var(--text-lg);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;font-weight:700;display:block}.map-context-menu-item:hover{background:var(--accent-soft,var(--bg))}.map-add-pin-bubble{align-items:stretch;gap:var(--space-8);min-width:168px;padding:var(--space-12);flex-direction:column;display:flex}.map-add-pin-bubble-corner{margin-bottom:calc(-1 * var(--space-4));justify-content:flex-end;align-items:center;display:flex}.map-add-pin-close{border-radius:var(--radius-full);width:28px;height:28px;color:var(--text-secondary);font-size:var(--text-lg);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}@media (hover:hover){.map-add-pin-close:hover{background:var(--accent-soft,var(--bg));color:var(--text-primary)}}.map-add-pin-bubble-title{padding:0 var(--space-2);text-align:center;color:var(--text-primary);font-size:var(--text-base);white-space:nowrap;margin:0;font-weight:700;line-height:1.4}.map-add-pin-confirm{width:100%;padding:var(--space-10) var(--space-18);border-radius:var(--radius-full);background:var(--brand-dark-brown);color:#fff;font-size:var(--text-base);white-space:nowrap;cursor:pointer;font-weight:700}.map-add-pin-confirm:hover{filter:brightness(.96);background:var(--brand-dark-brown)}.map-add-pin-target{z-index:calc(var(--z-header) + 2);border:2px dashed var(--kokko-red);pointer-events:none;background:0 0;border-radius:50%;width:26px;height:26px;position:absolute;transform:translate(-50%,-50%)}@media (pointer:coarse){.map-context-menu-item{min-height:44px;padding:var(--space-12) var(--space-18);font-size:var(--text-lg)}}.maplibregl-ctrl-group button.map-add-pin-ctrl{border-radius:inherit;width:29px;height:29px;color:var(--accent-text-on-light);cursor:pointer;justify-content:center;align-items:center;padding:0;display:flex}.maplibregl-ctrl-group button.map-add-pin-ctrl svg{width:19px;height:21px;display:block}.maplibregl-ctrl-group button.map-add-pin-ctrl.active{background-color:var(--accent);color:var(--on-accent)}.map-notice{bottom:calc(16px + var(--safe-area-inset-bottom));width:fit-content;z-index:var(--z-toast);max-width:520px;padding:var(--space-10) var(--space-16);border-radius:var(--radius-lg);background:var(--brand-dark-brown);color:var(--text-inverse);font-size:var(--text-sm);text-align:center;box-shadow:var(--shadow-md);pointer-events:auto;cursor:pointer;margin-inline:auto;font-weight:700;line-height:1.5;position:absolute;left:16px;right:16px}.map-add-pin-hint{bottom:calc(16px + var(--safe-area-inset-bottom));z-index:calc(var(--z-map-overlay) - 1);align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-16);border-radius:var(--radius-lg);background:var(--brand-dark-brown);color:var(--text-inverse);font-size:var(--text-sm);box-shadow:var(--shadow-md);pointer-events:none;white-space:nowrap;flex-direction:column;font-weight:700;display:flex;position:absolute;left:50%;transform:translate(-50%)}.map-add-pin-hint-action{justify-content:center;align-self:stretch;align-items:center;gap:var(--space-6);padding:var(--space-8) var(--space-14);border-radius:var(--radius-full);color:var(--text-inverse);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;pointer-events:auto;background:#ffffff29;font-weight:700;display:inline-flex}.map-add-pin-hint-action:active{background:#ffffff52}@media (width<=767px){.map-add-pin-hint,.map-notice{bottom:calc(var(--editor-bottom-menu-h) + 16px)}}.map-location-notice{animation:fadeIn var(--duration-fast) ease-out;z-index:var(--z-toast);max-width:520px;padding:var(--space-10) var(--space-14);border-radius:var(--radius-md);background:var(--brand-dark-brown);color:var(--text-inverse);font-size:var(--text-lg);text-align:center;box-shadow:var(--shadow-md);pointer-events:none;margin:0 auto;font-weight:700;line-height:1.5;position:fixed;top:60px;left:12px;right:12px}.location-prompt-backdrop{z-index:var(--z-map-overlay);padding:var(--space-16);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.location-prompt{text-align:center;align-items:center;gap:var(--space-14);width:min(320px,100%);padding:var(--space-28) var(--space-20) var(--space-20);border:solid 2px var(--outline-on-surface);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow-xl);pointer-events:auto;flex-direction:column;display:flex;position:relative}.location-prompt-icon{font-size:32px;line-height:1}.location-prompt-text{font-size:var(--text-base);margin:0;font-weight:700;line-height:1.6}.location-prompt-allow{padding:var(--space-10) var(--space-24);border-radius:var(--radius-full);background:var(--brand-dark-brown);color:var(--text-inverse);font-family:var(--font-sans);font-size:var(--text-base);white-space:nowrap;cursor:pointer;transition:opacity var(--transition-fast);border:none;font-weight:700}.location-prompt-allow:disabled{opacity:.6;cursor:default}.location-prompt-dismiss{border-radius:var(--radius-full);width:28px;height:28px;color:var(--text-muted);font-size:var(--text-base);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.location-prompt-dismiss:hover{background:var(--surface-hover)}.poi-popover{z-index:var(--z-map-overlay);background:var(--surface);border:2px solid var(--outline-on-surface);border-radius:var(--radius-md);width:min(330px,100% - 24px);max-height:calc(100% - 24px);box-shadow:var(--shadow-xl);pointer-events:auto;flex-direction:column;display:flex;position:absolute;top:12px;right:12px;overflow:hidden}.poi-popover-header{justify-content:space-between;align-items:center;gap:var(--space-8);padding:var(--space-10) var(--space-12);border-bottom:1px solid var(--border-light);display:flex}.map-settings-title{font-size:var(--text-lg);color:var(--text-primary);font-weight:800;line-height:1.3}.poi-popover-title{font-size:var(--text-base);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.poi-popover-actions{gap:var(--space-4);flex-shrink:0;display:flex}.poi-popover-btn{background:var(--bg-tertiary);width:36px;height:36px;color:var(--text-secondary);border-radius:var(--radius-full);font-size:var(--text-lg);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.poi-popover-btn:hover{background:var(--border);color:var(--text-primary)}.poi-popover-btn-save{color:var(--brand-green)}.poi-popover-btn-save:hover{color:var(--brand-green);background:#2c6a421f}.poi-popover-confirm-note{margin:0 0 var(--space-16);font-size:var(--text-base);color:var(--text-primary);line-height:1.6}.poi-popover-confirm-actions{gap:var(--space-8);display:flex}.poi-popover-body{padding:var(--space-14) var(--space-14) var(--space-16);gap:var(--space-14);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.poi-sheet{padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right);z-index:var(--z-header);background:var(--surface);border:2px solid var(--outline-on-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;touch-action:none;transition:height var(--transition-base);animation:sheetUp var(--duration-base) ease-out;border-bottom:none;flex-direction:column;gap:0;padding:0;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -6px 24px #00000029}.poi-sheet.closing{pointer-events:none;animation:.2s cubic-bezier(.4,0,1,1) forwards sheetDown}.poi-sheet .poi-sheet-body{touch-action:none;overflow:hidden}.poi-sheet.expanded .poi-sheet-body{touch-action:none;overflow-y:auto}.poi-field-dialog .textarea{field-sizing:content;min-height:200px;max-height:40vh}.poi-sheet input,.poi-sheet textarea,.poi-sheet select,.poi-sheet button,.poi-sheet a{touch-action:auto}.poi-sheet-handle{padding:var(--space-10) 0 var(--space-4);cursor:grab;touch-action:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.poi-sheet-handle:active{cursor:grabbing}.poi-sheet-grip{border-radius:var(--radius-full);background:var(--border);width:40px;height:4px}.poi-sheet-place-card{align-items:center;gap:var(--space-10);padding:var(--space-8) var(--space-10);border:2px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--bg-secondary) 40%, var(--surface));display:flex}.poi-sheet-place-card .icon-field-caret{display:none}.poi-sheet-place-card .icon-field-trigger{background:var(--bg-tertiary);border:none;border-radius:50%;flex:none;justify-content:center;width:48px;height:48px;padding:0}.poi-sheet-place-card .input-group{flex:1;min-width:0}.poi-sheet-place-card .input{min-width:0;font-size:var(--text-xl);background:0 0;border:none;font-weight:700}.poi-sheet-place-card:focus-within{border-color:var(--outline-on-surface)}.poi-sheet-delete{justify-content:center;align-items:center;gap:var(--space-6);border-radius:var(--radius-full);background:var(--surface);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast);display:inline-flex}.poi-sheet-delete:hover{background:var(--bg-tertiary)}.poi-sheet-footer{gap:var(--space-8);padding:var(--space-10) var(--space-16) calc(var(--space-10) + var(--safe-area-inset-bottom));background:var(--surface);flex-shrink:0;display:flex}.poi-sheet.keyboard-open .poi-sheet-footer{padding-bottom:var(--space-10)}.poi-sheet-footer .btn{flex:1;font-weight:700}.poi-sheet-cancel{background:var(--surface);color:var(--text-primary)}.poi-sheet-confirm{background:var(--kokko-red);color:#fff}.poi-sheet-links{gap:var(--space-10);flex-direction:column;display:flex}.poi-link-row{align-items:flex-start;gap:var(--space-8);display:flex}.poi-link-row-inputs{gap:var(--space-6);flex-direction:column;flex:1;min-width:0;display:flex}.poi-link-remove{border-radius:var(--radius-full);background:var(--bg-tertiary);width:32px;height:32px;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.poi-sheet-link-add{justify-content:center;align-self:stretch;align-items:center;gap:var(--space-6);padding:11px var(--space-18);border-radius:var(--radius-md);color:var(--accent-text);font-family:var(--font-sans);cursor:pointer;background:0 0;font-weight:700;display:inline-flex}.poi-sheet-link-add:hover{background:var(--bg-tertiary)}.poi-sheet-body{gap:var(--space-18);min-height:0;padding:0 var(--space-16);padding-top:var(--space-4);padding-bottom:var(--space-8);flex-direction:column;flex:1;display:flex}.poi-sheet-body>*{flex-shrink:0}.poi-sheet-section{gap:var(--space-10);flex-direction:column;display:flex}.poi-sheet-section-title{align-items:center;gap:var(--space-6);font-size:var(--text-sm);color:var(--accent-text);margin:0;font-weight:700;display:flex}.poi-sheet-section-title svg{font-size:var(--text-base);flex:none}.poi-sheet-section-edit{align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-10);border-radius:var(--radius-full);background:var(--surface);color:var(--kokko-red);font-family:var(--font-sans);font-size:var(--text-sm);box-shadow:var(--shadow-sm);cursor:pointer;border:none;margin-left:auto;font-weight:700;display:inline-flex}.poi-sheet-read-list{gap:var(--space-4);color:var(--text-primary);font-size:var(--text-base);overflow-wrap:anywhere;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.poi-sheet-read-text{color:var(--text-primary);font-size:var(--text-base);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.poi-sheet-empty{color:var(--text-muted)}.poi-sheet-place-icon{object-fit:contain;flex:none;width:28px;height:28px}.poi-sheet-place-icon--emoji{font-size:var(--text-xl);justify-content:center;align-items:center;display:inline-flex}.poi-sheet-place-name{min-width:0;font-size:var(--text-lg);overflow-wrap:anywhere;font-weight:700}.dialog-overlay:has(.poi-field-dialog){padding-bottom:calc(var(--space-16) + var(--poi-field-kb,0px))}.poi-field-actions{gap:var(--space-8);margin-top:var(--space-14);justify-content:flex-end;align-items:center;display:flex}.poi-field-cancel,.poi-field-save{min-height:44px;padding:0 var(--space-18);border-radius:var(--radius-full);font-family:var(--font-sans);cursor:pointer;border:0;font-weight:700}.poi-field-cancel{color:var(--text-primary);background:0 0}.poi-field-save{align-items:center;gap:var(--space-6);background:var(--kokko-red);color:#fff;display:inline-flex}.dialog.poi-field-dialog{padding:var(--space-12);max-height:100%}.poi-sheet-link{padding:5px var(--space-14);border-radius:var(--radius-full);background:var(--surface);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);box-shadow:var(--shadow-sm);cursor:pointer;border:none;flex-shrink:0;font-weight:700}.guide-step{text-align:center;padding:var(--space-8) 0 var(--space-4)}.guide-art{width:100%;max-width:200px;margin:0 auto var(--space-10);aspect-ratio:1;border:2px solid var(--outline-on-surface);border-radius:50%;animation:.26s ease-out guide-art-in;overflow:hidden}.guide-art svg{width:100%;height:100%;display:block}@keyframes guide-art-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.guide-art{animation:none}}@media (height<=700px){.guide-art{max-width:132px}}.guide-step-number{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.05em;margin-bottom:var(--space-8);font-weight:700}.guide-step-title{font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:var(--space-8);font-weight:700}.guide-step-desc{max-width:320px;font-size:var(--text-base);color:var(--text-secondary);margin:0 auto;line-height:1.6}.guide-step-hint{max-width:320px;margin:var(--space-8) auto 0;font-size:var(--text-sm);color:var(--text-muted);text-align:left;justify-content:center;align-items:center;gap:5px;line-height:1.5;display:flex}.guide-step-hint svg{color:var(--accent-text);font-size:var(--text-base);flex-shrink:0}.guide-dots{justify-content:center;gap:0;margin:0;display:flex}.guide-dot{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.guide-dot:before{content:"";border-radius:var(--radius-full);background:var(--border);width:8px;height:8px;transition:all var(--transition-fast);display:block}.guide-dot.active:before{background:var(--accent);width:20px}.guide-actions{justify-content:center;gap:var(--space-8);margin-top:var(--space-8);display:flex}.guide-actions .btn{min-width:80px}.map-top-controls{top:12px;right:18px;bottom:calc(12px + var(--safe-area-inset-bottom));z-index:calc(var(--z-header) + 1);justify-content:space-between;align-items:flex-start;gap:var(--space-8);box-sizing:border-box;width:calc(100% - 36px);padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right);pointer-events:none;display:flex;position:absolute}.map-top-controls>*{pointer-events:auto}.map-top-controls .map-search-box{position:static;transform:none}.map-top-controls .map-search-box--collapsible{max-height:100%}.map-top-controls .map-search-box--collapsible>.map-search-box-row,.map-top-controls .map-search-box--collapsible>.map-search-box-message{flex-shrink:0}.map-top-controls .map-search-box--collapsible .map-search-results{border:none;flex:auto;min-height:0;max-height:none}.map-actions{align-items:center;gap:var(--space-8);display:flex;position:relative}.map-actions .map-settings-popover{top:calc(100% + 8px);left:0;right:auto}.map-action-btn{border-radius:var(--radius-md);background:var(--map-btn-face);width:48px;height:48px;color:var(--brand-dark-brown);box-shadow:var(--map-btn-shadow);cursor:pointer;transition:background var(--transition-fast);justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}@media (hover:hover){.map-action-btn:hover{background:var(--brand-pink)}}.map-action-btn:disabled{opacity:.5;cursor:default}.map-action-btn-dot{background:var(--error);border:2px solid var(--map-btn-face);pointer-events:none;border-radius:50%;width:12px;height:12px;position:absolute;top:-3px;right:-3px}.map-action-btn.active{background:var(--accent);color:#fff}.map-action-btn-icon{align-items:center;font-size:20px;display:inline-flex}.map-action-btn[data-tooltip]:after,.map-settings-toggle[data-tooltip]:after{content:attr(data-tooltip);background:var(--brand-dark-brown);color:#fff;font-size:var(--text-sm);white-space:nowrap;border-radius:var(--radius-sm);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity var(--transition-fast);padding:5px 9px;font-weight:700;line-height:1;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.map-action-btn[data-tooltip]:focus-visible:after,.map-settings-toggle[data-tooltip]:focus-visible:after{opacity:1}@media (hover:hover){.map-action-btn[data-tooltip]:hover:after,.map-settings-toggle[data-tooltip]:hover:after{opacity:1}}.map-settings-toggle[data-tooltip]:after{inset:50% calc(100% + 8px) auto auto;transform:translateY(-50%)}.map-settings-toggle{border-radius:var(--radius-md);width:48px;height:48px;box-shadow:var(--map-btn-shadow);background:var(--accent);color:var(--on-accent);cursor:pointer;transition:background var(--transition-fast), filter var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.map-settings-toggle:hover{background:var(--accent-hover)}.map-settings-toggle.active{background:var(--accent)}.map-settings-toggle svg{display:block}.map-settings-popover{transform-origin:0 0;gap:var(--space-16);width:min(300px,100vw - 24px);max-height:calc(100vh - 80px);padding:var(--space-12) var(--space-16);background:var(--surface);border:2px solid var(--outline-on-surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-xl);flex-direction:column;animation:.14s cubic-bezier(.22,1,.36,1) menuPop;display:flex;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}.map-settings-confirm{z-index:var(--z-over);border-radius:var(--radius-md);background:var(--brand-dark-brown);color:#fff;cursor:pointer;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex;position:absolute;top:10px;right:12px}.map-settings-popover .section-heading,.map-settings-popover .basemap-poi-toggle-text{color:var(--text-primary)}.map-settings-popover .label-size-option{width:40px;height:40px;color:var(--text-primary)}.map-settings-popover .style-select{border:2px solid var(--outline-on-surface);color:var(--text-primary);background-image:var(--select-caret)}.map-settings-section{gap:var(--space-6);flex-direction:column;display:flex}.map-settings-group{gap:var(--space-12);flex-direction:column;display:flex}.map-settings-group+.map-settings-group{padding-top:var(--space-12);border-top:1px solid var(--border)}.map-settings-group-title{font-size:var(--text-xs);letter-spacing:.04em;color:var(--text-muted);margin:0;font-weight:700}.map-settings-group-head{justify-content:space-between;align-items:baseline;gap:var(--space-8);display:flex}.map-settings-group-note{min-width:0;color:var(--text-muted);font-size:var(--text-xs);text-align:right;flex:0 auto}.basemap-poi-toggle{justify-content:space-between;align-items:center;gap:var(--space-12);font-size:var(--text-lg);color:var(--text-primary);cursor:pointer;display:flex}.basemap-poi-toggle-text{flex:1;line-height:1.4}.schedule-field-list{gap:var(--space-6);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.schedule-field-row{align-items:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.schedule-field-select,.schedule-field-date,.schedule-field-time{min-width:88px;min-height:36px;padding:0 var(--space-8);border:2px solid var(--outline-on-surface);border-radius:var(--radius-xs);background:var(--surface);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-lg);flex:auto;font-weight:700}.schedule-field-select{cursor:pointer}.schedule-field-tilde{color:var(--text-muted);flex:none;font-weight:700}.schedule-field-remove{border-radius:var(--radius-xs);background:var(--surface);width:36px;height:36px;color:var(--text-primary);cursor:pointer;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.schedule-field-remove:hover{background:var(--bg-tertiary)}.schedule-field-add{justify-content:center;align-items:center;gap:var(--space-6);margin-top:var(--space-6);min-height:36px;padding:0 var(--space-12);border-radius:var(--radius-xs);background:var(--surface);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-lg);cursor:pointer;font-weight:700;display:inline-flex}.schedule-field-add:hover{background:var(--bg-tertiary)}.poi-sheet .schedule-field-list,.poi-field-dialog .schedule-field-list{gap:var(--space-10);padding:var(--space-10);border:2px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--bg-secondary) 40%, var(--surface))}.poi-sheet .schedule-field-row,.poi-field-dialog .schedule-field-row{align-items:center;gap:var(--space-8);grid-template-columns:1fr auto 1fr auto;display:grid}.poi-sheet .schedule-field-row>.schedule-field-select:first-child,.poi-field-dialog .schedule-field-row>.schedule-field-select:first-child{grid-column:1/3}.poi-sheet .schedule-field-row>.schedule-field-select:nth-child(2),.poi-field-dialog .schedule-field-row>.schedule-field-select:nth-child(2),.poi-sheet .schedule-field-row>.schedule-field-date,.poi-field-dialog .schedule-field-row>.schedule-field-date{grid-column:3/5}.poi-sheet .schedule-field-time,.poi-field-dialog .schedule-field-time{text-align:center;min-width:0}.poi-sheet .schedule-field-select,.poi-field-dialog .schedule-field-select,.poi-sheet .schedule-field-date,.poi-field-dialog .schedule-field-date,.poi-sheet .schedule-field-time,.poi-field-dialog .schedule-field-time{min-width:0;min-height:40px}.poi-sheet .schedule-field-select,.poi-field-dialog .schedule-field-select,.poi-sheet .schedule-field-date,.poi-field-dialog .schedule-field-date,.poi-sheet .schedule-field-time,.poi-field-dialog .schedule-field-time,.poi-sheet .schedule-field-remove,.poi-field-dialog .schedule-field-remove{background:var(--surface)}.poi-sheet .schedule-field-select,.poi-field-dialog .schedule-field-select,.poi-sheet .schedule-field-date,.poi-field-dialog .schedule-field-date,.poi-sheet .schedule-field-time,.poi-field-dialog .schedule-field-time{border-color:var(--border)}.poi-sheet .schedule-field-add,.poi-field-dialog .schedule-field-add{margin-top:var(--space-10);border-radius:var(--radius-md);min-height:44px;color:var(--accent-text);background:0 0;align-self:stretch}.poi-sheet .schedule-field-add:hover,.poi-field-dialog .schedule-field-add:hover{background:var(--bg-tertiary)}.poi-sheet-note{display:flex;position:relative}.poi-sheet-note .input-group{flex:1;min-width:0}.poi-sheet-note-count{font-size:var(--text-xs);color:var(--text-muted);pointer-events:none;font-weight:700;position:absolute;bottom:8px;right:10px}.poi-sheet-note .textarea{padding-bottom:var(--space-24)}.schedule-field-legacy{align-items:center;gap:var(--space-8);margin:0 0 var(--space-6);font-size:var(--text-sm);color:var(--text-muted);display:flex}.schedule-field-legacy-clear{padding:var(--space-2) var(--space-8);border-radius:var(--radius-xs);background:var(--surface);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;flex:none;font-weight:700}.info-panel-date-line{display:block}.switch{flex:none;width:44px;height:24px;display:inline-flex;position:relative}.switch-input{opacity:0;cursor:pointer;width:100%;height:100%;z-index:var(--z-over);margin:0;position:absolute;inset:0}.switch-track{border-radius:var(--radius-full);background:var(--bg-tertiary);border:1px solid var(--outline-on-surface);transition:background-color .2s,border-color .2s;position:absolute;inset:0}.switch-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:50%;left:3px;transform:translateY(-50%);box-shadow:0 1px 2px #00000040}.switch-input:checked+.switch-track{background:var(--accent);border-color:var(--accent)}.switch-input:checked+.switch-track .switch-thumb{transform:translate(20px,-50%)}.switch-input:focus-visible+.switch-track{outline:2px solid var(--focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){.switch-track,.switch-thumb{transition:none}}.bottom-sheet{padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right);z-index:var(--z-panel);isolation:isolate;border-top:2px solid var(--outline-on-surface);touch-action:none;will-change:height;border-radius:0;max-height:none;transition:height .32s cubic-bezier(.22,1,.36,1),bottom .32s cubic-bezier(.22,1,.36,1),left .32s cubic-bezier(.22,1,.36,1),right .32s cubic-bezier(.22,1,.36,1),border-radius .32s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -6px 24px #00000029}.bottom-sheet .editor-panel-content,.bottom-sheet .place-list{touch-action:none;overflow:hidden}.bottom-sheet.expanded .editor-panel-content,.bottom-sheet.expanded .place-list{touch-action:none;overflow-y:auto}.bottom-sheet input,.bottom-sheet textarea,.bottom-sheet select,.bottom-sheet button,.bottom-sheet a{touch-action:auto}.bottom-sheet.collapsed{box-shadow:var(--shadow-md);border-radius:0;bottom:0;left:0;right:0}.bottom-sheet.collapsed .editor-panel-content{height:calc(64px + var(--safe-area-inset-bottom));padding:var(--space-8) var(--space-8) calc(var(--space-8) + var(--safe-area-inset-bottom));overflow:hidden}.bottom-sheet.editor-place-sheet.collapsed{box-shadow:none;border-top:none}.bottom-sheet .editor-panel-content{padding:var(--space-8) var(--space-8) calc(var(--space-8) + var(--safe-area-inset-bottom))}.bottom-sheet.expanded .editor-panel-content{padding:var(--space-16) var(--space-16) calc(var(--space-16) + var(--safe-area-inset-bottom))}@media (width<=767px){input,textarea,select,.input,.style-select{font-size:var(--text-xl)}.editor-layout{position:relative}.map-search-box{width:auto;left:64px;right:54px;transform:none}.maplibregl-ctrl-top-right{display:none!important}}.category-selector,.map-location-fields{gap:var(--space-8);flex-direction:column;display:flex}.map-select-field{gap:var(--space-4);flex-direction:column;display:flex}.map-select-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:700}.map-select{min-height:44px;padding:0 var(--space-10);border:2px solid var(--outline-on-surface);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);font-family:inherit;font-size:var(--text-base)}.category-dialog-note{font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-12);margin-bottom:var(--space-16);line-height:1.6}.dialog-category .share-actions{margin-top:var(--space-20)}.viewer-title-place{min-height:26px;padding:0 var(--space-8);border-radius:var(--radius-xs);background:var(--brand-outline);color:#fff;white-space:nowrap;align-items:center;font-weight:700;display:inline-flex}.viewer-title-categories{align-items:center;gap:var(--space-6);font-family:var(--font-map);font-size:var(--text-sm);letter-spacing:.01em;color:var(--text-muted);word-break:break-word;flex-wrap:wrap;margin:3px 0 0;font-weight:400;line-height:1.3;display:flex}.viewer-title-category-link{min-height:26px;padding:0 var(--space-10);border-radius:var(--radius-xs);background:var(--kokko-red);color:#fff;white-space:nowrap;cursor:pointer;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.viewer-title-category-link:hover{filter:brightness(.94)}.maplibregl-ctrl-bottom-left,.maplibregl-ctrl-bottom-right{z-index:var(--z-over)!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.emoji-input{width:100%;padding:var(--space-8) var(--space-10);font-size:var(--text-2xl);text-align:center;border:2px solid var(--outline-on-surface);border-radius:var(--radius-xs);background:var(--surface);color:var(--text-primary)}.emoji-input:focus{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.icon-grid-picker{gap:var(--space-10);flex-direction:column;display:flex}.icon-grid{gap:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.icon-grid-item{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);border-radius:var(--radius-xs);background:var(--surface);cursor:pointer;transition:background var(--transition-fast);flex-direction:column;display:flex}.icon-grid-item:hover{background:var(--bg-secondary)}.icon-grid-item.active{background:var(--brand-dark-brown)}.icon-grid-item.active .icon-grid-emoji-label,.icon-grid-item.active .icon-grid-item--emoji .icon-grid-emoji-glyph,.icon-grid-item.active .icon-grid-emoji-glyph{color:#fff}.icon-grid-item img{object-fit:contain;pointer-events:none;width:34px;height:40px;display:block}.icon-grid-none-glyph{justify-content:center;align-items:center;width:34px;height:40px;display:flex}.icon-grid-none-glyph svg{width:30px;height:30px;display:block}.icon-grid-pin-glyph{justify-content:center;align-items:center;width:34px;height:40px;display:flex}.icon-grid-pin-glyph svg{width:32px;height:34px;display:block}.icon-grid-item--emoji .icon-grid-emoji-glyph{width:34px;height:40px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:26px;line-height:1;display:flex}.icon-grid-emoji-label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:700}.icon-field{display:inline-block;position:relative}.icon-field-trigger{align-items:center;gap:var(--space-8);padding:var(--space-6) var(--space-10);border-radius:var(--radius-xs);background:var(--surface);cursor:pointer;transition:background var(--transition-fast);display:inline-flex}.icon-field-trigger:hover{background:var(--bg-secondary)}.icon-field-preview{width:30px;height:34px;font-size:var(--text-4xl);justify-content:center;align-items:center;line-height:1;display:inline-flex}.icon-field-preview-icon,.icon-field-preview img{object-fit:contain;width:28px;height:33px;display:block}.icon-field-preview-icon>svg{width:100%;height:100%;display:block}.icon-field-caret{font-size:var(--text-sm);color:var(--text-secondary)}.icon-field-popover{transform-origin:0 0;z-index:var(--z-portal-popover);width:max-content;max-width:280px;padding:var(--space-10);background:var(--surface);border:2px solid var(--outline-on-surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-xl);animation:.14s cubic-bezier(.22,1,.36,1) menuPop;position:fixed;overflow-y:auto}@media (height<=720px){.icon-field-popover{padding:var(--space-8)}.icon-grid{gap:var(--space-6)}.icon-grid-item{padding:5px var(--space-4)}.icon-grid-item img,.icon-grid-item--emoji .icon-grid-emoji-glyph{width:30px;height:34px}.icon-grid-item--emoji .icon-grid-emoji-glyph{font-size:var(--text-4xl)}}.poi-item-icon--emoji{font-size:20px;line-height:1}.gallery-card{gap:var(--space-12);background:var(--surface);border:2px solid var(--outline-on-surface);border-radius:var(--radius-md);padding:var(--space-16);box-shadow:0 4px 14px color-mix(in srgb, var(--brand-dark-brown) 10%, transparent);transition:transform var(--transition-fast), box-shadow var(--transition-fast);flex-direction:column;display:flex}.gallery-card:hover{box-shadow:0 10px 22px color-mix(in srgb, var(--brand-dark-brown) 16%, transparent);transform:translateY(-3px)}.gallery-card-thumb-preview{width:100%;height:100%;display:block}.gallery-card-thumb-route{stroke:var(--surface);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;opacity:.85}.gallery-card-thumb-pin{fill:var(--surface);stroke:var(--brand-outline);stroke-width:.8px}.gallery-card-thumb-fallback{width:100%;height:100%;color:var(--text-primary);opacity:.75;justify-content:center;align-items:center;font-size:32px;display:flex}.map-thumb-factory{pointer-events:none;width:480px;height:360px;z-index:var(--z-under);position:fixed;top:0;left:-9999px}.map-thumb-factory .map-container,.map-thumb-factory-canvas{width:100%;height:100%}.map-cards{padding:var(--space-8) calc((100% - var(--map-card-w)) / 2);margin:0;margin-top:calc(-1 * var(--space-6));scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;gap:0;list-style:none;display:flex;overflow:auto hidden}@media (pointer:coarse){.map-cards{scrollbar-width:none}.map-cards::-webkit-scrollbar{display:none}}.map-card{flex:0 0 var(--map-card-w);scroll-snap-align:center;gap:var(--space-8);min-width:0;padding:var(--space-8);border:2px solid var(--outline-on-surface);border-bottom:solid 4px var(--outline-on-surface);background:var(--surface);--map-card-tilt:-2.5deg;--map-card-drop:0px;transform:rotate(var(--map-card-tilt)) translateY(var(--map-card-drop));transition:transform var(--transition-fast);border-radius:6px;flex-direction:column;display:flex;position:relative}.map-card+.map-card{margin-left:calc(-1 * var(--map-card-overlap))}.map-card.is-draft{border-style:dashed}.map-card:nth-child(2n){--map-card-tilt:2.5deg}.map-card[aria-current]{z-index:var(--z-over);box-shadow:var(--shadow-md);--map-card-tilt:0deg;--map-card-drop:0px}@media (prefers-reduced-motion:reduce){.map-card{transition:none}}.map-card-head{z-index:var(--z-over);height:var(--map-card-head-h);padding:var(--space-4) var(--space-6);background:linear-gradient(#3e3e3e 0% 70%,#fcf6e91a 100%);border-radius:10px 10px 0 0;flex-flow:column;justify-content:start;align-items:flex-start;display:flex;position:relative}.map-card-title{align-items:center;gap:var(--space-8);flex:none;min-width:0;max-width:100%;display:flex}.map-card-name{font-family:var(--font-logo);font-size:var(--text-lg);color:var(--sheet-surface);text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-weight:700;line-height:1.3;overflow:hidden}.map-card-tags{padding:0px var(--space-4);background-color:var(--kokko-red);color:#fff;gap:var(--space-28);font-size:var(--text-xs);border-radius:6px;flex-wrap:wrap;flex-shrink:0;display:flex}.mypage-profile-copy:after,.mypage-profile-edit-btn:after{content:"";border-radius:50%;width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mypage-profile-edit-btn:after{clip-path:inset(0 0 0 50%)}.map-card-thumb{margin-top:calc(-1 * (var(--map-card-head-h) + var(--space-8)));aspect-ratio:4/3;border:2px solid var(--outline-on-surface);border-radius:var(--radius-xs);background:var(--bg-tertiary);position:relative;overflow:hidden}.map-card-badges{top:calc(var(--map-card-head-h) + 6px);z-index:var(--z-over);gap:var(--space-4);flex-wrap:wrap;display:flex;position:absolute;left:6px}.map-card-badges .mypage-badge{margin-left:0}.map-card-thumb img,.map-card-thumb svg{object-fit:cover;width:100%;height:100%;display:block}.map-card-thumb img.is-share-card{height:calc(100% / var(--share-card-map-ratio));object-position:center top}.map-card-default-thumb{background:#946f65;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.map-card-default-thumb .map-card-default-art{object-fit:contain;-webkit-user-select:none;user-select:none;width:40%;height:auto;display:block}.map-card-meta{align-items:center;gap:var(--space-12);font-size:var(--text-sm);color:var(--text-secondary);flex-wrap:wrap;display:flex}.map-card-meta>span{align-items:center;gap:var(--space-4);display:inline-flex}.map-card-meta:empty{display:none}.map-card-actions{justify-content:flex-end;display:flex}.mypage-badge{padding:var(--space-2) var(--space-8);border:2px solid var(--outline-on-surface);border-radius:var(--radius-full);font-size:var(--text-sm);white-space:nowrap;margin-left:auto;font-weight:700}.mypage-badge.is-public{background:var(--brand-green);color:#fff}.mypage-badge.is-private{color:var(--text-secondary);background:0 0}.mypage-badge.is-draft{color:var(--brand-dark-brown);background:#f0c04a}.map-card-hashtag{color:inherit;font-weight:700}.map-card-stats{align-items:center;gap:var(--space-8);display:inline-flex}.map-card-views,.map-card-remixes{color:var(--text-primary);font-weight:700}.mypage-all-pins-btn{background:var(--bashare-peach);min-height:32px;padding:var(--space-6) var(--space-16);flex:none;margin-right:auto}.dialog.all-pins-dialog{max-width:min(720px,100vw - 24px)}.all-pins-dialog .dialog-body{padding:0}.all-pins-count{margin:0 var(--space-24) var(--space-8);font-size:var(--text-sm);color:var(--text-primary);font-weight:700}.all-pins-note{margin-left:var(--space-4);color:var(--text-muted)}.all-pins-hint{margin-left:var(--space-8);color:var(--text-muted);font-weight:400}.all-pins-map{border:2px solid var(--outline-on-surface);border-radius:4px 4px var(--radius-md) var(--radius-md);background:var(--surface-muted);height:min(70vh,520px);position:relative;overflow:hidden}.mypage-layout .all-pins-map .app-bg-map{height:auto;inset:0}.mypage-info-form{gap:var(--space-14);flex-direction:column;display:flex}.mypage-info-actions{gap:var(--space-8);display:flex}.mypage-login-action{margin-top:var(--space-16)}.profile-avatar{border:2px solid var(--outline-on-surface);background:var(--panel-section-bg);width:72px;height:72px;color:var(--text-primary);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:1.5rem;display:inline-flex;overflow:hidden}.profile-avatar-img{object-fit:cover;width:100%;height:100%}.home-layout{background:var(--bg);flex-direction:column;width:min(100%,560px);height:100dvh;margin:0 auto;display:flex;position:relative;overflow:clip}.topbar{padding:calc(var(--space-10) + var(--safe-area-inset-top)) var(--space-16) var(--space-10);background:var(--topbar-bg);align-items:center;display:flex}.topbar-inner{justify-content:space-between;align-items:center;gap:var(--space-12);width:100%;display:flex}.topbar-logo{min-height:44px;font-family:var(--font-logo);font-size:var(--text-4xl);color:var(--on-topbar);white-space:nowrap;align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.home-hero{flex:auto;min-height:120px;margin:0;position:relative;overflow:hidden}.home-hero-bubble{--bubble-lift:52px;transform:translate(-50%, calc(-100% - var(--bubble-lift)));transform-origin:bottom;animation:bubble-pop var(--duration-fast) cubic-bezier(.22, 1, .36, 1);z-index:calc(var(--z-over) + 3);gap:var(--space-6);width:max-content;max-width:min(280px,100vw - 24px);padding:var(--space-8);background:var(--surface);border:2px solid var(--outline-on-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);flex-direction:column;display:flex;position:absolute}.home-hero-bubble:after{content:"";background:var(--surface);border-right:2px solid var(--outline-on-surface);border-bottom:2px solid var(--outline-on-surface);width:12px;height:12px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)rotate(45deg)}.home-hero-bubble.is-below{transform:translate(-50%, var(--bubble-lift));transform-origin:top;animation:none}.home-hero-bubble.is-below:after{border-bottom:none;border-right:none;border-left:2px solid var(--outline-on-surface);border-top:2px solid var(--outline-on-surface);top:-9px;bottom:auto}.home-hero-bubble-head{align-items:center;gap:var(--space-4);display:flex}.home-hero-bubble-title{min-width:0;color:var(--text-primary);font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;flex:auto;margin:0;font-weight:700;overflow:hidden}.home-hero-bubble-open{width:100%;min-height:44px;padding:0 var(--space-10);border-radius:var(--radius-sm);background:var(--kokko-red-deep);color:#fff;font:inherit;font-size:var(--text-base);cursor:pointer;border:none;font-weight:700}@media (hover:hover){.home-hero-bubble-open:hover{background:var(--kokko-red)}}.home-hero-bubble-open:active{transform:translate(1px,1px)}.home-hero-bubble-close{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--text-secondary);font-size:var(--text-lg);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;display:inline-flex}@media (hover:hover){.home-hero-bubble-close:hover{background:var(--surface-hover)}}.home-locate-error{z-index:calc(var(--z-over) + 2);max-width:calc(100% - 32px);padding:var(--space-8) var(--space-12);border-radius:var(--radius-sm);background:var(--brand-dark-brown);color:#fff;font-size:var(--text-sm);text-align:center;box-shadow:var(--shadow-md);margin:0;font-weight:700;position:absolute;bottom:56px;left:50%;transform:translate(-50%)}.home-filter{gap:var(--space-4);flex-direction:column;display:flex}.home-search-row{align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-10) var(--space-4);display:flex}.home-search-row .home-search-bar{flex:auto;min-width:0;margin:0}.home-region-select{border-radius:var(--radius-full);background:var(--surface);min-height:38px;color:var(--text-primary);flex:none;align-items:center;display:inline-flex;position:relative}.home-region-select-icon,.home-region-select-caret{pointer-events:none;font-size:var(--text-base);color:var(--text-primary);position:absolute}.home-region-select-icon{left:10px}.home-region-select-caret{font-size:var(--text-sm);right:10px}.home-region-select-input{appearance:none;max-width:8.5em;min-height:38px;padding:0 var(--space-28) 0 30px;border-radius:inherit;color:inherit;font-family:inherit;font-size:var(--text-base);text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;font-weight:700}.home-region-select-input:focus-visible{outline:2px solid var(--kokko-red);outline-offset:1px}.home-strip-place{z-index:var(--z-over);background:var(--brand-dark-brown);border-radius:var(--radius-xs) var(--radius-xs) 0 0;max-width:calc(100% - 8px);position:absolute;bottom:0;right:4px}.map-place-badge{max-width:100%;padding:1px var(--space-6);border-radius:var(--radius-xs);color:#fff;font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;align-items:baseline;gap:3px;font-weight:700;display:inline-flex;overflow:hidden}.map-place-badge-pref{color:var(--text-secondary);font-size:13px}.home-strip-place .map-place-badge-pref{color:#fff}.home-sheet{overscroll-behavior:contain;scrollbar-width:none;flex-direction:column;flex:auto;padding:0;display:flex;overflow:hidden auto}.home-sheet::-webkit-scrollbar{display:none}.home-layout.is-mobile-like .topbar{padding-top:calc(var(--space-12) + var(--safe-area-inset-top));padding-bottom:var(--space-12);background:0 0;position:absolute;top:0;left:0;right:0}.home-layout.is-mobile-like .topbar-logo{color:var(--kokko-red)}.home-layout.is-mobile-like .app-drawer-btn:not(.is-avatar){background:var(--brand-dark-brown);color:var(--brand-beige)}.home-layout.is-mobile-like .home-tab-pane>.home-pane-scroll{padding-bottom:calc(var(--home-bottom-tabs-h) + var(--space-24) + var(--safe-area-inset-bottom))}.home-layout.is-mobile-like .home-tab-pane.is-picks>.home-pane-scroll,.home-layout.is-mobile-like .home-tab-pane.is-mine>.home-pane-scroll{padding-top:var(--topbar-h)}.home-search-row>*{background:#fffc}.home-section-title{font-family:var(--font-logo);font-size:var(--text-2xl);text-align:center;color:var(--kokko-red);margin:var(--space-4) 0 var(--space-12);padding:var(--space-12);font-weight:700}.home-strip-section{margin-bottom:var(--space-18)}.home-strip-section .home-section-title{align-items:center;gap:var(--space-6);text-align:left;margin:0 0 var(--space-8);display:flex}.home-section-kokko{flex:none;width:26px;height:auto}.home-strip{padding:0 0 var(--space-4);isolation:isolate;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0;list-style:none;display:flex;overflow-x:auto}.home-strip::-webkit-scrollbar{display:none}.home-strip-item{margin:0 var(--space-4);gap:var(--space-4);scroll-snap-align:start;flex-direction:column;flex:0 0 190px;min-width:0;display:flex;position:relative}.home-strip-card{gap:var(--space-6);text-align:left;width:100%;min-width:0;font:inherit;cursor:pointer;appearance:none;padding:0 0 var(--space-8);color:var(--text-primary);box-shadow:0 1px 0 color-mix(in srgb, var(--outline-on-surface) 14%, transparent);background:#fff;border-radius:12px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.home-strip-thumb{aspect-ratio:16/9;background:var(--bg-tertiary);border-radius:10px 10px 0 0;display:block;position:relative;overflow:hidden}.home-strip-thumb img{object-fit:cover;width:100%;height:100%;display:block}.home-strip-name{padding:0 var(--space-8);font-size:var(--text-sm);-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;height:2.7em;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.home-strip-tags{padding:0 var(--space-8);display:block}.home-strip-badge{z-index:var(--z-over);max-width:calc(100% - 8px);position:absolute;top:4px;left:4px}.home-strip-updated{padding:0 var(--space-8);font-size:var(--text-2xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-weight:700;line-height:1.3;overflow:hidden}.home-strip-note{padding:0 var(--space-8);font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-weight:700;line-height:1.2;overflow:hidden}.home-strip-stats{align-items:center;gap:var(--space-10);display:inline-flex}.home-strip-stat{align-items:center;gap:3px;display:inline-flex}.home-strip-stat svg{opacity:.7;width:12px;height:12px}.home-strip-footer{padding:0 var(--space-8) var(--space-8);justify-content:flex-start;align-items:center;min-height:18px;display:flex}.home-strip-corner{z-index:calc(var(--z-over) + 1);background:var(--surface);width:28px;height:28px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:2px;right:2px}.home-strip-corner:hover{background:var(--bg-tertiary)}.card-actions-menu{z-index:calc(var(--z-over) + 2);position:absolute;top:4px;right:4px}.card-actions-menu.is-open{z-index:var(--z-panel)}.card-actions-menu .card-actions-trigger{position:static}.card-actions-dropdown{min-width:150px}.account-menu-item.is-danger,.account-menu-item.is-danger .account-menu-item-icon{color:var(--error-text)}.home-strip-new{justify-content:center;align-items:center;gap:var(--space-8);border:2px solid var(--outline-on-surface);background:var(--kokko-red);color:#fff;width:100%;font-size:var(--text-xl);border-radius:18px;flex-direction:column;flex:1;font-weight:700;text-decoration:none;display:flex}.home-strip-new svg{width:22px;height:22px}.home-strip.home-strip-grid{gap:var(--space-10);scroll-snap-type:none;padding:0 0 var(--space-8);grid-template-columns:repeat(auto-fill,minmax(128px,1fr));display:grid;overflow-x:visible}.home-strip-tag{padding:var(--space-2) var(--space-8);border-radius:var(--radius-xs);background:var(--kokko-red);color:#fff;line-height:1.3;font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-weight:700;overflow:hidden}.home-strip-tags .home-strip-tag{background:var(--kokko-red);color:#fff}.map-card-skeleton{--skeleton-bg:var(--bg-tertiary);--skeleton-sheen:color-mix(in srgb, var(--surface) 70%, #fff)}.map-card-ghost{--ghost-delay:calc(var(--ghost-index,0) * 90ms);cursor:default}.map-card-ghost .home-strip-name{flex-direction:column;justify-content:center;gap:5px;display:flex}.skeleton-block{border-radius:var(--radius-xs);background-color:var(--skeleton-bg);background-image:linear-gradient(100deg, transparent 40%, var(--skeleton-sheen) 50%, transparent 60%);animation:skeleton-sweep 1.5s var(--ghost-delay,0s) linear infinite;background-repeat:no-repeat;background-size:300% 100%;display:block}@keyframes skeleton-sweep{0%{background-position:100% 0}to{background-position:0 0}}.skeleton-thumb{width:100%;height:100%}.skeleton-line{height:10px}.skeleton-line.is-short{width:60%}@media (prefers-reduced-motion:reduce){.skeleton-block{background-image:none;animation:none}}@media (width>=768px){.home-layout{width:100%;max-width:1280px;padding:0}.topbar{padding-left:0;padding-right:0}.topbar-inner,.home-sheet{width:80%;margin:0 auto}.home-layout.is-desktop{background:var(--bg-color);max-width:none;margin:0}.home-layout.is-desktop .topbar{padding:var(--space-10) var(--space-16)}.home-layout.is-desktop .topbar-inner{align-items:center;gap:var(--space-16);grid-template-columns:auto minmax(360px,560px) auto;width:100%;margin:0;display:grid}.home-desktop-search{align-items:center;gap:var(--space-8);height:36px;padding:0 var(--space-20);border-radius:var(--radius-full);background:var(--map-btn-face);color:var(--text-muted);display:inline-flex}.home-desktop-search-input{width:100%;font:inherit;color:var(--text-primary);background:0 0;border:0;outline:none}.home-desktop-footer{justify-content:space-between;align-items:center;gap:var(--space-16);height:64px;padding:0 var(--space-24);background:var(--brand-dark-brown);flex:none;display:flex}.home-desktop-footer-nav{align-items:center;gap:var(--space-20);scrollbar-width:none;min-width:0;display:flex;overflow-x:auto}.home-desktop-footer-nav::-webkit-scrollbar{display:none}.home-desktop-footer-nav a{font-size:var(--text-lg);color:#fff;white-space:nowrap;font-weight:700;text-decoration:none}.home-desktop-footer-nav a:hover{color:#fff;text-decoration:underline}.home-desktop-footer-note{font-size:var(--text-sm);color:#fff;flex:none;margin:0}.home-desktop-tool{align-items:center;gap:var(--space-4);min-height:32px;padding:0 var(--space-10);color:#fff;font-family:inherit;font-size:var(--text-sm);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:10px;font-weight:700;display:inline-flex}.home-desktop-tool:hover{background:var(--kokko-red-deep)}.home-layout.is-desktop .topbar-actions .auth-login-btn{color:var(--on-topbar);min-height:32px;padding:0 var(--space-12);font-size:var(--text-sm);background:0 0;border-radius:10px}.home-layout.is-desktop .topbar-actions .auth-login-btn:hover:not(:disabled){background:color-mix(in srgb, var(--on-topbar) 18%, transparent)}.home-desktop-main{background:var(--surface);border-top:1px solid color-mix(in srgb, var(--outline-on-surface) 16%, transparent);flex:auto;grid-template-rows:minmax(0,1fr);grid-template-columns:220px minmax(0,1fr);min-height:0;display:grid}.home-desktop-left{gap:var(--space-10);padding:var(--space-16) var(--space-12);background:var(--home-desktop-ground);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.home-desktop-nav-group{gap:var(--space-4);flex-direction:column;display:flex}.home-desktop-nav-group.is-category,.home-desktop-nav-title.is-sub{padding-left:var(--space-12)}.home-desktop-nav-title{margin-top:var(--space-8);font-size:var(--text-lg);color:var(--text-muted);font-weight:700}.home-desktop-nav-item{min-height:40px;padding:0 var(--space-10);color:var(--text-primary);font-size:var(--text-base);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;font-weight:700;text-decoration:none;display:flex}.home-desktop-nav-item.is-current{background:color-mix(in srgb, var(--bashare-peach) 56%, transparent);color:var(--kokko-red)}.home-desktop-nav-item:disabled{opacity:.45;cursor:not-allowed}.home-desktop-center{background:var(--bg-color);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.home-desktop-content-row{flex:auto;min-height:0;position:relative;overflow:hidden}.home-desktop-main-column{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex}.home-desktop-hero{background:var(--bg-tertiary);border-radius:0;flex:auto;min-height:320px;margin:0;position:relative;overflow:hidden}.home-desktop-strip-block{z-index:var(--z-over);padding:var(--space-4) 0;background:0 0;position:absolute;bottom:0;left:0;right:0}.home-desktop-hero .maplibregl-ctrl-bottom-left,.home-desktop-hero .maplibregl-ctrl-bottom-right{bottom:calc(var(--home-strip-h,220px) + var(--space-4))}.home-desktop-strip-block .home-strip-section{margin-bottom:0}.home-desktop-strip-block .home-strip-section.home-weekly-picks{padding:var(--space-8) 0}.home-desktop-strip-block .home-strip{flex-wrap:nowrap;padding:0}.home-desktop-strip-block .home-strip-item{flex:0 0 clamp(120px,15vw,160px)}.home-desktop-right{top:54px;right:12px;bottom:calc(var(--home-strip-h,220px) + var(--space-24));width:clamp(180px,28vw,300px);z-index:calc(var(--z-over) + 1);gap:var(--space-4);scrollbar-width:none;min-width:0;min-height:0;transition:transform var(--transition-base);background:#fffc;border-radius:12px;flex-direction:column;padding:0;display:flex;position:absolute;overflow-y:auto;box-shadow:0 2px 12px #00000014}.home-desktop-right::-webkit-scrollbar{display:none}.home-desktop-right.is-closed{transform:translate(calc(100% + 12px))}@media (prefers-reduced-motion:reduce){.home-desktop-right{transition:none}}.home-desktop-create-btn{width:clamp(180px,28vw,300px);z-index:calc(var(--z-over) + 1);background:var(--kokko-red);color:#fff;min-height:34px;font-size:var(--text-lg);border-radius:10px;justify-content:center;align-items:center;font-weight:700;text-decoration:none;display:inline-flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 12px #00000014}.home-desktop-create-btn:hover{background:var(--kokko-red-deep)}.home-desktop-region-select{margin-left:var(--space-12);width:calc(100% - 12px);min-height:40px;padding:0 var(--space-8);border:1px solid color-mix(in srgb, var(--outline-on-surface) 28%, transparent);background:var(--surface);color:var(--text-primary);font:inherit;cursor:pointer;border-radius:10px;font-weight:700}.home-desktop-right-toggle{z-index:calc(var(--z-over) + 2);width:28px;height:28px;color:var(--text-primary);font-size:var(--text-xl);cursor:pointer;transition:right var(--transition-base);background:#ffffffdb;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:54px;right:calc(clamp(180px,28vw,300px) + 16px);box-shadow:0 2px 8px #00000024}.home-desktop-right-toggle:hover{background:#fff}.home-desktop-right-toggle.is-closed{right:12px}@media (prefers-reduced-motion:reduce){.home-desktop-right-toggle{transition:none}}.home-desktop-side-section{padding:var(--space-10);border:0;border-radius:12px}.home-desktop-side-head{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;display:flex}.home-desktop-side-head h3{font-size:var(--text-xl);margin:0;font-weight:700}.home-desktop-side-head a{font-size:var(--text-sm);color:var(--text-muted);font-weight:700;text-decoration:none}.home-desktop-side-list{gap:var(--space-8);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.home-desktop-side-link{gap:var(--space-8);padding:var(--space-4) var(--space-8) var(--space-4) var(--space-4);border-radius:var(--radius-sm);color:inherit;background:#fff;grid-template-columns:56px minmax(0,1fr);align-items:center;text-decoration:none;display:grid}.home-desktop-side-thumb{background:var(--bg-tertiary);border-radius:10px;width:56px;height:56px;display:block;overflow:hidden}.home-desktop-side-thumb img{object-fit:cover;width:100%;height:100%}.home-desktop-side-copy{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.home-desktop-side-title{font-size:var(--text-lg);color:var(--text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-weight:700;display:-webkit-box;overflow:hidden}.home-desktop-side-meta{align-items:center;gap:var(--space-6);font-size:var(--text-xs);color:var(--text-muted);font-weight:700;display:inline-flex}.home-desktop-side-meta svg{opacity:.7;width:12px;height:12px}}@media (width<=1100px){.home-layout.is-desktop .home-desktop-main{grid-template-columns:180px minmax(0,1fr)}.home-layout.is-desktop .home-desktop-content-row{grid-template-columns:minmax(0,1fr) clamp(160px,34vw,240px)}.home-layout.is-desktop .home-desktop-right{border-left:1px solid color-mix(in srgb, var(--outline-on-surface) 18%, transparent);border-top:0;max-height:none}}@media (width<=900px){.home-layout.is-desktop .home-desktop-main{grid-template-columns:minmax(0,1fr)}.home-layout.is-desktop .home-desktop-left{display:none}.home-layout.is-desktop .topbar-inner{gap:var(--space-10);grid-template-columns:auto minmax(180px,1fr) auto}}.mypage-layout{height:100dvh;position:relative;overflow:clip}.app-bg-map{z-index:var(--z-map);position:absolute;inset:0}.mypage-layout .app-bg-map{height:calc(100% - var(--mypage-sheet-h,258px) + 10px);bottom:auto}.app-bg-map-canvas{width:100%;height:100%}.mypage-search-btn{width:36px;height:36px;color:var(--brand-dark-brown);background:var(--brand-pink);font-size:var(--text-4xl);cursor:pointer;pointer-events:auto;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.mypage-tabs{align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-12);display:flex}.mypage-tabs .mypage-search-btn{margin-left:auto}.mypage-tabs .mypage-search-bar{min-width:0}.mypage-tab{color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.mypage-tab-label{min-height:44px;padding:0 var(--space-16);border-radius:var(--radius-full);align-items:center;display:inline-flex}.mypage-tab.is-active{color:var(--text-primary);font-weight:700}.mypage-tab.is-active .mypage-tab-label{background:var(--surface)}.mypage-record-list{padding:0 var(--space-12);margin:0;list-style:none}.mypage-record+.mypage-record{border-top:1px solid var(--outline-on-surface)}.mypage-record-body{align-items:center;gap:var(--space-12);min-height:44px;padding:var(--space-8) 0;color:var(--text-primary);display:flex}.mypage-record-thumb{border-radius:var(--radius-sm);background:var(--surface);width:48px;height:48px;color:var(--text-secondary);font-size:var(--text-xl);flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.mypage-record-thumb img{object-fit:cover;width:100%;height:100%}.mypage-record-text{gap:var(--space-2);flex-direction:column;flex:auto;min-width:0;display:flex}.mypage-record-name{font-family:var(--font-sans);font-size:var(--text-base);text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:400;line-height:1.3;overflow:hidden}.mypage-record-note{color:var(--text-secondary);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;line-height:1.4;overflow:hidden}:root[data-surface=paper] .mypage-record+.mypage-record{border-color:var(--ol-c)}.mypage-embed{flex-direction:column;display:flex}.mypage-filter{padding:0 var(--space-12);margin-bottom:0}.mypage-filter-row{justify-content:flex-end;align-items:center;gap:var(--space-8);padding:0;display:flex}.mypage-search-bar{align-items:center;gap:var(--space-8);min-width:0;padding:0 var(--space-12);border-radius:var(--radius-full);background:var(--surface);pointer-events:auto;flex:1;height:44px;display:flex}.mypage-search-bar-icon{font-size:var(--text-2xl);color:var(--text-primary);flex:none}.mypage-search-input{min-width:0;font-size:var(--text-xl);color:var(--text-primary);background:0 0;border:none;flex:1}.mypage-search-input:focus{outline:none}.mypage-search-input::-webkit-search-cancel-button{display:none}.mypage-search-close{width:24px;height:24px;margin:calc(-1 * var(--space-10)) calc(-1 * var(--space-6)) calc(-1 * var(--space-10)) 0;padding:var(--space-10) var(--space-6) var(--space-10) 0;box-sizing:content-box;font-size:var(--text-2xl);color:var(--text-primary);cursor:pointer;background:0 0;border:none;flex:none;justify-content:center;align-items:center;display:inline-flex}.mypage-sheet{width:100%;height:auto;min-height:258px;max-height:calc(100dvh - 160px);z-index:var(--z-panel);overscroll-behavior:contain;scrollbar-width:none;padding:var(--space-6) 0;background:var(--accent);border:0;border-top:4px solid var(--outline-on-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.mypage-sheet::-webkit-scrollbar{display:none}.mypage-layout.mypage-stack{flex-direction:column;display:flex}.mypage-profile-block{padding:var(--space-4) 0 var(--space-10)}.mypage-profile-block .mypage-profile-card{margin-bottom:0}.mypage-layout.mypage-stack .app-bg-map{height:auto;position:absolute;inset:0}.mypage-layout.mypage-stack .mypage-sheet{height:auto;min-height:0;max-height:none;padding:0 0 var(--space-12);background:0 0;border:0;border-radius:0;flex:auto;position:static;overflow-y:auto}.mypage-strip .home-strip{padding-left:var(--space-12);padding-right:var(--space-12)}.home-strip-section.mypage-strip{padding-top:var(--space-16)}.mypage-strip .home-strip-card{border:solid 2px var(--outline-on-surface)}.mypage-strip .home-strip-new{min-height:210px}.mypage-strip .mypage-badge{padding:1px var(--space-6);font-size:var(--text-2xs)}.mypage-strip .home-strip.home-strip-grid{grid-auto-rows:1fr}.mypage-strip .home-strip-card{flex:1}@media (width<=767px){.mypage-strip .home-strip.home-strip-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.mypage-strip .home-strip-thumb{aspect-ratio:auto;height:135px}}@media (width>=768px){.mypage-page .mypage-profile-card{width:80%;margin:auto}.mypage-tabs{width:80%;margin:0 auto;padding-left:0;padding-right:0}.mypage-filter{width:80%;margin:var(--space-12) auto}.home-strip-section.mypage-strip{width:80%;margin:auto}.mypage-strip .home-strip.home-strip-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.mypage-page .mypage-sheet .empty-state{width:80%;margin:var(--space-12) auto}.mypage-sheet .map-cards{--map-card-w:290px}}.mypage-page .empty-state{margin:var(--space-12)}.mypage-profile-card{isolation:isolate;gap:var(--space-12);margin:0 var(--space-8) 26px;height:auto;padding:var(--space-12) var(--space-10);border-bottom:solid 1px var(--outline-on-surface);flex-direction:column;display:flex;position:relative}.mypage-profile-copy{background:var(--kokko-red);color:#fff;width:36px;height:36px;font-size:var(--text-xl);cursor:pointer;transition:filter var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.mypage-profile-copy:hover{filter:brightness(.97)}.mypage-profile-edit-btn{z-index:var(--z-over);justify-content:center;align-items:center;gap:var(--space-4);height:32px;padding:0 var(--space-10);background:var(--kokko-red);color:#fff;border-radius:var(--radius-full);font-size:var(--text-sm);cursor:pointer;transition:filter var(--transition-fast);font-weight:700;display:inline-flex;position:absolute;top:4px;right:4px}.mypage-profile-edit-btn:hover{filter:brightness(.97)}.mypage-profile-avatar-col{align-items:center;gap:var(--space-6);flex-direction:column;flex:none;display:flex}.mypage-profile-avatar-actions{align-items:center;gap:var(--space-6);display:flex}.mypage-profile-main{align-items:flex-start;gap:var(--space-14);min-height:0;display:flex;overflow:hidden}.mypage-profile-body{gap:var(--space-10);flex-direction:column;flex:1;min-width:0;display:flex}.mypage-profile-name{font-weight:700;font-size:var(--text-xl);padding-left:var(--space-4)}.mypage-profile-stats{justify-content:flex-start;gap:var(--space-8);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.mypage-profile-stat{align-items:center;gap:var(--space-6);min-width:56px;padding:var(--space-4) var(--space-12);background:var(--bashare-peach);border-radius:12px;flex-direction:row;display:flex}.mypage-profile-stat-icon{font-size:var(--text-lg);color:var(--text-primary);line-height:1;display:inline-flex}.mypage-profile-stat-value{font-family:var(--font-logo);font-size:var(--text-xl);color:var(--text-primary);font-weight:700;line-height:1.1}.mypage-profile-stat-label{font-size:var(--text-2xs);color:var(--text-primary);white-space:nowrap;font-weight:700;line-height:1.2}.mypage-profile-bio{gap:var(--space-4);margin:var(--space-2) 0 0;flex-direction:column;padding:0;list-style:none;display:flex}.mypage-profile-bio.is-clamped{line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.mypage-profile-bio-more{margin:var(--space-2) 0 0;color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-weight:700;text-decoration:underline}.mypage-profile-bio-line{font-size:var(--text-base);color:var(--text-primary);overflow-wrap:anywhere;font-weight:700;line-height:1.45}.profile-form{gap:var(--space-14);flex-direction:column;display:flex}.profile-form-avatar{align-items:center;gap:var(--space-14);display:flex}.profile-form-avatar-actions{gap:var(--space-8);flex-wrap:wrap;display:flex}.profile-form-count{margin:calc(-1 * var(--space-8)) 0 0;font-size:var(--text-sm);color:var(--text-muted,inherit);text-align:right}.profile-form-actions{gap:var(--space-8);display:flex}.place-list{height:100%;padding:0 0 var(--space-40);background:var(--surface);border-top:2px solid var(--outline-on-surface);min-width:0;overflow-y:auto}@media (width<=767px){.place-list{border-top:none}}.place-list-toolbar{z-index:var(--z-over);justify-content:space-between;align-items:center;gap:var(--space-8);padding:var(--space-12) var(--space-16) var(--space-14);display:flex;position:sticky;top:0}.place-view-toggle{align-items:center;gap:var(--space-8);display:flex}.place-view-btn{background:var(--surface,#fff);width:40px;height:40px;color:var(--text-secondary,#888);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.place-view-btn:hover{background:var(--bg-tertiary)}.place-view-btn.active{background:var(--brand-dark-brown);color:#fff}.place-count-badge{padding:var(--space-8) var(--space-16);border-radius:var(--radius-full);background:var(--surface,#fff);color:var(--text-primary);font-size:var(--text-base);white-space:nowrap;border:none;font-weight:700}:root[data-surface=paper] .poi-sheet{border:var(--ol-w) solid var(--ol-c);border-bottom:none}:root[data-surface=paper] .poi-sheet-confirm,:root[data-surface=paper] .btn-primary,:root[data-surface=paper] .btn-accent,:root[data-surface=paper] .poi-edit-bubble-more{background:var(--kokko-red);color:#fff}:root[data-surface=paper] .btn-primary:hover:not(:disabled),:root[data-surface=paper] .btn-accent:hover:not(:disabled){background:var(--kokko-red-deep)}.place-list-footer{padding:var(--space-10) var(--space-16) calc(var(--space-10) + var(--safe-area-inset-bottom));background:var(--sheet-surface);flex:none}.editor-sheet .place-list:has(>.place-list-footer){flex-direction:column;padding-bottom:0;display:flex}:is(.editor-sheet .place-list:has(>.place-list-footer)>.place-slider,.editor-sheet .place-list:has(>.place-list-footer)>.place-list-items){flex:auto;min-height:0}.place-slider{gap:var(--space-4);padding:0 var(--space-16) var(--space-6);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none;display:flex;overflow:auto hidden}.place-slider::-webkit-scrollbar{display:none}.place-slide{scroll-snap-align:start;border-radius:var(--radius-md);text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:0 0 46%;padding:0;display:flex;overflow:hidden}.place-slide-photo{aspect-ratio:1;background:var(--place-card-face);width:100%;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.place-slide.selected .place-slide-photo{outline:2px solid var(--accent);outline-offset:-2px}.place-slide-photo img{object-fit:cover;width:100%;height:100%;display:block}.place-slide-noimage{background:var(--place-card-face);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.place-slide-noimage-pin{object-fit:contain;text-align:center;-webkit-user-select:none;user-select:none;width:48%;height:48%;font-size:28px;line-height:1;display:block}.place-slide-name{padding:var(--space-8) var(--space-6) var(--space-6);font-size:var(--text-lg);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:700;line-height:1.3;overflow:hidden}.editor-sheet .place-slide{flex:0 0 36.8%}.editor-sheet .place-slide-name{padding:var(--space-10) var(--space-10) var(--space-8);font-size:var(--text-sm)}.place-list-items{padding:0 var(--space-16);gap:var(--space-12);flex-direction:column;margin:0;list-style:none;display:flex}.place-card{text-align:left;width:100%;padding:var(--space-10) var(--space-12);background:var(--surface,#fff);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:none;display:block}.place-card:hover{box-shadow:var(--shadow-md)}.place-card:active{transform:scale(.99)}.place-card.selected{background:var(--accent-soft);box-shadow:0 0 0 2px var(--accent-text), var(--shadow-md)}.place-card-head{align-items:flex-start;gap:var(--space-10);display:flex}.place-card-text{flex:1;min-width:0}.place-card-name{font-size:var(--text-lg);color:var(--text-primary);word-break:break-word;margin:0;font-weight:700;line-height:1.3}.place-card-desc{margin:var(--space-4) 0 0;font-size:var(--text-lg);color:var(--text-secondary,#666);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.place-card-thumb{background:var(--accent-soft);border-radius:var(--radius-xs);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex;overflow:hidden}.place-card-thumb-img{object-fit:contain;width:100%;height:100%;display:block}.place-card-photos{gap:var(--space-4);margin-top:var(--space-8);grid-template-columns:repeat(3,1fr);display:grid}.place-card-photo{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-xs);width:100%;display:block}.mobile-title{align-items:center;gap:var(--space-6);max-width:66vw;padding:var(--space-8) var(--space-12);border-radius:var(--radius-full);background:var(--accent);box-shadow:var(--shadow-md);color:var(--on-accent);font-size:var(--text-lg);cursor:pointer;font-weight:700;display:inline-flex}.mobile-title-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-title-text.is-placeholder{color:var(--on-accent);font-weight:700}.mobile-title-edit{font-size:var(--text-2xl);color:var(--text-secondary);flex-shrink:0;display:inline-flex}.mobile-title-meta{display:none}.hamburger-btn{border-radius:var(--radius-md);background:var(--accent);width:44px;height:44px;box-shadow:var(--shadow-md), 0 0 0 3px var(--accent-soft);cursor:pointer;justify-content:center;align-items:center;padding:0;display:inline-flex}.hamburger-icon,.hamburger-icon:before,.hamburger-icon:after{background:var(--on-accent);content:"";border-radius:2px;width:20px;height:2px;display:block}.hamburger-icon{position:relative}.hamburger-icon:before{position:absolute;top:-6px}.hamburger-icon:after{position:absolute;top:6px}.drawer-overlay{z-index:var(--z-dialog);background:#0006;position:fixed;inset:0}.drawer{z-index:calc(var(--z-dialog) + 1);width:min(300px,82vw);padding:var(--space-12) var(--space-12) calc(var(--space-12) + var(--safe-area-inset-bottom));background:var(--accent);color:var(--on-accent);flex-direction:column;animation:.22s cubic-bezier(.22,1,.36,1) drawer-in;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-6px 0 24px #0000003d}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}.editor-layout.left-handed .drawer{animation-name:drawer-in-left;left:0;right:auto;box-shadow:6px 0 24px #0000003d}@keyframes drawer-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer-header{padding:var(--space-4) var(--space-4) var(--space-12);border-bottom:1px solid var(--on-accent-divider);justify-content:space-between;align-items:center;display:flex}.drawer .logo-text{color:var(--on-accent)}.drawer-close{color:var(--on-accent);cursor:pointer;background:0 0;border:none;font-size:26px;line-height:1}.drawer-body{gap:var(--space-4);padding-top:var(--space-8);flex-direction:column;display:flex;overflow-y:auto}.drawer-item{align-items:center;gap:var(--space-10);text-align:left;width:100%;padding:var(--space-12) var(--space-14);border-radius:var(--radius-md);color:var(--on-accent);font-size:var(--text-lg);cursor:pointer;background:0 0;border:none;font-weight:700;display:flex}.drawer-item-icon{flex-shrink:0;width:18px;height:18px}.drawer-item:hover:not(:disabled){background:var(--on-accent-wash)}.drawer .auth-email{color:var(--on-accent-muted)}.drawer-item:disabled{opacity:.6;cursor:default}.drawer-auth{padding:var(--space-6) var(--space-14)}.drawer-divider{height:1px;margin:var(--space-8) var(--space-4);background:var(--on-accent-divider)}.drawer-handedness{justify-content:space-between;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-14);display:flex}.drawer-handedness-label{font-size:var(--text-base);color:var(--on-accent-muted);font-weight:700}.drawer-handedness-options{border:1px solid var(--on-accent-outline);border-radius:var(--radius-full);display:inline-flex;overflow:hidden}.drawer-handedness-option{padding:var(--space-6) var(--space-14);color:var(--on-accent);font-size:var(--text-lg);cursor:pointer;background:0 0;border:none;font-weight:700}.drawer-handedness-option.active{background:var(--on-accent);color:var(--on-accent-inverse)}.editor-layout.left-handed .viewer-header{justify-content:flex-start}.editor-layout.left-handed .account-menu-dropdown{transform-origin:0 0;left:0;right:auto}.editor-layout.left-handed .viewer-header-leading{left:auto;right:12px}.editor-layout.left-handed .app-menu-dropdown{transform-origin:100% 0;left:auto;right:0}.editor-layout.left-handed .editor-mobile-search{left:72px;right:12px}.editor-layout.left-handed .editor-bottom-menu,.editor-layout.left-handed .editor-title-row{flex-direction:row-reverse}.editor-layout.left-handed .editor-title-row .map-settings-popover{left:auto;right:0}.editor-layout.left-handed .editor-list-fab{left:12px;right:auto}.editor-layout.left-handed .place-list-toolbar{flex-direction:row-reverse}@media (width>=768px){.map-search-box--collapsible{background-color:var(--surface);padding:0 var(--space-6) 0 0;border-radius:var(--radius-sm);border:solid 2px var(--outline-on-surface);left:12px;right:auto}.map-search-box--collapsible .map-search-box-row{border-radius:calc(var(--radius-sm) - 2px)}.map-settings{left:auto;right:18px}.map-settings-popover{left:auto;right:0}.map-settings-toggle{background:var(--brand-pink);border-radius:50%;width:44px;height:44px}.map-settings-toggle:hover{background:color-mix(in srgb, var(--brand-pink) 92%, var(--brand-outline))}.map-settings-toggle.active{background:color-mix(in srgb, var(--brand-pink) 55%, var(--brand-outline))}}.editor-place-panel{z-index:var(--z-panel);width:var(--place-column-w);gap:var(--space-12);padding:var(--space-16) var(--space-18) 0;background:var(--map-btn-face);transition:background var(--transition-base);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;overflow:visible;box-shadow:4px 0 20px #0000001a}.editor-place-panel-scroll{gap:var(--space-12);flex-direction:column;flex:auto;min-height:0;display:flex;overflow:visible}.editor-place-panel.is-editing .editor-place-panel-scroll{overflow:hidden auto}.editor-place-panel-editor{flex-shrink:0}.editor-place-panel .poi-popover{z-index:auto;width:auto;max-height:none;box-shadow:none;border:2px solid var(--outline-on-surface);position:static}.editor-place-panel .poi-popover-body{overflow:visible}.editor-place-panel .input{background:#fbf6ea}.editor-place-panel-title{font-family:var(--font-sans);font-size:var(--text-xl);color:var(--text-primary);padding:var(--space-2) var(--space-2) var(--space-6);background:0 0;border:none;border-bottom:1px solid #0000;font-weight:700}.editor-place-panel-title::placeholder{color:var(--text-muted);font-weight:700}.editor-place-panel-title:focus{border-bottom-color:var(--accent);outline:none}.editor-place-panel-title-row{align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-14);background:var(--surface);border-radius:var(--radius-md);display:flex}.editor-place-panel-title-text{font-family:var(--font-sans);font-size:var(--text-xl);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.editor-place-panel-title-text.is-placeholder{color:var(--text-muted);font-weight:700}.editor-place-panel-title-edit{border-radius:var(--radius-full);width:26px;height:26px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.editor-place-panel-title-edit:hover{background:color-mix(in srgb, var(--brand-outline) 8%, transparent);color:var(--text-primary)}.editor-place-panel-head{gap:var(--space-6);flex-direction:column;display:flex}.editor-place-panel-category{padding:0 var(--space-14)}.editor-place-panel-title-edit-row .editor-place-panel-title{flex:1;min-width:0}.editor-place-panel-title-save{color:var(--brand-green)}.editor-place-panel-title-save:hover{color:var(--brand-green);background:#2c6a421f}.editor-place-panel-toolbar{justify-content:space-between;align-items:center;gap:var(--space-12);display:flex}.editor-add-place{position:relative}.editor-add-place-btn{align-items:center;gap:var(--space-8);padding:var(--space-10) var(--space-20);border-radius:var(--radius-md);background:var(--map-btn-face);color:var(--text-primary);box-shadow:var(--map-btn-shadow);font-family:var(--font-sans);font-size:var(--text-base);cursor:pointer;transition:filter var(--transition-fast);font-weight:700;display:inline-flex}.editor-add-place-btn:hover{filter:brightness(.96)}.editor-place-cards{align-content:start;gap:var(--space-12);padding-bottom:var(--space-18);scrollbar-width:none;flex:auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:max-content;min-height:0;display:grid;overflow:hidden auto}.editor-place-cards::-webkit-scrollbar{display:none}.editor-place-card{border-radius:var(--radius-md);background:var(--surface);border:2px solid var(--outline-on-surface);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.editor-place-card.selected{outline:2px solid var(--accent);outline-offset:-2px}.editor-place-card-body{border-radius:var(--radius-md);text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;width:100%;height:100%;padding:0;display:flex}.editor-place-card-photo{aspect-ratio:1;background:var(--brand-beige);border-bottom:1px solid #2a1918;flex-shrink:0;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.editor-place-card-photo img{object-fit:cover;width:100%;height:100%;display:block}.editor-place-card-icon{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:60%;height:60%;line-height:1;display:flex}.editor-place-card-icon--emoji{font-size:40px}.editor-place-card-photo .editor-place-card-icon>svg,.editor-place-card-photo img.editor-place-card-icon{object-fit:contain;width:100%;height:100%}.editor-place-card-footer{box-sizing:content-box;height:2.7em;padding:var(--space-6) var(--space-8) 0;margin-bottom:var(--space-6);font-size:var(--text-sm);color:var(--surface);background:var(--text-primary);-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.editor-place-card-remove{color:#fff;width:28px;height:28px;font-size:var(--text-base);cursor:pointer;background:#00000073;border:none;border-radius:50%;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;top:6px;right:6px}.editor-place-card-remove:hover{background:#000000a6}.editor-place-list{min-height:0;padding-bottom:var(--space-18);scrollbar-width:none;flex:auto;overflow-y:auto}.editor-place-list::-webkit-scrollbar{display:none}.editor-layout.has-place-column .map-top-controls{left:calc(var(--place-column-w) + 18px);width:auto}.editor-layout.has-place-column .editor-history-controls{left:calc(var(--place-column-w) + 12px)}@media (width<=767px){.viewer-header{padding:calc(var(--space-2) + var(--safe-area-inset-top)) var(--space-16) var(--space-2);justify-content:space-between}.viewer-header-logo{position:static;top:auto;left:auto;transform:none}.editor-layout.left-handed .viewer-header{flex-direction:row-reverse;justify-content:space-between}.topbar{padding:calc(var(--space-2) + var(--safe-area-inset-top)) var(--space-16) var(--space-2)}.map-settings{top:64px}}.editor-mobile-top{z-index:calc(var(--z-header) + 2);flex-shrink:0;position:relative}.editor-title-float.is-settings-open{z-index:calc(var(--z-header) + 1)}.editor-title-float{z-index:calc(var(--z-over) + 1);align-items:stretch;gap:var(--space-14);width:100%;padding:calc(var(--safe-area-inset-top) + var(--space-10)) var(--space-12) var(--space-10);flex-direction:column;display:flex;position:absolute;top:100%;left:0}.editor-title-float-main{align-items:center;gap:var(--space-8);flex-direction:row;width:100%;display:flex}.editor-home-back{align-self:flex-start;align-items:center;gap:var(--space-2);color:var(--text-primary);font-size:var(--text-sm);white-space:nowrap;cursor:pointer;background:0 0;border:none;padding:0;font-weight:400;line-height:1;display:inline-flex}.editor-help-btn{background:var(--kokko-red);color:#fff;cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-self:flex-start;align-items:center;width:32px;height:32px;padding:0;font-size:17px;display:inline-flex}.editor-help-btn:active{box-shadow:var(--shadow-sm)}.editor-title-stack{align-items:flex-start;gap:var(--space-6);flex-direction:column;flex:auto;min-width:0;display:flex}.editor-title-hashtag{align-items:center;gap:var(--space-4);max-width:100%;color:var(--text-secondary);font-size:var(--text-lg);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;line-height:1.2;display:inline-flex}.editor-title-hashtag-text{color:var(--brand-outline);font-size:var(--text-base);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.editor-title-hashtag-text.is-placeholder{color:var(--text-muted);font-weight:700}.editor-title-hashtag-edit{font-size:var(--text-sm);color:var(--text-muted);flex-shrink:0;display:inline-flex}.editor-title-float .mobile-title{gap:var(--space-10);background:var(--surface);width:100%;max-width:100%;color:var(--text-primary);border-radius:var(--radius-sm);box-shadow:none}.editor-title-float .mobile-title-text{color:var(--text-primary)}.editor-title-float .mobile-title-text.is-placeholder{color:var(--text-muted)}.editor-mobile-search{bottom:calc(var(--editor-bottom-menu-h) + 8px);z-index:var(--z-map-overlay);position:absolute;left:12px;right:72px}.editor-history-controls{z-index:var(--z-map-overlay);align-items:center;gap:var(--space-8);pointer-events:none;flex-direction:column;width:52px;display:flex;position:absolute;bottom:12px;left:12px}.editor-history-controls>*{pointer-events:auto}.editor-history-btn{border-radius:var(--radius-full);background:var(--map-btn-face);width:44px;height:44px;color:var(--text-primary);font-size:var(--text-2xl);box-shadow:var(--map-btn-shadow);cursor:pointer;transition:filter var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0;display:inline-flex}.editor-history-btn:hover:not(:disabled){filter:brightness(.96)}.editor-history-btn:disabled{opacity:.45;cursor:default}.editor-layout.left-handed .editor-history-controls{left:auto;right:12px}@media (width<=767px){.editor-history-controls{bottom:calc(var(--editor-bottom-menu-h) + 68px)}}.editor-bottom-menu{z-index:calc(var(--z-panel) + 1);width:100%;height:var(--editor-bottom-menu-h);justify-content:space-around;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-8) calc(var(--space-6) + var(--safe-area-inset-bottom));background:var(--brand-dark-brown);border-top:2px solid var(--outline-on-surface);box-shadow:var(--shadow-md);flex-direction:row;display:flex;position:absolute;bottom:0;left:0}.editor-layout .editor-bottom-menu{left:10%;right:10%;bottom:var(--editor-bottom-menu-gap);width:auto;height:var(--editor-bottom-menu-bar-h);padding-bottom:var(--space-6);border:2px solid var(--outline-on-surface);border-radius:var(--radius-full)}.editor-bottom-menu-btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);min-width:0;height:100%;color:var(--surface);font-family:var(--font-sans);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:0;flex-direction:column;flex:1 1 0;padding:0;display:inline-flex;position:relative}.editor-bottom-menu-icon{font-size:var(--text-4xl);line-height:1;display:inline-flex;position:relative}.viewer-bottom-menu .viewer-create-menu{transform-origin:bottom;inset:auto auto calc(100% + 6px) 50%;transform:translate(-50%)}.viewer-cta .viewer-create-menu{transform-origin:bottom;pointer-events:auto;inset:auto auto calc(100% + 6px) 50%;transform:translate(-50%)}.viewer-bottom-menu .editor-bottom-menu-btn.is-primary{background:var(--kokko-red)}.viewer-bottom-menu .editor-bottom-menu-btn.is-primary.active,.viewer-bottom-menu .editor-bottom-menu-btn.is-primary:not(:disabled):active{background:var(--kokko-red-deep)}.editor-bottom-menu-label{font-size:var(--text-2xs);letter-spacing:.02em;white-space:nowrap;font-weight:700;line-height:1}.editor-bottom-menu-btn:disabled{opacity:.4;cursor:default}.editor-bottom-menu-btn.is-empty{pointer-events:none}.editor-bottom-menu-btn:not(:disabled):active,.editor-bottom-menu-btn.active{background:var(--surface-hover)}.editor-bottom-menu-dot{background:var(--kokko-red-deep,#c33);border:1.5px solid var(--surface);border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-4px}.editor-bottom-menu-btn.is-primary{background:var(--brand-green);color:#fff;margin:calc(-1 * var(--space-6)) 0 calc(-1 * var(--space-6) - var(--safe-area-inset-bottom));padding-bottom:var(--safe-area-inset-bottom);border-radius:0;align-self:stretch;height:auto}.editor-bottom-menu-btn.is-primary.active,.editor-bottom-menu-btn.is-primary:not(:disabled):active{background:color-mix(in srgb, var(--brand-green) 80%, #000)}.editor-layout .editor-bottom-menu-btn.is-primary,.viewer-layout .editor-bottom-menu-btn.is-primary{border-radius:var(--radius-full);align-self:center;height:100%;margin:0;padding-bottom:0}.editor-bottom-menu .map-settings-popover{width:auto;max-height:calc(100vh - var(--editor-bottom-menu-h) - 120px);inset:auto 12px calc(100% + 8px)}:root[data-surface=paper] .editor-bottom-menu{border-top:var(--ol-w) solid var(--ol-c);box-shadow:none}:root[data-surface=paper] .editor-layout .editor-bottom-menu,:root[data-surface=paper] .viewer-layout .editor-bottom-menu{border:var(--ol-w) solid var(--ol-c)}:root[data-surface=paper] .editor-bottom-menu-btn.is-primary{box-shadow:var(--sh-sticker-sm)}:root[data-surface=paper] .editor-bottom-menu-btn.is-primary:not(:disabled):active{box-shadow:var(--sh-sticker-press);transform:translate(1px,1px)}.editor-search-fab{left:12px;bottom:calc(var(--editor-bottom-menu-h) + 8px);z-index:var(--z-map-overlay);border-radius:var(--radius-full);background:var(--map-btn-face);width:52px;height:52px;color:var(--text-primary);box-shadow:var(--map-btn-shadow);cursor:pointer;transition:filter var(--transition-fast);justify-content:center;align-items:center;padding:0;font-size:20px;display:inline-flex;position:absolute}.editor-search-fab:hover{filter:brightness(.96)}.editor-layout.left-handed .editor-search-fab{left:auto;right:12px}.editor-mobile-search .map-search-box{width:auto;position:static;left:auto;right:auto;transform:none}.editor-mobile-search .map-search-box-row{background:var(--surface);border:2px solid var(--outline-on-surface);border-radius:var(--radius-full);height:48px;padding:var(--space-2) var(--space-4)}.editor-mobile-search:has(.map-search-box--expanded){z-index:calc(var(--z-header) - 1);bottom:0;left:0;right:0}:is(.editor-layout:has(.map-search-box--expanded) .editor-mobile-top,.editor-layout:has(.poi-sheet:not(.closing)) .editor-mobile-top){z-index:calc(var(--z-header) - 2)}.editor-mobile-search .map-search-box--expanded{top:calc(12px + var(--search-vv-top,0px));width:auto;max-width:none;z-index:calc(var(--z-header) - 1);gap:var(--space-10);padding:var(--space-10);padding-bottom:calc(var(--space-10) + var(--search-kb-inset,0px));background:var(--surface);border:none;border-top:2px solid var(--outline-on-surface);box-shadow:var(--shadow-lg,0 10px 30px #00000040);border-radius:0;flex-direction:column;transition:transform .2s,top .2s;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.editor-mobile-search .map-search-box--expanded.map-search-box--half{top:calc(50% + var(--search-vv-top,0px))}.editor-mobile-search .map-search-box--expanded.map-search-box--mini{top:calc(80% + var(--search-vv-top,0px))}.map-search-topbar{flex-shrink:0;justify-content:center;align-items:center;min-height:36px;display:flex;position:relative}.map-search-handle{width:40px;height:4px;margin:var(--space-2) 0 var(--space-2);padding:var(--space-8) 26px;background:var(--brand-dark-brown);box-sizing:content-box;border-radius:var(--radius-full,999px);cursor:grab;touch-action:none;background-clip:content-box;flex-shrink:0;align-self:center}.map-search-box--expanded .map-search-box-row{background:var(--surface-muted);border-radius:var(--radius-md);padding:var(--space-4) var(--space-6);border:none}.map-search-box--expanded .map-search-results{min-height:0;max-height:none;box-shadow:none;z-index:auto;padding:0 var(--space-4) 0 0;border:none;border-radius:0;flex:1;position:static;bottom:auto;left:auto;right:auto;overflow-y:auto}.map-search-suggest{animation:fadeIn var(--duration-fast) ease-out;gap:var(--space-18);min-height:0;padding:var(--space-4) var(--space-2);flex-direction:column;flex:1;display:flex;overflow-y:auto}.map-search-suggest-section{gap:var(--space-10);flex-direction:column;display:flex}.map-search-suggest-head{justify-content:space-between;align-items:center;display:flex}.map-search-suggest-title{font-size:var(--text-lg);color:var(--text-secondary);font-weight:700}.map-search-suggest-clear{color:var(--accent-text);font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;padding:0;font-weight:700}.map-search-chips{gap:var(--space-8);flex-wrap:wrap;display:flex}.map-search-chip{padding:var(--space-8) var(--space-14);border-radius:var(--radius-full,999px);background:var(--surface);color:var(--text-primary);font-size:var(--text-lg);cursor:pointer;font-weight:700}.map-search-chip:hover{background:var(--surface-muted)}.map-search-history{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.map-search-history-item{align-items:center;gap:var(--space-10);width:100%;padding:var(--space-10) var(--space-6);border:none;border-bottom:1px solid var(--border);color:var(--text-primary);font-size:var(--text-base);text-align:left;cursor:pointer;background:0 0;display:flex}.map-search-history-icon{color:var(--text-muted);flex-shrink:0}.editor-title-row{align-items:center;gap:var(--space-6);max-width:100%;display:flex;position:relative}.editor-title-row .map-settings-toggle{background:var(--brand-pink);width:44px;height:44px;color:var(--brand-dark-brown);border-radius:50%;flex-shrink:0}.editor-title-row .map-settings-toggle.active{background:color-mix(in srgb, var(--brand-pink) 55%, var(--brand-outline))}.editor-title-row .mobile-title{flex:auto;width:auto;min-width:0}.editor-title-row .map-settings-popover{top:calc(100% + 6px);left:0;right:auto}.map-view-toggles{align-items:center;gap:var(--space-10);pointer-events:none;flex-direction:column;display:flex}.map-view-toggle{pointer-events:auto}.map-view-toggles.is-collapsible{position:relative}.map-view-toggles-row{right:calc(100% + var(--space-10));align-items:center;gap:var(--space-10);pointer-events:none;flex-direction:row;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.editor-layout.left-handed .map-view-toggles-row{right:auto;left:calc(100% + var(--space-10))}.map-btn-chip{flex:none;justify-content:center;align-items:center;line-height:0;display:inline-flex}.map-view-toggle.active{background:var(--accent);color:#fff}.editor-bottom-bar{left:auto;right:12px;bottom:calc(var(--editor-bottom-menu-h) + 68px);z-index:var(--z-map-overlay);align-items:center;gap:var(--space-10);pointer-events:none;flex-direction:column;display:flex;position:absolute}.editor-bottom-bar>*{pointer-events:auto}.editor-first-hint{z-index:var(--z-map-overlay);align-items:center;gap:var(--space-6);width:max-content;max-width:min(260px,100vw - 96px);padding:var(--space-8) var(--space-8) var(--space-8) var(--space-12);background:var(--surface);border:2px solid var(--outline-on-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--text-primary);font-size:var(--text-lg);pointer-events:none;font-weight:700;line-height:1.4;display:flex;position:absolute;top:50%;right:calc(100% + 10px);transform:translateY(-50%)}.editor-first-hint:after{content:"";background:var(--surface);border-right:2px solid var(--outline-on-surface);border-bottom:2px solid var(--outline-on-surface);width:12px;height:12px;position:absolute;top:50%;right:-9px;transform:translateY(-50%)rotate(-45deg)}.editor-first-hint-text{flex:1}.editor-first-hint-close{border-radius:var(--radius-full);width:28px;height:28px;color:var(--text-secondary);font-size:var(--text-xl);cursor:pointer;pointer-events:auto;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.editor-first-hint-close:hover{background:var(--surface-hover)}.editor-layout.left-handed .editor-first-hint{left:calc(100% + 10px);right:auto}.editor-layout.left-handed .editor-first-hint:after{left:-9px;right:auto;transform:translateY(-50%)rotate(135deg)}.editor-layout.left-handed .editor-bottom-bar{left:12px;right:auto}.editor-layout.left-handed .add-place-menu{left:0;right:auto}.map-view-toggle{border-radius:var(--radius-full);background:var(--map-btn-face);width:52px;height:52px;color:var(--text-primary);box-shadow:var(--map-btn-shadow);cursor:pointer;transition:filter var(--transition-fast);justify-content:center;align-items:center;padding:0;font-size:20px;display:inline-flex}.map-view-toggle:hover{filter:brightness(.96)}.map-more-menu{position:relative}.map-more-menu-dropdown{transform-origin:100% 0;z-index:var(--z-panel);min-width:190px;padding:var(--space-6);background:var(--surface);border:2px solid var(--outline-on-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);animation:.14s cubic-bezier(.22,1,.36,1) menuPop;position:absolute;top:calc(100% + 6px);right:0}.map-more-menu-item{gap:var(--space-12);white-space:nowrap;width:100%;padding:var(--space-10) var(--space-14);font-size:var(--text-lg);border-radius:var(--radius-sm);position:relative}.map-more-menu-item:hover:not(:disabled){background:var(--surface-hover)}.map-more-menu-item:disabled{opacity:.5;cursor:default}.map-more-menu-item[aria-pressed=true]{background:var(--accent-soft)}.map-more-menu-item-icon{font-size:var(--text-xl);align-items:center;display:inline-flex}.map-more-menu-group{padding:var(--space-6) var(--space-10) var(--space-2);color:var(--text-secondary);font-size:var(--text-xs);letter-spacing:.04em;font-weight:700}.map-more-menu-group:not(:first-child){margin-top:var(--space-4);border-top:1px solid var(--border);padding-top:var(--space-8)}.map-more-menu-item-dot{background:var(--error);border-radius:50%;width:8px;height:8px;margin-left:auto}.editor-layout.left-handed .map-more-menu-dropdown{left:0;right:auto}.add-place{position:relative}.add-place-btn{border-radius:var(--radius-md);background:var(--brand-dark-brown);color:#fff;width:52px;height:52px;box-shadow:var(--map-btn-shadow);cursor:pointer;transition:filter var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;padding:0;font-size:24px;display:inline-flex}.add-place-btn:hover{filter:brightness(1.05)}.add-place-btn:active{transform:scale(.99)}.add-place-btn.active{background:var(--accent);color:#fff}.add-place-menu{background:var(--surface);border:2px solid var(--outline-on-surface);border-radius:var(--radius-md);min-width:240px;box-shadow:var(--shadow-xl);flex-direction:column;display:flex;position:absolute;bottom:calc(100% + 10px);left:auto;right:0;overflow:hidden;transform:none}.editor-sheet{height:100%;min-height:0;padding-bottom:var(--editor-bottom-menu-h);background:var(--sheet-surface);flex-direction:column;display:flex;position:relative}.bottom-sheet .editor-sheet{touch-action:none}.editor-sheet .place-list{background:var(--sheet-surface);flex:1;height:auto;min-height:0}.editor-list-fab{z-index:calc(var(--z-panel) - 1);border-radius:var(--radius-full) var(--radius-full) 0 0;background:var(--map-btn-face);width:52px;height:52px;color:var(--text-primary);box-shadow:var(--map-btn-shadow);cursor:pointer;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;bottom:48px;right:12px}.editor-list-fab.sheet-open{bottom:calc(40dvh - 8px)}.viewer-layout .editor-list-fab:not(.sheet-open){bottom:0}.editor-layout .editor-list-fab{border-radius:var(--radius-full)}.editor-layout .editor-list-fab:not(.sheet-open){bottom:calc(var(--editor-bottom-menu-h) + 8px)}.editor-layout .editor-list-fab.sheet-open{background:var(--accent);color:#fff;bottom:calc(40dvh + 8px)}.viewer-layout:has(.viewer-bottom-menu) .editor-list-fab{border-radius:var(--radius-full);background:var(--map-btn-face);color:var(--brand-dark-brown)}.viewer-layout:has(.viewer-bottom-menu) .editor-list-fab:not(.sheet-open){bottom:calc(var(--editor-bottom-menu-h) + 8px)}.viewer-layout:has(.viewer-bottom-menu) .editor-list-fab.sheet-open{bottom:calc(var(--editor-bottom-menu-h) + min(var(--viewer-poi-cards-h), 40dvh) + 8px);background:var(--accent);color:#fff}.viewer-basemap-fab{z-index:var(--z-map-overlay);border-radius:var(--radius-full);background:var(--map-btn-face);width:52px;height:52px;color:var(--text-primary);box-shadow:var(--map-btn-shadow);cursor:pointer;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;bottom:60px;right:12px}.viewer-layout:has(.viewer-bottom-menu) .viewer-basemap-fab{bottom:calc(var(--editor-bottom-menu-h) + 8px + 60px)}.viewer-layout:has(.editor-list-fab.sheet-open) .viewer-basemap-fab{display:none}.dialog.viewer-basemap-sheet{background:var(--map-btn-face);scrollbar-width:none}.dialog.viewer-basemap-sheet::-webkit-scrollbar{display:none}.viewer-basemap-note{margin:0 0 var(--space-12);color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5}.viewer-basemap-list{gap:var(--space-8);flex-direction:column;display:flex}.viewer-basemap-option{align-items:center;gap:var(--space-12);padding:var(--space-10);border-radius:var(--radius-md);color:var(--text-primary);text-align:left;cursor:pointer;background:#fff;display:flex}.viewer-basemap-option-art{border-radius:var(--radius-sm);background:var(--bg-tertiary);flex:none;width:56px;height:56px;display:block;overflow:hidden}.viewer-basemap-option-art img,.viewer-basemap-option-art svg{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.viewer-basemap-option-text{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.viewer-basemap-option.is-current{box-shadow:0 0 0 2px var(--accent)}.viewer-basemap-option.is-current .viewer-basemap-option-label{color:var(--accent-text)}.viewer-basemap-option-label{font-weight:700}.viewer-basemap-option-desc{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.4}.viewer-poi-count{animation:sheetUp var(--duration-base) ease-out;left:12px;bottom:calc(var(--editor-bottom-menu-h) + min(var(--viewer-poi-cards-h), 40dvh) + 8px);height:52px;z-index:var(--z-panel);padding:0 var(--space-14);border-radius:var(--radius-full);background:var(--surface);color:var(--text-primary);font-size:var(--text-sm);white-space:nowrap;box-shadow:var(--shadow-md);pointer-events:none;border:none;align-items:center;margin:0;font-weight:700;display:inline-flex;position:absolute}.viewer-embed-open{z-index:var(--z-panel);padding:var(--space-6) var(--space-12);border-radius:var(--radius-full);background:var(--surface);color:var(--text-primary);font-size:var(--text-sm);white-space:nowrap;box-shadow:var(--shadow-md);border:none;align-items:center;font-weight:700;text-decoration:none;display:inline-flex;position:absolute;bottom:12px;right:12px}.viewer-embed-blocked{justify-content:center;align-items:center;gap:var(--space-8);height:100%;padding:var(--space-24);text-align:center;background:var(--surface);flex-direction:column;display:flex}.viewer-embed-blocked-title{font-size:var(--text-lg);color:var(--text-primary);margin:0}.viewer-embed-blocked-note{font-size:var(--text-lg);color:var(--text-secondary);margin:0}.viewer-poi-cards{animation:sheetUp var(--duration-base) ease-out;left:0;right:0;bottom:var(--editor-bottom-menu-h);z-index:var(--z-panel);height:var(--viewer-poi-cards-h);--viewer-poi-card-w:150px;--viewer-poi-card-gap:6px;--map-card-w:calc(var(--viewer-poi-card-w) + var(--viewer-poi-card-gap) * 2);align-items:stretch;margin-top:0;padding-top:0;padding-bottom:0;position:absolute}.viewer-poi-cards.closing,.viewer-poi-count.closing{pointer-events:none;animation:.2s cubic-bezier(.4,0,1,1) forwards sheetDown}.viewer-poi-card{flex:0 0 var(--map-card-w);scroll-snap-align:center;min-width:0;padding:0 var(--viewer-poi-card-gap);align-items:stretch;list-style:none;display:flex}.viewer-poi-card:not([aria-current=true]){align-items:center}.viewer-poi-card-btn{gap:var(--space-4);width:var(--viewer-poi-card-w);height:100%;padding:var(--space-4);text-align:left;cursor:pointer;transform-origin:bottom;transition:transform var(--transition-fast);background:#fff;border:none;border-radius:12px 12px 0 0;flex-direction:column;display:flex;overflow:hidden;transform:rotate(-15deg)scale(.86)}.viewer-poi-card[aria-current=true]~.viewer-poi-card .viewer-poi-card-btn{transform:rotate(15deg)scale(.86)}.viewer-poi-card[aria-current=true] .viewer-poi-card-btn{box-shadow:var(--shadow-md);transform:none}.viewer-poi-card:not([aria-current=true]) .viewer-poi-card-foot{display:none}.viewer-poi-card:not([aria-current=true]) .viewer-poi-card-btn{height:auto}.viewer-poi-card-photo{aspect-ratio:1;background:var(--accent-soft);border-radius:10px 10px 0 0;flex:none;align-self:center;width:min(140px,100%);height:auto;min-height:0;display:block;position:relative;overflow:hidden}.viewer-poi-card-photo img,.viewer-poi-card-photo video{object-fit:cover;width:100%;height:100%;display:block}.viewer-poi-card-noimage{background:var(--brand-beige);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.viewer-poi-card-noimage-pin{object-fit:contain;text-align:center;width:48%;height:48%;font-size:28px;line-height:1;display:block}.viewer-poi-card-noimage-band{padding:var(--space-2) 0;background:var(--brand-dark-brown);color:var(--brand-beige);font-size:var(--text-2xs);text-align:center;font-weight:700;position:absolute;bottom:0;left:0;right:0}.viewer-poi-card-foot{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.viewer-poi-card-name{font-family:var(--font-logo);font-size:var(--text-base);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.viewer-poi-card-count{font-size:var(--text-base);color:var(--text-primary);align-items:center;gap:3px;font-weight:700;display:inline-flex}.image-slider{gap:var(--space-8);flex-direction:column;width:100%;display:flex}.image-slider-stage{background:var(--surface-muted);border-radius:var(--radius-md);touch-action:pan-y;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.image-slider-main{object-fit:contain;width:100%;max-height:52vh;display:block}.image-slider-main-btn{cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block}.image-slider-nav{color:#fff;cursor:pointer;background:#00000073;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:20px;transition:background .15s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.image-slider-nav:hover{background:#000000a6}.image-slider-prev{left:8px}.image-slider-next{right:8px}.image-slider-delete{color:#fff;width:36px;height:36px;font-size:var(--text-2xl);cursor:pointer;background:#00000073;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .15s;display:inline-flex;position:absolute;top:8px;right:8px}.image-slider-delete:hover{background:#000000a6}.image-slider-thumbs{gap:var(--space-6);padding-bottom:var(--space-2);scrollbar-width:none;display:flex;overflow-x:auto}.image-slider-thumbs::-webkit-scrollbar{display:none}.image-slider-thumb{border-radius:var(--radius-sm,6px);cursor:pointer;opacity:.6;flex:none;width:48px;height:48px;padding:0;transition:opacity .15s;overflow:hidden}.image-slider-thumb.active,.image-slider-thumb:hover{opacity:1}.image-slider.is-thumbs-only .image-slider-thumb{opacity:1;width:96px;height:96px}.image-slider-thumb img{object-fit:cover;width:100%;height:100%;display:block}.photo-slider-dialog{gap:var(--space-12);flex-direction:column;min-width:min(80vw,360px);display:flex}.photo-slider-empty{justify-content:center;align-items:center;gap:var(--space-12);padding:var(--space-24) var(--space-8);text-align:center;flex-direction:column;flex:auto;margin:0;display:flex}.photo-slider-empty img{object-fit:contain;width:min(40vh,180px);height:auto}.photo-slider-empty-text{font-family:var(--font-logo);font-size:var(--text-3xl);color:var(--text-primary);margin:0;font-weight:700}.photo-slider-empty-note{font-size:var(--text-lg);color:var(--text-muted);margin:0}.dialog-photo-slider{width:100%;max-width:min(560px,100vw - 32px)}.dialog-photo-slider .photo-slider-dialog{min-width:0}.photo-slider-actions{justify-content:space-between;align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.photo-slider-reorder{justify-content:space-between;align-items:center;gap:var(--space-8);display:flex}.photo-slider-move{align-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-14);border-radius:var(--radius-full);background:var(--surface);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-lg);cursor:pointer;font-weight:700;display:inline-flex}.photo-slider-move:disabled{opacity:.4;cursor:default}.photo-slider-position{font-size:var(--text-lg);color:var(--text-secondary);font-variant-numeric:tabular-nums;font-weight:700}.avatar-crop{align-items:center;gap:var(--space-10);flex-direction:column;display:flex}.avatar-crop-lead{font-size:var(--text-sm);color:var(--text-secondary);text-align:center;margin:0;line-height:1.6}.avatar-crop-view{border:2px solid var(--outline-on-surface);background:var(--panel-section-bg);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;flex:none;position:relative;overflow:hidden}.avatar-crop-view:active{cursor:grabbing}.avatar-crop-img{pointer-events:none;-webkit-user-select:none;user-select:none;max-width:none;position:absolute}.avatar-crop-mask{pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #ffffffd9}.avatar-crop-zoom{align-items:center;gap:var(--space-10);width:100%;max-width:260px;font-size:var(--text-sm);color:var(--text-secondary);font-weight:700;display:flex}.avatar-crop-zoom input[type=range]{accent-color:var(--brand-outline);flex:1}.avatar-crop-actions{gap:var(--space-8);display:flex}.map-settings-note{font-size:var(--text-xs);color:var(--text-muted);margin:0;line-height:1.5}.map-settings-icon-row{gap:var(--space-6);flex-direction:column;display:flex}.map-settings-sheet-body .map-settings-icon-row{align-items:center;gap:var(--space-8);flex-flow:wrap}.map-settings-sheet-body .map-settings-icon-row .icon-field{flex:none}.map-settings-sheet-body .map-settings-icon-row .map-settings-apply-all{flex:1;min-width:0;margin-top:0}.map-settings-sheet-body .map-settings-icon-row .map-settings-apply-all.is-confirming{flex-basis:100%}.map-settings-apply-all{gap:var(--space-8);margin-top:var(--space-10);flex-direction:column;display:flex}.map-settings-apply-all-btn{border-radius:var(--radius-sm);background:var(--bg-tertiary);width:100%;min-height:44px;color:var(--text-primary);font-size:var(--text-lg);box-shadow:var(--shadow-sm)}.map-settings-apply-all-btn:active{box-shadow:none;transform:translateY(1px)}.map-settings-apply-all-btn:disabled{opacity:.5;box-shadow:none;cursor:default}.map-settings-apply-all-actions{gap:var(--space-8);display:flex}.map-settings-apply-all-actions .btn{font-size:var(--text-lg);flex:1}.photo-thumb video,.ba-share-marker-photo video,.place-slide-photo video,.editor-place-card-photo video,.image-slider-thumb video{object-fit:cover;width:100%;height:100%;display:block}.image-slider-thumb{position:relative}.media-play-badge{color:#fff;pointer-events:none;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding-left:1px;font-size:8px;line-height:1;display:flex;position:absolute;bottom:4px;right:4px}.poi-media-broken{justify-content:center;align-items:center;gap:var(--space-4);box-sizing:border-box;width:100%;height:100%;min-height:48px;padding:var(--space-4);background:var(--bg-secondary);color:var(--text-secondary);text-align:center;flex-direction:column;display:flex}.poi-media-broken-icon{flex:none;width:20px;height:20px}.poi-media-broken-text{font-size:var(--text-xs);line-height:1.3}.image-slider-thumb .poi-media-broken-text{display:none}.prompt{gap:var(--space-12);flex-direction:column;display:flex}.prompt-lead{font-size:var(--text-base);color:var(--text-primary);margin:0;line-height:1.7}.prompt-lead.is-notice{padding:var(--space-10) var(--space-12);border:1px solid var(--notice-border);border-radius:var(--radius-md);background:var(--notice-bg);color:var(--notice-text);text-align:left;line-height:1.6}.prompt-note{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.6}.prompt-actions{gap:var(--space-8);flex-wrap:wrap;justify-content:flex-end;display:flex}.draft-prompt-summary{gap:var(--space-4);padding:var(--space-10) var(--space-12);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-muted);flex-direction:column;display:flex}.draft-prompt-title{font-size:var(--text-base);color:var(--text-primary);overflow-wrap:anywhere;margin:0;font-weight:700}.draft-prompt-meta{gap:var(--space-4) var(--space-10);font-size:var(--text-sm);color:var(--text-secondary);flex-wrap:wrap;margin:0;display:flex}.connection-notice{bottom:calc(12px + var(--safe-area-inset-bottom));z-index:var(--z-toast);justify-content:center;align-items:center;gap:var(--space-12);max-width:520px;padding:var(--space-10) var(--space-14);border-radius:var(--radius-md);color:var(--text-inverse);font-size:var(--text-lg);text-align:center;box-shadow:var(--shadow-md);margin:0 auto;font-weight:700;line-height:1.5;display:flex;position:fixed;left:12px;right:12px}.connection-notice-offline{background:var(--brand-dark-brown);pointer-events:none}.connection-notice-update{background:var(--brand-dark-brown)}.connection-notice-text{min-width:0}.connection-notice-action{padding:var(--space-6) var(--space-14);border-radius:var(--radius-sm);background:var(--text-inverse);color:var(--brand-dark-brown);font-size:var(--text-lg);cursor:pointer;border:none;flex:none;font-weight:700}.connection-notice-action:hover{opacity:.85}.install-dialog{align-items:center;gap:var(--space-14);display:flex}.install-dialog-icon{border-radius:var(--radius-xs);flex:none;width:64px;height:64px}.install-dialog-text{color:var(--text-secondary);font-size:var(--text-lg);margin:0;line-height:1.6}.install-dialog-actions{justify-content:flex-end;gap:var(--space-8);margin-top:var(--space-16);display:flex}.install-guides{gap:var(--space-8);margin-top:var(--space-16);flex-direction:column;display:flex}.install-guide{background:var(--surface);border:2px solid var(--outline-on-surface);border-radius:var(--radius-sm);overflow:hidden}.install-guide-heading{font-size:inherit;font-weight:inherit;margin:0}.install-guide-trigger{justify-content:space-between;align-items:center;gap:var(--space-10);width:100%;min-height:44px;padding:var(--space-10) var(--space-14);color:var(--text-primary);font-family:inherit;font-size:var(--text-lg);text-align:left;cursor:pointer;background:0 0;border:none;font-weight:700;display:flex}@media (hover:hover){.install-guide-trigger:hover{background:var(--surface-hover)}}.install-guide-mark{font-size:var(--text-xl);color:var(--text-secondary);flex:none;justify-content:center;align-items:center;display:inline-flex}.install-guide-panel{padding:0 var(--space-14) var(--space-12)}.install-guide.is-open .install-guide-trigger{border-bottom:1px solid var(--border-light);margin-bottom:var(--space-10)}.install-guide-steps{color:var(--text-secondary);font-size:var(--text-lg);margin:0;padding-left:1.4em;line-height:1.7}.app-error{z-index:calc(var(--z-dialog,30) + 2);justify-content:center;align-items:center;gap:var(--space-14);padding:var(--space-24);background:var(--surface,#faf6f0);color:var(--text-secondary,#6b5b4d);text-align:center;flex-direction:column;display:flex;position:fixed;inset:0}.app-error-kokko{width:72px;height:72px}.app-error-title{color:var(--text-primary,#3d2f24);font-size:var(--text-2xl);margin:0;font-weight:700}.app-error-text{max-width:32em;font-size:var(--text-base);margin:0;line-height:1.7}.app-error-kept{color:var(--text-primary,#3d2f24);font-weight:700}.app-error-action{margin-top:var(--space-6);padding:var(--space-10) var(--space-24);border-radius:var(--radius-md,12px);background:var(--brand-dark-brown,#5c4433);color:var(--text-inverse,#fff);font-size:var(--text-lg);cursor:pointer;border:none;font-weight:700}.app-error-action:hover{opacity:.85}.section-error{top:calc(12px + var(--safe-area-inset-top,0px));z-index:var(--z-toast,40);align-items:center;gap:var(--space-10);max-width:calc(100% - 24px);padding:var(--space-8) var(--space-14);border-radius:var(--radius-md,12px);background:var(--brand-dark-brown,#5c4433);color:var(--text-inverse,#fff);font-size:var(--text-lg);box-shadow:var(--shadow-md);font-weight:700;line-height:1.5;display:flex;position:absolute;left:50%;transform:translate(-50%)}.section-error-text{min-width:0}.section-error-action{padding:5px var(--space-12);border-radius:var(--radius-sm,8px);background:var(--text-inverse,#fff);color:var(--brand-dark-brown,#5c4433);font-size:var(--text-lg);cursor:pointer;border:none;flex:none;font-weight:700}.section-error-action:hover{opacity:.85}.landing{overscroll-behavior:contain;scrollbar-width:none;background:radial-gradient(120% 55% at 50% -10%, var(--accent-soft) 0%, transparent 60%), repeating-linear-gradient(0deg, color-mix(in srgb, var(--accent) 12%, transparent) 0 1px, transparent 1px 28px), repeating-linear-gradient(90deg, color-mix(in srgb, var(--accent) 12%, transparent) 0 1px, transparent 1px 28px), var(--bg);flex-direction:column;height:100%;display:flex;overflow:hidden auto}.landing::-webkit-scrollbar{display:none}.landing-main{width:100%;max-width:960px;padding:0 var(--space-20);flex:1;margin:0 auto;padding-bottom:0}.landing-hero{text-align:center;align-items:center;gap:var(--space-16);padding-block:var(--space-32) var(--space-40);flex-direction:column;display:flex}.landing-intro-shots{gap:0 var(--space-6);width:100%;max-width:306px;margin-inline:auto;margin-top:var(--space-16);grid-template-rows:auto;grid-template-columns:repeat(2,1fr);align-items:start;display:grid}.landing-shot:first-child{margin-top:var(--space-16);grid-area:1/1}.landing-shot:nth-child(2){grid-area:1/2}.landing-shot{display:block}.landing-shot-img{border-radius:var(--radius-xs);width:80%;height:auto;box-shadow:var(--shadow-md);-webkit-user-select:none;user-select:none;margin-inline:auto;display:block}.landing-shot:first-child .landing-shot-img{transform:rotate(-4deg)}.landing-shot:nth-child(2) .landing-shot-img{transform:rotate(4deg)}.landing-hero-mascot{-webkit-user-select:none;user-select:none;filter:drop-shadow(0 4px 6px #946f6573);transform-origin:bottom;width:140px;height:auto;animation:4.5s ease-in-out infinite kokko-wobble;display:block}@keyframes kokko-wobble{0%{transform:rotate(0)translateY(0)}7%{transform:rotate(-10deg)translateY(-3px)}16%{transform:rotate(8deg)translateY(-4px)}25%{transform:rotate(-5deg)translateY(-2px)}32%{transform:rotate(3deg)translateY(-1px)}38%{transform:rotate(-1.5deg)translateY(0)}44%,to{transform:rotate(0)translateY(0)}}@media (prefers-reduced-motion:reduce){.landing-hero-mascot{animation:none}}.landing-hero-title{font-family:var(--font-logo);letter-spacing:-.01em;color:var(--text-primary);margin:0;font-size:min(60px,9.09091vw - 4.36364px);line-height:1.25}.landing-hero-keeps{max-width:34em;font-size:var(--text-2xl);color:var(--text-primary);line-break:strict;margin:0;font-weight:700;line-height:2.1}.landing-hero-keeps-line{display:block}.landing-hero-keeps-line--break{margin-top:.6em}.landing-hero-lead{max-width:34em;font-size:var(--text-lg);color:var(--text-secondary);line-break:strict;margin:0;line-height:2.05}.landing-intro{text-align:center;align-items:center;gap:var(--space-16);flex-direction:column;display:flex}.landing-cta-row{justify-content:center;gap:var(--space-12);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.landing-cta{padding:var(--space-14) var(--space-28);font-size:var(--text-xl)}.landing-features-cta{margin-top:var(--space-32)}.landing-band{border-radius:0;margin-inline:calc(50% - 50vw);padding-inline:calc(50vw - 50%);position:relative;overflow:hidden}.landing-band>*{z-index:var(--z-over);position:relative}.landing-hero .btn-accent{background:var(--kokko-red-deep);color:var(--brand-beige)}.landing-closing .btn-accent{background:var(--accent);color:var(--on-accent)}.landing-section{padding-block:48px}.landing-section.landing-band{margin-top:var(--space-28);padding-block:var(--space-40) 44px;border-top:none}.landing-section--warm{background:color-mix(in srgb, var(--accent) 40%, var(--brand-beige));color:var(--text-primary)}.landing-section--warm .btn-accent{background:var(--brand-dark-brown);color:var(--brand-beige)}:root[data-surface=paper] .landing-section--warm .btn-accent,:root[data-surface=paper] .landing-section--warm .btn-primary{background:var(--kokko-red-deep)}.landing-reveal{opacity:0;transition:opacity .68s cubic-bezier(.16,1,.3,1),transform .68s cubic-bezier(.16,1,.3,1);transform:translateY(28px)}.landing-reveal.is-revealed{opacity:1;transform:translateY(0)}.landing-reveal .landing-feature,.landing-reveal .landing-step,.landing-reveal .landing-gallery .home-strip-item{opacity:0;transition:opacity .56s cubic-bezier(.16,1,.3,1),transform .56s cubic-bezier(.16,1,.3,1);transform:translateY(16px)}.landing-reveal.is-revealed .landing-feature,.landing-reveal.is-revealed .landing-step,.landing-reveal.is-revealed .landing-gallery .home-strip-item{opacity:1;transform:translateY(0)}.landing-reveal.is-revealed .landing-feature:nth-child(2),.landing-reveal.is-revealed .landing-step:nth-child(2),.landing-reveal.is-revealed .landing-gallery .home-strip-item:nth-child(2){transition-delay:90ms}.landing-reveal.is-revealed .landing-feature:nth-child(3),.landing-reveal.is-revealed .landing-step:nth-child(3),.landing-reveal.is-revealed .landing-gallery .home-strip-item:nth-child(3){transition-delay:.18s}.landing-reveal.is-revealed .landing-feature:nth-child(n+4),.landing-reveal.is-revealed .landing-step:nth-child(n+4),.landing-reveal.is-revealed .landing-gallery .home-strip-item:nth-child(n+4){transition-delay:.27s}@media (prefers-reduced-motion:reduce){.landing-reveal,.landing-reveal .landing-feature,.landing-reveal .landing-step,.landing-reveal .landing-gallery .home-strip-item{opacity:1;transition:none;transform:none}}.landing-section-title{width:fit-content;margin-inline:auto;margin-block:0 var(--space-8);font-family:var(--font-logo);font-size:var(--text-5xl);color:var(--text-primary);font-weight:800;line-height:1.5;display:block}.landing-section--center{text-align:center}.landing-gallery{margin:0 0 var(--space-20);text-align:left}.landing-gallery .home-strip{padding-inline:var(--space-20);margin-inline:calc(50% - 50vw)}.landing-gallery .home-strip-card{transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.landing-gallery .home-strip-card:hover{box-shadow:0 10px 22px color-mix(in srgb, var(--brand-dark-brown) 16%, transparent);transform:translateY(-3px)}.landing-gallery .home-strip-item{scroll-snap-align:center;flex:0 0 clamp(200px,72%,240px)}.landing-features{margin:var(--space-40) 0 0;gap:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:80%;margin-inline:auto;padding:0;list-style:none;display:grid}.landing-feature{gap:var(--space-8);flex-direction:column;display:flex}.landing-feature-photo{aspect-ratio:1;width:100%;max-width:160px;box-shadow:0 0 0 1px color-mix(in srgb, var(--outline-on-surface) 20%, transparent);border-radius:50%;justify-content:center;align-items:center;margin-inline:auto;display:flex;overflow:hidden}.landing-feature-art{width:100%;height:100%;display:block}.landing-feature-title{font-size:var(--text-lg);color:var(--text-primary);text-align:center;margin:0;font-weight:700}.landing-feature-text{font-size:var(--text-sm);color:var(--text-secondary);text-align:left;margin:0;line-height:1.7}.landing-vendor{margin:var(--space-40) auto 0;gap:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));width:80%;padding:0;list-style:none;display:grid}.landing-vendor-lead{width:80%;margin:var(--space-16) auto 0;font-size:var(--text-base);color:var(--text-primary);text-align:left;line-height:1.8}.landing-vendor-lead+.landing-vendor{margin-top:var(--space-20)}.landing-vendor-item{gap:var(--space-6);padding:var(--space-16);background:var(--surface);box-shadow:0 1px 2px color-mix(in srgb, var(--outline-on-surface) 20%, transparent);border-radius:var(--radius-sm);text-align:left;flex-direction:column;display:flex}.landing-vendor-title{font-size:var(--text-base);color:var(--text-primary);margin:0;font-weight:800}.landing-vendor-text{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.7}@media (width<=767px){.landing-vendor{width:auto;padding:0 var(--space-16);grid-template-columns:1fr}.landing-vendor-lead{width:auto;padding:0 var(--space-16)}}.landing-steps{margin-block:var(--space-16) 0;gap:var(--space-12);counter-reset:landing-step;flex-direction:column;padding:0;list-style:none;display:flex;position:relative}.landing-step{align-items:center;column-gap:var(--space-14);row-gap:var(--space-4);padding:var(--space-16) var(--space-18);background:var(--surface);box-shadow:0 1px 2px color-mix(in srgb, var(--outline-on-surface) 20%, transparent);border-radius:var(--radius-sm);grid-template-columns:auto auto 1fr;display:grid;position:relative}.landing-step-num{border-radius:var(--radius-full);background:var(--kokko-red-deep);width:28px;height:28px;color:var(--text-inverse);font-size:var(--text-base);grid-area:1/1;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.landing-step-icon{color:var(--text-secondary);grid-area:1/2;align-items:center;font-size:20px;display:inline-flex}.landing-step-title{min-width:0;font-size:var(--text-lg);color:var(--text-primary);grid-area:1/3;margin:0;font-weight:700}.landing-step-text{min-width:0;font-size:var(--text-base);color:var(--text-secondary);grid-column:2/-1;margin:0;line-height:1.8}.landing-step-shots{margin:var(--space-40) 0 0;gap:var(--space-24);grid-template-columns:1fr;width:80%;max-width:480px;margin-inline:auto;padding:0;list-style:none;display:grid}.landing-step-shot{gap:var(--space-6);flex-direction:column;width:100%;max-width:220px;margin-inline:auto;display:flex}.landing-step-shot:first-child .landing-shot-img{transform:rotate(-4deg)}.landing-step-shot:nth-child(2) .landing-shot-img{transform:rotate(4deg)}.landing-step-shot-title{margin:var(--space-8) 0 0;font-size:var(--text-lg);color:var(--text-primary);text-align:center;font-weight:700;line-height:1.6}.landing-faq{margin:var(--space-16) 0 0;padding:0 var(--space-16);gap:var(--space-12);flex-direction:column;display:flex}.landing-faq-item{background:var(--surface);box-shadow:0 1px 2px color-mix(in srgb, var(--outline-on-surface) 20%, transparent);border-radius:var(--radius-sm);overflow:hidden}.landing-faq-q{margin:0}.landing-faq-trigger{justify-content:space-between;align-items:center;gap:var(--space-12);width:100%;padding:var(--space-16) var(--space-18);color:var(--text-primary);font-family:inherit;font-size:var(--text-lg);text-align:left;cursor:pointer;background:0 0;border:none;font-weight:700;display:flex}.landing-faq-mark{font-size:var(--text-2xl);color:var(--text-secondary);flex:none;justify-content:center;align-items:center;display:inline-flex}.landing-faq-a{padding:0 var(--space-18) var(--space-16);font-size:var(--text-base);color:var(--text-secondary);margin:0;line-height:1.8}.landing-tech{margin:var(--space-16) 0 0;padding:0 var(--space-16);gap:var(--space-12);flex-direction:column;display:flex}.landing-tech-desc{margin:0 0 var(--space-8);font-size:var(--text-base);color:var(--text-secondary);line-height:1.8}.landing-tech-url{font-size:var(--text-base);color:var(--text-secondary);overflow-wrap:anywhere;line-height:1.8;text-decoration:underline}.landing-accordion{background:var(--surface);box-shadow:0 1px 2px color-mix(in srgb, var(--outline-on-surface) 20%, transparent);border-radius:var(--radius-sm);overflow:hidden}.landing-accordion-heading{font-size:inherit;font-weight:inherit;margin:0}.landing-accordion-trigger{justify-content:space-between;align-items:center;gap:var(--space-12);width:100%;padding:var(--space-16) var(--space-18);color:var(--text-primary);font-family:inherit;font-size:var(--text-lg);text-align:left;cursor:pointer;background:0 0;border:none;font-weight:700;display:flex}.landing-accordion-trigger:hover{background:var(--surface-hover)}.landing-accordion-mark{font-size:var(--text-2xl);color:var(--text-secondary);flex:none;justify-content:center;align-items:center;display:inline-flex}.landing-accordion-panel{padding:0 var(--space-18) var(--space-16)}.landing-accordion.is-open .landing-accordion-trigger{border-bottom:1px solid var(--border-light);margin-bottom:var(--space-16)}.landing-closing{text-align:center;align-items:center;gap:var(--space-10);padding-block:var(--space-40) 44px;background:var(--kokko-red-deep);color:var(--brand-beige);flex-direction:column;margin-top:0;display:flex}.landing-closing-title{font-family:var(--font-logo);font-size:var(--text-5xl);color:var(--brand-beige);margin:0;font-weight:800}.landing-closing-lead{font-size:var(--text-base);color:var(--brand-beige);margin:0}.landing-footer{align-items:center;gap:var(--space-8);padding:var(--space-24) var(--space-20) calc(var(--space-24) + var(--safe-area-inset-bottom));background:var(--brand-dark-brown);flex-direction:column;flex:none;display:flex}.landing-footer-nav{justify-content:center;gap:var(--space-20);flex-wrap:wrap;display:flex}.landing-footer-nav a{color:var(--brand-beige);font-size:var(--text-base);font-weight:700;text-decoration:none}.landing-footer-nav a:hover{text-decoration:underline}.landing-attribution{width:100%;font-size:var(--text-base);color:var(--text-secondary);text-align:left;margin:0;line-height:1.8}.landing-attribution a{color:inherit;text-decoration:underline}.landing-footer-note{font-size:var(--text-sm);color:color-mix(in srgb, var(--brand-beige) 78%, var(--brand-dark-brown));margin:0}@media (width<=767px){.landing-hero{gap:var(--space-24)}.landing-hero-keeps{font-size:var(--text-base);text-align:center;width:100%;line-height:1.95}.landing-hero-keeps-part{display:block}.landing-hero-keeps-line+.landing-hero-keeps-line{margin-top:.5em}.landing-hero-keeps-line+.landing-hero-keeps-line--break{margin-top:1.1em}.landing-hero-lead{text-align:left;width:100%}}@media (width>=768px){.landing-hero{padding-block:56px 64px}.landing-hero-mascot{width:160px}.landing-intro-shots{gap:0 var(--space-12);max-width:450px}.landing-step-shots{gap:var(--space-24);grid-template-columns:repeat(2,1fr)}.landing-hero-lead{font-size:var(--text-xl)}.landing-section-title{font-size:var(--text-5xl)}}.map-setup{z-index:var(--z-dialog);padding:var(--space-16);background:var(--bg);overscroll-behavior:contain;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.map-setup-panel{gap:var(--space-14);width:100%;max-width:520px;padding:var(--space-20) var(--space-18) calc(var(--space-20) + var(--safe-area-inset-bottom));flex-direction:column;margin:auto;display:flex}.map-setup-title{font-family:var(--font-logo);font-size:var(--text-3xl);color:var(--text-primary);margin:0}.map-setup-import{gap:var(--space-6);flex-direction:column;display:flex}.map-setup-import .btn{width:100%;padding:var(--space-14) var(--space-20);font-size:var(--text-xl)}.map-setup-import-note{font-size:var(--text-sm);color:var(--text-muted);text-align:center;margin:0;line-height:1.5}.map-setup-actions{flex-direction:column;display:flex}.map-setup-actions .btn{width:100%;padding:var(--space-12) var(--space-20);font-size:var(--text-lg)}.map-setup-settings{background:var(--surface);border:2px solid var(--outline-on-surface);border-radius:var(--radius-sm);overflow:hidden}.map-setup-settings-heading{font-size:inherit;font-weight:inherit;margin:0}.map-setup-settings-trigger{justify-content:space-between;align-items:center;gap:var(--space-10);width:100%;min-height:44px;padding:var(--space-10) var(--space-14);color:var(--text-primary);font-family:inherit;font-size:var(--text-lg);text-align:left;cursor:pointer;background:0 0;border:none;font-weight:700;display:flex}@media (hover:hover){.map-setup-settings-trigger:hover{background:var(--surface-hover)}}.map-setup-settings-mark{font-size:var(--text-xl);color:var(--text-secondary);flex:none;justify-content:center;align-items:center;display:inline-flex}.map-setup-settings-panel{padding:0 var(--space-14) var(--space-14)}.map-setup-settings.is-open .map-setup-settings-trigger{border-bottom:1px solid var(--border-light);margin-bottom:var(--space-12)}.map-setup-fields{gap:var(--space-14);flex-direction:column;display:flex}.map-setup-cancel{min-height:44px;margin-top:var(--space-8);padding:0 var(--space-16);color:var(--text-secondary);font:inherit;font-weight:700;font-size:var(--text-lg);cursor:pointer;background:0 0;border:none;align-self:center;text-decoration:underline}@media (width>=480px){.map-setup-panel{padding:var(--space-28) var(--space-24)}.map-setup-title{font-size:var(--text-4xl)}}.basemap-picker{scroll-snap-type:x proximity;scrollbar-width:none;gap:var(--space-4);margin-top:var(--space-8);flex-wrap:nowrap;display:flex;overflow-x:auto}.basemap-picker::-webkit-scrollbar{display:none}.basemap-card{scroll-snap-align:start;align-items:stretch;gap:var(--space-6);cursor:pointer;color:var(--text-primary);background:0 0;border:none;flex-direction:column;flex:0 0 56px;padding:0;display:flex}.basemap-card-thumb{aspect-ratio:1;border:2px solid var(--border);border-radius:var(--radius-xs);background:var(--bg-tertiary);display:block;position:relative;overflow:hidden}.basemap-card-thumb img,.basemap-card-thumb svg{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.basemap-card:hover .basemap-card-thumb{border-color:var(--outline-on-surface)}.basemap-card.active .basemap-card-thumb{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 40%, transparent)}.basemap-card-label{font-size:var(--text-sm);text-align:center;color:var(--text-secondary);font-weight:700;line-height:1.3}.basemap-card.active .basemap-card-label{color:var(--text-primary)}.basemap-preview-art,.basemap-preview-photo{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.map-pin-move-bar{width:fit-content;z-index:var(--z-toast);align-items:center;gap:var(--space-12);padding:var(--space-8) var(--space-8) var(--space-8) var(--space-16);border-radius:var(--radius-full);background:var(--brand-dark-brown);color:var(--text-inverse);box-shadow:var(--shadow-md);margin-inline:auto;display:flex;position:absolute;top:12px;left:12px;right:12px}@media (width<=767px){.map-pin-move-bar{top:auto;bottom:calc(var(--editor-bottom-menu-h) + 8px)}}.map-pin-move-text{font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.map-pin-move-done{padding:var(--space-6) var(--space-14);border-radius:var(--radius-full);background:var(--text-inverse);color:var(--brand-dark-brown);font-size:var(--text-sm);cursor:pointer;border:0;flex-shrink:0;font-weight:700}.map-form-head{gap:var(--space-4);flex-direction:column;display:flex}.map-form-title{font-family:var(--font-logo);font-size:var(--text-4xl);color:var(--text-primary);margin:0;font-weight:700}.map-form-lead{font-size:var(--text-lg);color:var(--text-secondary);margin:0}.map-form-section{border:none;margin:0;padding:0}.map-form-section+.map-form-section{border-top:1px solid var(--border-light);padding-top:var(--space-16)}.map-blind{z-index:var(--z-dialog);pointer-events:none;width:100%;position:fixed;top:0;left:0}.map-blind-sheet{transform-origin:top;pointer-events:auto;background:var(--surface);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-xl);animation:.42s cubic-bezier(.22,1,.36,1) both map-blind-drop;position:relative;overflow:hidden}:root[data-surface=paper] .map-blind-sheet{box-shadow:0 1px 1px var(--ol-c), var(--shadow-xl)}.map-blind-body{gap:var(--space-16);padding:calc(var(--safe-area-inset-top) + var(--space-16)) var(--space-16) var(--space-20);flex-direction:column;max-height:88svh;animation:.42s cubic-bezier(.22,1,.36,1) both map-blind-unroll;display:flex;overflow-y:auto}.map-blind-actions{justify-content:flex-end;display:flex}@media (width>=768px){.map-blind-sheet{max-width:560px;margin:0 auto}}@keyframes map-blind-drop{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes map-blind-unroll{0%{transform:translateY(-24px)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.map-blind-sheet,.map-blind-body{animation:none}}.camera-vf{z-index:var(--z-base);pointer-events:none;--vf-u:clamp(8px, 1.6vmin, 14px);font-family:var(--font-sans);font-size:var(--vf-text);letter-spacing:.16em;color:#fff;text-shadow:0 1px 3px #0000008c;font-weight:700;position:absolute;inset:0}.camera-vf-top{top:calc(var(--vf-u) * 1.6);justify-content:center;align-items:center;gap:calc(var(--vf-u) * 1.8);white-space:nowrap;display:flex;position:absolute;left:0;right:0}.camera-vf-rec{align-items:center;gap:calc(var(--vf-u) * .55);display:inline-flex}.camera-vf-rec-dot{width:calc(var(--vf-u) * .6);height:calc(var(--vf-u) * .6);box-shadow:0 0 calc(var(--vf-u) * .5) #ff453ae6;background:#ff453a;border-radius:50%;flex:none}.camera-vf-spec{opacity:.9}.camera-vf-modes{bottom:calc(var(--vf-shutter) + var(--vf-shutter-gap) + var(--vf-u) * 1.4);justify-content:center;align-items:center;gap:calc(var(--vf-u) * 1.8);font-size:var(--vf-text);color:#ffffffd1;white-space:nowrap;flex-direction:row;display:flex;position:absolute;left:0;right:0}.camera-vf-modes .is-active{color:#ffd60a}.camera-vf-shutter{left:50%;bottom:calc(var(--vf-u) * 1.4);width:var(--vf-shutter);height:var(--vf-shutter);box-shadow:0 0 0 calc(var(--vf-u) * .2) #0000002e, 0 0 0 calc(var(--vf-u) * .45) #fff;background:#ff453a;border-radius:50%;position:absolute;transform:translate(-50%)}.legal{overscroll-behavior:contain;scrollbar-width:none;background:var(--bg);height:100%;color:var(--text-primary);flex-direction:column;display:flex;overflow-y:auto}.legal::-webkit-scrollbar{display:none}.legal-top{width:100%;max-width:760px;padding:calc(var(--space-16) + var(--safe-area-inset-top)) var(--space-20) 0;flex:none;margin:0 auto}.legal-back{align-items:center;gap:var(--space-4);min-height:44px;color:var(--text-secondary);font-size:var(--text-base);font-weight:700;text-decoration:none;display:inline-flex}.legal-back:hover{text-decoration:underline}.legal-main{width:100%;max-width:760px;padding:var(--space-8) var(--space-20) 48px;flex:1;margin:0 auto}.legal-title{margin:0 0 var(--space-12);font-size:var(--text-6xl);line-height:1.4}.legal-lead{margin:0 0 var(--space-8);font-size:var(--text-lg);color:var(--text-secondary);line-height:1.9}.legal-updated{margin:0 0 var(--space-32);font-size:var(--text-lg);color:var(--text-muted)}.legal-section{margin:0 0 var(--space-28)}.legal-heading{margin:0 0 var(--space-10);font-size:var(--text-2xl);line-height:1.6}.legal-heading-num{color:var(--text-muted)}.legal-text{margin:0 0 var(--space-12);font-size:var(--text-lg);line-height:1.9}.legal-text a{color:inherit;text-decoration:underline}.legal-list{margin:0 0 var(--space-12);font-size:var(--text-lg);padding-left:1.4em;line-height:1.9}.legal-list li{margin-bottom:var(--space-8)}.legal-footer{align-items:center;gap:var(--space-8);padding:var(--space-24) var(--space-20) calc(var(--space-24) + var(--safe-area-inset-bottom));border-top:2px solid var(--outline-on-surface);background:var(--surface);flex-direction:column;flex:none;display:flex}.legal-footer-nav{justify-content:center;gap:var(--space-20);flex-wrap:wrap;display:flex}.legal-footer-nav a{color:var(--text-primary);font-size:var(--text-base);font-weight:700;text-decoration:none}.legal-footer-nav a:hover{text-decoration:underline}.legal-footer-note{font-size:var(--text-sm);color:var(--text-muted);margin:0}@media (prefers-reduced-motion:reduce){.poi-sheet,.poi-sheet.closing,.viewer-poi-cards,.viewer-poi-cards.closing,.viewer-poi-count,.viewer-poi-count.closing,.poi-edit-bubble,.map-context-menu,.poi-add-menu,.map-more-menu-dropdown,.map-settings-popover,.icon-field-popover,.viewer-date-filter,.map-search-results,.map-search-suggest,.map-location-notice{animation:none}}.editor-panel,.editor-panel-content,.editor-place-cards,.editor-place-list,.place-list,.info-panel,.dialog,.dialog-body,.drawer-body,.poi-sheet-body,.poi-popover-body,.map-search-results,.map-search-suggest,.map-settings-popover,.icon-field-popover{overscroll-behavior:contain}.home-bottom-tabs{align-items:center;gap:var(--space-8);height:var(--home-bottom-tabs-h);margin:0 var(--space-12) calc(var(--space-12) + var(--safe-area-inset-bottom));border-radius:var(--radius-full);z-index:var(--z-header);flex-direction:row;display:flex;position:absolute;bottom:0;left:0;right:0}.home-bottom-tablist{border-radius:var(--radius-full);background:var(--brand-dark-brown);flex-direction:row;flex:auto;align-items:center;min-width:0;height:100%;display:flex}.home-bottom-tab{min-width:0;height:100%;color:var(--brand-beige);font-family:var(--font-sans);font-size:var(--text-base);cursor:pointer;background:0 0;border:0;flex:1 1 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.home-bottom-tab-label{max-width:100%;padding:var(--space-8) var(--space-16);border-radius:var(--radius-full);white-space:nowrap;text-overflow:ellipsis;transition:background var(--transition-fast), color var(--transition-fast);align-items:center;display:inline-flex;overflow:hidden}.home-bottom-tab.is-active .home-bottom-tab-label{background:color-mix(in srgb, var(--brand-beige) 20%, transparent);color:var(--brand-beige);font-weight:700}.home-bottom-tab:not(.is-active):active .home-bottom-tab-label{background:color-mix(in srgb, var(--brand-beige) 14%, transparent)}.home-bottom-plus{border-radius:var(--radius-full);background:var(--brand-dark-brown);width:64px;height:64px;color:var(--brand-beige);font-size:var(--text-3xl);cursor:pointer;transition:transform var(--transition-fast);border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.home-bottom-plus.is-open{transform:rotate(90deg)}.home-bottom-plus:active{transform:scale(.94)}.home-bottom-plus.is-open:active{transform:rotate(90deg)scale(.94)}.home-bottom-tabs .home-plus-menu{top:auto;right:var(--space-12);transform-origin:100% 100%;bottom:calc(100% + 6px);left:auto}.home-tab-pane{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.home-tab-pane>.home-pane-scroll{overscroll-behavior:contain;scrollbar-width:none;flex:auto;min-height:0;position:relative;overflow:hidden auto}.home-tab-pane>.home-pane-scroll::-webkit-scrollbar{display:none}.home-tab-pane.is-dimmed{opacity:.45}.home-tab-pane .home-hero{opacity:.85;pointer-events:none;position:absolute;inset:0}.home-tab-pane .home-filter{position:relative}.home-tab-pane .home-weekly-picks{padding:var(--space-12);margin:0;position:relative}.home-tab-pane .home-weekly-picks .home-strip-grid{grid-template-columns:repeat(2,1fr);padding:0}.home-create-pane{--create-split:50%;--create-band-left:calc(var(--space-16) + 44px + var(--space-8));--create-bar-w:64px;--create-bar-clear:calc(var(--space-8) + var(--create-bar-w) + var(--space-8));--create-bottom-safe:calc(var(--home-bottom-tabs-h) + var(--space-24) + var(--safe-area-inset-bottom));--create-attrib-h:24px;--create-float-bottom:calc(var(--create-bottom-safe) + var(--create-attrib-h) + var(--space-8));flex-direction:column;flex:auto;min-height:0;display:flex;position:relative;overflow:hidden}.home-create-way{justify-content:center;align-items:center;gap:var(--space-12);min-height:0;color:var(--text-primary);text-align:center;transition:height var(--transition-base);flex-direction:column;flex:none;text-decoration:none;display:flex;position:relative;overflow:hidden}.home-create-way.is-photo{height:var(--create-split)}.home-create-way.is-place{height:calc(100% - var(--create-split))}.home-create-camera{z-index:var(--z-base);pointer-events:none;background:var(--brand-dark-brown);position:absolute;inset:0;overflow:hidden}.home-create-camera video{object-fit:cover;width:100%;height:100%}.home-create-shot{z-index:var(--z-base);pointer-events:none;background:var(--brand-dark-brown);position:absolute;inset:0;overflow:hidden}.home-create-shot img{object-fit:cover;width:100%;height:100%}.home-create-shot-actions{right:var(--create-bar-clear);bottom:var(--space-16);left:var(--create-bar-clear);z-index:calc(var(--z-over) + 1);justify-content:center;align-items:center;gap:var(--space-12);display:flex;position:absolute}.home-create-retake{min-height:44px;padding:0 var(--space-16);border-radius:var(--radius-full);color:#fff;font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;background:#ffffff38;border:0;flex:none;font-weight:700}.home-create-shot-add{min-height:44px;padding:0 var(--space-18);border-radius:var(--radius-full);background:var(--kokko-red);color:#fff;font-family:var(--font-sans);font-size:var(--text-base);cursor:pointer;border:0;flex:none;font-weight:700}.record-add-dialog .dialog-body{gap:var(--space-12);flex-direction:column;display:flex}.record-add-field{gap:var(--space-6);flex-direction:column;display:flex}.record-add-label{color:var(--accent-text);font-size:var(--text-sm);font-weight:700}.record-add-select{width:100%;min-height:44px}.record-add-dialog .textarea{field-sizing:content;min-height:96px;max-height:30vh}.record-add-actions{gap:var(--space-8);margin-top:var(--space-4);justify-content:flex-end;display:flex}.record-add-cancel,.record-add-submit{min-height:44px;padding:0 var(--space-18);border-radius:var(--radius-full);cursor:pointer;border:0;font-weight:700}.record-add-cancel{color:var(--text-primary);background:0 0}.record-add-submit{background:var(--kokko-red);color:#fff}.record-add-submit:disabled,.record-add-cancel:disabled{opacity:.6;cursor:default}.home-create-map{z-index:var(--z-base);opacity:.5;position:absolute;inset:0;overflow:hidden}.home-create-way.is-place.is-touched .home-create-map{opacity:1}.home-create-map .maplibregl-ctrl-bottom-left,.home-create-map .maplibregl-ctrl-bottom-right{bottom:var(--create-bottom-safe)}.home-create-expand{z-index:var(--z-over);cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.home-create-shutter{bottom:var(--space-16);z-index:calc(var(--z-over) + 1);border-radius:var(--radius-full);color:#fff;cursor:pointer;background:#ffffff47;border:0;justify-content:center;align-items:center;width:64px;height:64px;padding:0;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.home-create-shutter:after{content:"";border-radius:var(--radius-full);width:48px;height:48px;transition:transform var(--transition-fast);background:#fff}.home-create-shutter:active:after{transform:scale(.9)}.home-create-flip{right:var(--create-bar-clear);bottom:var(--space-16);z-index:calc(var(--z-over) + 1);border-radius:var(--radius-full);color:#fff;width:44px;height:44px;font-size:var(--text-2xl);cursor:pointer;background:#ffffff38;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute}.home-create-flip:active{transform:scale(.94)}.home-create-hint{z-index:var(--z-over);max-width:20em;padding:var(--space-16);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);text-align:center;pointer-events:none;margin:0;position:relative}.home-create-locate{bottom:calc(var(--create-float-bottom) + var(--space-16));left:var(--space-16);z-index:calc(var(--z-over) + 1);border-radius:var(--radius-full);background:var(--brand-dark-brown);width:44px;height:44px;color:var(--brand-beige);font-size:var(--text-2xl);cursor:pointer;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute}.home-create-locate:active{transform:scale(.94)}.home-create-roll{bottom:var(--space-16);left:var(--space-16);z-index:calc(var(--z-over) + 1);border-radius:var(--radius-sm);color:#fff;width:44px;height:44px;font-size:var(--text-2xl);cursor:pointer;background:#ffffff38;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute}.home-create-roll:active{transform:scale(.94)}.home-create-overlay{top:var(--create-split);z-index:calc(var(--z-over) + 3);pointer-events:none;position:absolute;bottom:0;left:0;right:0}.home-create-overlay>*{pointer-events:auto}.home-create-overlay>.map-add-pin-target{pointer-events:none}.home-create-overlay .map-pin-move-bar{top:auto;bottom:calc(var(--create-float-bottom) + var(--space-16) + 44px + var(--space-8))}.home-create-error{right:var(--space-12);bottom:var(--create-float-bottom);left:var(--create-band-left);z-index:calc(var(--z-over) + 3);padding:var(--space-8) var(--space-12);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-xs);text-align:left;cursor:pointer;background:#ffffffeb;border:0;margin:0;line-height:1.5;position:absolute}.home-create-bar{top:50%;right:var(--space-8);z-index:calc(var(--z-over) + 4);width:var(--create-bar-w);touch-action:none;cursor:ns-resize;background:0 0;border:0;justify-content:center;align-items:center;height:160px;margin:0;padding:0;display:flex;position:absolute;transform:translateY(-50%)}.home-create-bar:before{content:"";border-radius:var(--radius-full);background:#fff9;width:30px;height:100%;box-shadow:0 1px 4px #00000040}.home-create-bar:after{content:"";top:var(--bar-pos,50%);border-radius:var(--radius-full);background:var(--text-primary);width:22px;height:6px;position:absolute;transform:translateY(-50%)}.home-sheet.home-step-sheet{padding-bottom:0}.home-step-head{min-height:48px;padding:0 var(--space-16);border-bottom:1px solid var(--outline-on-surface);flex:none;justify-content:center;align-items:center;display:flex;position:relative}.home-step-back{top:50%;left:var(--space-16);align-items:center;gap:var(--space-4);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex;position:absolute;transform:translateY(-50%)}.home-step-head.is-end{justify-content:flex-end}.home-step-title{color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-sm);margin:0;font-weight:400}.home-step-submit{margin:var(--space-24) 0;padding:var(--space-12) var(--space-24);border-radius:var(--radius-full);background:var(--kokko-red);color:#fff;font-family:var(--font-sans);font-size:var(--text-base);cursor:pointer;border:0;flex:none;align-self:center;font-weight:700}.home-step-submit:disabled{opacity:.45;cursor:default}.home-gather-pane .home-step-submit{margin-top:auto;margin-bottom:var(--space-32)}.home-datafile-pane .home-step-submit{margin-bottom:auto}.home-gather-pane,.home-datafile-pane{flex-direction:column;flex:auto;min-height:0;display:flex}.home-gather-list{min-height:0;padding:var(--space-8) var(--space-16);flex:0 auto;margin:0;list-style:none;overflow-y:auto}.home-gather-row{align-items:center;gap:var(--space-12);padding:var(--space-12) 0;display:flex}.home-gather-check{align-items:center;gap:var(--space-12);cursor:pointer;flex:auto;min-width:0;display:flex}.home-gather-row-name{min-width:0;color:var(--text-secondary);font-size:var(--text-base);text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.home-gather-row.is-on .home-gather-row-name{color:var(--text-primary)}.home-gather-row-edit{border-radius:var(--radius-full);width:32px;height:32px;color:var(--text-secondary);font-size:var(--text-xl);flex:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.home-datafile-ai{justify-content:center;align-items:center;gap:var(--space-8);padding:0 var(--space-16) var(--space-8);flex:none;margin-top:auto;display:flex}.home-datafile-ai-copy{align-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-12);border-radius:var(--radius-full);background:var(--brand-dark-brown);color:var(--brand-beige);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;border:0;font-weight:700;display:inline-flex}.home-datafile-copied{color:var(--text-secondary);font-size:var(--text-xs)}.home-datafile-drop{justify-content:center;align-items:center;gap:var(--space-8);height:44%;margin:0 var(--space-16);border:1px dashed var(--outline-on-surface);border-radius:var(--radius-md);color:var(--text-secondary);cursor:text;flex-direction:column;flex:none;display:flex;position:relative}.home-datafile-drop-icon{font-size:var(--text-2xl)}.home-datafile-drop-label{font-size:var(--text-sm)}.home-datafile-input{width:100%;height:100%;padding:var(--space-12);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-xs);resize:none;background:0 0;border:0;position:absolute;inset:0}.home-datafile-input:focus{background:var(--surface);outline:none}.home-datafile-error{margin:var(--space-8) var(--space-16) 0;font-size:var(--text-xs);line-height:1.5}:root[data-surface=paper] .home-step-head,:root[data-surface=paper] .home-datafile-drop{border-color:var(--ol-c)}