:root{color:var(--text);background:var(--page);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--motion-ease:cubic-bezier(.4, 0, .2, 1);--motion-panel-duration:.28s;--motion-fast-duration:.16s;--text:#514941;--page:#f3efeb;--control:#fff;--panel-border:#fff;--dock:#fff6;--error:#ad4c3e;--badge-text:#513964;--badge-bg:#eee5f6;--selection:#eee4fa;--unread:#aa5411;--startup-bg:radial-gradient(ellipse at 25% 32%, #e5edff70, transparent 50%), radial-gradient(ellipse at 80% 68%, #f8dfed60, transparent 48%), #fff9f3;--accent:#7951b0;--line:#eee8e7;--secondary:#79706c;--surface:#fffcf9;--panel-gradient:linear-gradient(135deg, #f3f9ff 0%, #faf5ff 52%, #fff6ef 100%);--brand-soft:#f4edff;--brand-gradient:linear-gradient(135deg, #78c5fc 0%, #be94f1 55%, #ffb09e 100%);--brand-center:linear-gradient(135deg, #feb383 0%, #fe8689 100%);--brand-ink:#423052;--brand-tint:linear-gradient(135deg, #edf7ff 0%, #f3eaff 60%, #fff0e9 100%);--header-height:calc(42px + env(safe-area-inset-top));--brand-border:#cdb1ef;font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,sans-serif;font-size:14px;line-height:1.6}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}button{background:var(--control);cursor:pointer;touch-action:manipulation;min-height:44px;transition:scale var(--motion-fast-duration) var(--motion-ease), filter var(--motion-fast-duration) var(--motion-ease), opacity var(--motion-fast-duration) var(--motion-ease), background-color var(--motion-fast-duration) var(--motion-ease);border:0;border-radius:14px;padding:10px 12px;font-weight:700}button:not(:disabled):active{scale:.96}button:disabled{opacity:.45;cursor:default}:focus,:focus-visible{outline:none}#root .maplibregl-ctrl-attrib-button:focus,#root .maplibregl-ctrl-group button:focus{box-shadow:none}h1,h2,p{margin:0}h2{font-size:15px;font-weight:600}p{overflow-wrap:anywhere;margin:8px 0}a{color:inherit}input:not([type=checkbox]),textarea,select{border:1px solid var(--line);background:var(--control);border-radius:12px;width:100%;min-width:0;padding:10px 12px;font-size:16px}textarea{resize:none;min-height:76px;line-height:1.6;display:block}select{min-height:44px}label{margin:10px 0 6px;font-size:13px;display:block}.app{background:var(--control);flex-direction:column;width:100%;max-width:560px;height:100dvh;margin:auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 60px #34394312}.header,.settings-header{height:calc(68px + env(safe-area-inset-top));padding:calc(12px + env(safe-area-inset-top)) 16px 12px;z-index:4;background:var(--control);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;display:flex}.brand{flex-shrink:0;align-items:center;display:flex}.brand-logo{object-fit:contain;width:120px;height:auto;display:block}.header-actions{align-items:center;gap:4px;display:flex}.own-button{color:var(--accent);background:var(--surface);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:8px;font-size:12px;display:flex}.unread-dot{background:#b8bdc5;border-radius:50%;width:7px;height:7px}.has-unread{background:#cc6f8c;box-shadow:0 0 0 3px #cc6f8c12}.icon{border:0;flex-shrink:0;place-items:center;width:44px;height:44px;padding:10px;display:grid}.map-area{background:#f6f7f9;flex:1;min-height:0;position:relative;overflow:hidden}.posting-prompt{bottom:calc(56px + env(safe-area-inset-bottom));z-index:1;pointer-events:none;opacity:1;transform-origin:16px 16px;width:max-content;max-width:min(260px,100% - 108px);transition:opacity var(--motion-panel-duration) var(--motion-ease), transform var(--motion-panel-duration) var(--motion-ease);align-items:flex-start;gap:9px;display:flex;position:absolute;left:12px;transform:none}.map-area:has(.more-posts) .posting-prompt{bottom:calc(100px + env(safe-area-inset-bottom))}.posting-prompt-animal{background:#9775c8;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid;box-shadow:0 2px 8px #51416b18}.posting-prompt-bubble{border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--text);overflow-wrap:anywhere;border-radius:14px;margin:0;padding:9px 11px;font-size:12px;line-height:1.6;position:relative;box-shadow:0 2px 8px #51416b12}.posting-prompt-bubble:before{content:"";background:var(--surface);border-left:1px solid var(--line);border-bottom:1px solid var(--line);width:8px;height:8px;position:absolute;top:11px;left:-5px;transform:rotate(45deg)}.posting-prompt.closing{opacity:0;transform:translateY(-6px)scale(.97)}@starting-style{.posting-prompt{opacity:0;transform:translateY(-6px)scale(.97)}}@media (prefers-reduced-motion:reduce){.posting-prompt{transition-duration:0s;transform:none}}.compose-fab{right:22px;bottom:calc(34px + env(safe-area-inset-bottom));background:var(--brand-gradient);width:60px;height:60px;color:var(--brand-ink);z-index:3;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;box-shadow:0 6px 20px #7654a830}.location-button{right:30px;bottom:calc(108px + env(safe-area-inset-bottom));z-index:2;border-radius:50%;position:absolute;box-shadow:0 3px 12px #34394310}.map-note{background:var(--panel-gradient);text-align:center;border-radius:12px;margin:0;padding:8px 12px;font-size:12px}.more-posts{max-width:60%;font-size:12px;position:absolute;bottom:40px;left:18px}.accordion{top:var(--header-height);max-height:min(35%, calc(100% - var(--header-height)));overscroll-behavior:contain;background:var(--panel-gradient);z-index:4;padding:0 20px 14px;position:absolute;left:0;right:0;overflow:auto;box-shadow:0 8px 20px #51416b14}.accordion h2{margin:16px 0 8px;font-size:13px}.own-item{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;display:grid}.own-item p{margin:0 0 4px;font-size:13px}.own-item button{font-size:12px}.unread-count{color:var(--unread);font-size:11px}.sheet{z-index:3;top:min(255px,32%);bottom:calc(28px + env(safe-area-inset-bottom));overscroll-behavior:contain;scrollbar-width:thin;background:var(--panel-gradient);border:1px solid var(--panel-border);transform-origin:50% 0;border-radius:22px;padding:20px;position:absolute;left:14px;right:14px;overflow:auto;box-shadow:0 10px 40px #62537d1c}.composer{top:auto;bottom:calc(110px + env(safe-area-inset-bottom));max-height:calc(100% - 188px - env(safe-area-inset-top) - env(safe-area-inset-bottom));transform-origin:100% calc(100% + 40px);padding:20px 16px;left:18px;right:18px}.composer-actions{margin-bottom:14px}.place-heading{margin:8px 0 4px}.place-heading label{margin:0}.composer textarea{min-height:110px;margin-top:12px}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.nowrap{flex-wrap:nowrap}.nowrap>button{white-space:nowrap;flex-shrink:0}.wide{width:100%;margin-top:12px}.primary{background:var(--brand-gradient);color:#fff;background-clip:border-box}.muted{color:var(--secondary);font-size:12px}.check{align-items:center;gap:10px;min-height:44px;margin:8px 0;display:flex}.check input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}.between{justify-content:space-between}.subtle{padding:7px 10px;font-size:12px}.feedback{color:var(--error);font-size:12px}.detail{bottom:calc(26px + env(safe-area-inset-bottom));flex-direction:column;padding:0;display:flex;overflow:hidden}.conversation-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding:20px;overflow:auto}.author{overflow-wrap:anywhere;align-items:center;gap:8px;min-width:0;font-size:12px;display:flex}.avatar{border-radius:50%;flex:0 0 30px;place-items:center;height:30px;display:grid}.post-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:17px}.shop{background:var(--brand-soft);border-radius:999px;align-items:center;gap:6px;min-height:28px;padding:3px 10px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.reply{border-top:1px solid var(--line);padding:10px 0}.reply>p{white-space:pre-wrap}.reply-dock{border-top:1px solid var(--line);background:var(--dock);flex-shrink:0;padding:12px 16px 10px}.reply-dock-row{align-items:flex-end;gap:10px;display:flex}.reply-dock textarea{flex:1;height:56px;min-height:56px;max-height:104px}.reply-dock-row>button{min-height:56px}.reply-dock>.muted{font-size:11px}.actions{position:relative}.actions>button{border:0;min-width:44px;font-size:19px}.popover{z-index:8;background:var(--panel-gradient);border:1px solid var(--line);border-radius:14px;min-width:170px;padding:6px;position:absolute;top:44px;right:0;box-shadow:0 8px 28px #34394320}.popover button{text-align:left;background:0 0;border:0;width:100%;font-size:13px;display:block}.settings{background:var(--panel-gradient);width:min(100%,560px);max-width:none;height:100dvh;max-height:none;color:inherit;border:0;margin:auto;padding:0;position:absolute;inset:0}.settings[open]{flex-direction:column;display:flex}.settings::backdrop{background:#34394330}.settings-header{box-shadow:inset 0 -1px var(--line)}.settings-header h1{font-size:20px}.settings-content{min-height:0;padding:0 24px calc(32px + env(safe-area-inset-bottom));flex:1;overflow:auto}.settings-content section{border-bottom:1px solid var(--line);padding:24px 0}.settings-content h2{margin-bottom:16px;font-size:14px}.settings-content details{border-top:1px solid var(--line);padding:14px 0}.settings-content details p{color:var(--secondary);font-size:12px}.settings-content summary{cursor:pointer}.help-and-data h3{margin:20px 0 8px;font-size:13px}.help-and-data details p,.help-and-data ul{overflow-wrap:anywhere;margin:10px 0;font-size:13px;line-height:1.85}.help-and-data ul{color:var(--secondary);padding-left:20px}.help-and-data li+li{margin-top:8px}.help-and-data .policy-date{font-size:11px}.colors{gap:6px;margin:12px 0;display:flex}.colors button{border-radius:50%;place-items:center;width:44px;height:44px;padding:6px;display:grid}.colors button[aria-pressed=true]{background:var(--selection)}.colors span{border-radius:50%;width:26px;height:26px}.version{color:var(--secondary);flex-direction:column;align-items:center;padding:32px 0 8px;font-size:11px;display:flex}.version p{margin:12px 0 4px}.notice-stack{top:calc(var(--header-height) + 50px);scrollbar-width:thin;z-index:4;pointer-events:none;flex-direction:column;gap:8px;max-height:35%;display:flex;position:absolute;left:18px;right:18px;overflow-y:auto}.notice-stack>*{pointer-events:auto;flex-shrink:0}.status{background:var(--panel-gradient);border:1px solid var(--brand-border);border-radius:12px;align-items:center;gap:8px;margin:0;padding:8px 10px 8px 12px;font-size:12px;display:flex}.status button{min-width:28px;min-height:28px;color:var(--accent);background:var(--brand-tint);flex-shrink:0;margin-left:auto;padding:0 6px}.startup-app{height:100%}.startup{z-index:10;opacity:1;transition:opacity .25s var(--motion-ease);background:var(--startup-bg);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.startup-fading{opacity:0}.startup-brand{padding:18px}.startup-logo{width:220px}.startup-spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;margin-top:30px;animation:.9s linear infinite startup-spin}.startup p{color:var(--secondary);margin:16px 0;font-size:13px}.location-permission{width:min(360px,100% - 40px);max-height:calc(100dvh - 40px);color:inherit;background:var(--panel-gradient);text-align:center;border:0;border-radius:22px;padding:28px 24px 24px;overflow-y:auto;box-shadow:0 18px 80px #34394320}.location-permission::backdrop{background:#34394338}.location-permission h1{margin-top:14px;font-size:18px}.location-permission p{color:var(--secondary);margin:12px 0 20px;font-size:13px}.permission-icon{box-sizing:content-box;color:var(--accent);background:var(--brand-soft);border-radius:20px;padding:14px}@keyframes startup-spin{to{transform:rotate(360deg)}}.sheet,.accordion,.popover,.settings{opacity:1;transition:opacity var(--motion-panel-duration) var(--motion-ease), transform var(--motion-panel-duration) var(--motion-ease);transform:none}.sheet{--motion-from:translateY(18px) scale(.97)}.accordion{--motion-from:translateY(-12px)}.popover{--motion-from:translateY(-6px) scale(.96);transform-origin:100% 0}.settings{--motion-from:translateX(24px)}.sheet.closing,.accordion.closing,.popover.closing,.settings.closing{opacity:0;transform:var(--motion-from);pointer-events:none}.settings::backdrop{opacity:1;transition:opacity var(--motion-panel-duration) var(--motion-ease)}.settings.closing::backdrop{opacity:0}@starting-style{.sheet,.accordion,.popover,.settings[open]{opacity:0;transform:var(--motion-from)}.settings[open]::backdrop{opacity:0}}.notice-stack>*,.location-button,.more-posts,.compose-fab>svg,.reply,.location-permission[open],.settings-content details[open]>:not(summary){animation:content-in var(--motion-panel-duration) var(--motion-ease) both}@keyframes content-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:360px){.header,.settings-header{padding-left:12px;padding-right:12px}.conversation-scroll{padding:16px}.reply-dock{padding:10px 12px}.reply-dock-row{gap:8px}.settings-content{padding-left:18px;padding-right:18px}}@media (max-height:520px){.settings-header{height:56px}.sheet{top:70px}.composer{max-height:calc(100% - 150px);top:auto;bottom:90px}.compose-fab{width:52px;height:52px;bottom:28px}}.account-notice{border-bottom:1px solid var(--line);background:var(--panel-gradient);border:1px solid var(--brand-border);border-radius:12px;flex-shrink:0;max-height:150px;padding:8px 16px;font-size:13px;overflow-y:auto}.account-notice button{margin:0 6px 4px 0}.account-transfer{border:1px solid var(--line);border-radius:12px;margin-bottom:14px;padding:10px}.header,.settings-header{height:var(--header-height);padding:env(safe-area-inset-top) 12px 0}.header .icon,.settings-header .icon{width:34px;height:34px;min-height:34px;padding:6px}.header .own-button{justify-content:center;min-width:124px;height:30px;min-height:30px;padding:0 18px}.place-heading .subtle{align-items:center;gap:6px;display:inline-flex}.header,.settings-header{background:var(--surface);box-shadow:inset 0 -1px var(--line)}.header .icon,.settings-header .icon{color:var(--secondary);background:0 0}.own-button[aria-expanded=true]{background:var(--brand-tint)}.header .bookmarks-toggle[aria-expanded=true]{color:var(--accent);background:var(--brand-soft)}.bookmark-action{margin:12px 0}.bookmark-button{border-radius:999px;align-items:center;gap:7px;font-size:12px;display:inline-flex}.bookmark-button[aria-pressed=true]{color:var(--accent);background:var(--brand-soft)}.bookmark-action p{font-size:12px}@media (max-width:360px){.header .brand-logo{width:100px}.header .own-button{min-width:0;padding:0 8px}}.accordion{background:var(--panel-gradient);border-bottom:1px solid var(--line)}.map-note{border:1px solid var(--line);color:var(--secondary);box-shadow:0 4px 20px #51416b0a}.reply-dock{background:var(--dock)}.location-button{color:var(--accent);background:var(--brand-gradient)}@media (hover:hover){button:not(:disabled):hover{filter:brightness(.97)}}.compose-fab svg,.primary svg,.location-button svg{stroke:#fff}.settings-header{background:0 0}button{background-origin:border-box}.avatar-picker{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:16px 0;display:grid}.avatar-picker button{background:0 0;border:0;border-radius:18px;place-items:center;min-width:0;padding:5px;display:grid}.avatar-picker button[aria-pressed=true]{background:var(--selection)}.avatar-picker span{border-radius:13px;place-items:center;width:40px;height:40px;display:grid}.avatar-welcome h1{font-size:20px}.avatar-welcome>.muted{text-align:center;margin-top:14px}.composer-actions .primary{color:#fff}.conversation-heading{flex-wrap:nowrap;align-items:center}.conversation-heading>.author{flex:1}.conversation-actions{flex-wrap:nowrap;flex:none;gap:4px}.actions>.icon{place-items:center;width:44px;height:44px;padding:0;display:grid}.actions{flex-shrink:0}.data-credits{text-align:center;color:var(--secondary);padding-top:24px;font-size:11px}.data-credits h2{margin-bottom:8px;font-size:12px}.data-credits p+p{margin-top:8px}.data-credits a{color:inherit}.welcome-logo{width:168px;margin:0 auto 24px}.post-meta{align-items:center;gap:12px;margin:8px 0 12px;display:flex}.post-meta .shop{flex:0 auto;min-width:0;max-width:70%}.post-meta time{text-align:right;flex-shrink:0;margin-left:auto}.post-meta.with-action{grid-template-columns:max-content minmax(0,1fr) auto;gap:8px;display:grid}.post-meta.with-action .bookmark-action{display:contents}.post-meta.with-action .bookmark-button{white-space:nowrap;grid-area:1/1}.post-meta.with-action .shop{grid-area:1/2;justify-self:start;max-width:100%}.post-meta.with-action time{grid-area:1/3}.post-meta.with-action .bookmark-action p{grid-column:1/-1;margin:0}.avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.profile-image-editor{margin-block:20px}.profile-image-preview{object-fit:cover;border-radius:50%;width:80px;height:80px;margin-block:12px;display:block}.profile-image-editor input[type=file]{width:100%;min-width:0}#nickname[readonly]{color:var(--secondary);cursor:default}.ai-badge{color:var(--badge-text);background:var(--badge-bg);border-radius:5px;flex:none;padding:1px 5px;font-size:11px;font-weight:700}.shop img{filter:brightness(0)invert()}.shop img,.shop>span:last-child{flex-shrink:0}.shop-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#ede7f1;--page:#17151c;--control:#37313e;--surface:#211d28;--panel-gradient:linear-gradient(135deg, #242633 0%, #2d2636 52%, #342b30 100%);--panel-border:#4b4255;--dock:#211d287a;--line:#4b4255;--secondary:#c0b5c9;--accent:#d0b0fb;--brand-soft:#443352;--brand-tint:linear-gradient(135deg, #303e51 0%, #493956 60%, #523b3b 100%);--brand-border:#86649e;--error:#ffb2a5;--badge-text:#ecd7ff;--badge-bg:#513c62;--selection:#59466b;--unread:#ffd09f;--startup-bg:radial-gradient(ellipse at 25% 32%, #35426270, transparent 50%), radial-gradient(ellipse at 80% 68%, #63455c60, transparent 48%), #211d28}