.taildo-fill-media { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }

.taildo-fill-square { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; object-position: center; display: block; }table { width: 100%; display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }pre,
code { word-break: break-word; white-space: pre-wrap; }input,
textarea,
select,
button { max-width: 100%; }

#taildo-main-content { padding-bottom: calc(5.4rem + env(safe-area-inset-bottom)); }

#taildo-main-content,
#taildo-main-content p,
#taildo-main-content li,
#taildo-main-content dd,
#taildo-main-content dt,
#taildo-main-content label { line-height: 1.7; }

@media (min-width: 1024px) {

#taildo-main-content,
#taildo-main-content p,
#taildo-main-content li,
#taildo-main-content dd,
#taildo-main-content dt,
#taildo-main-content label { line-height: var(--td-line-height-desktop); }

        }@keyframes modalShow {from { opacity: 0; transform: scale(0.99) translateY(8px); }to { opacity: 1; transform: scale(1) translateY(0); } }

.animate-modal { animation: modalShow 0.22s cubic-bezier(0.34, 1.56, 0.64, 1); }@keyframes spin-sync {from { transform: rotate(0deg); }to { transform: rotate(360deg); } }

.animate-spin-sync { animation: spin-sync 1s linear infinite; }

.dev-modal-backdrop { background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; }

html[data-theme="light"] body[data-taildo-public-shell="true"] :where(#taildo-main-content, .taildo-left-sidebar, #mobile-menu-drawer, [data-taildo-header-root], [data-taildo-auth-page], .taildo-message-modal) :where(input, textarea, select)::placeholder {
            color: #475569;
            opacity: 1;
        }

html[data-theme="light"] body[data-taildo-public-shell="true"] .taildo-left-sidebar nav a > span > span + span,
html[data-theme="light"] body[data-taildo-public-shell="true"] #mobile-menu-drawer nav a > span.min-w-0 > span + span {
            color: #475569;
        }

html[data-theme="light"] .taildo-left-sidebar nav a { color: var(--td-neutral-text); }

html[data-theme="light"] .taildo-left-sidebar nav a > svg,
html[data-theme="light"] .taildo-left-sidebar nav a > span > span + span { color: var(--td-neutral-subtle); }

html[data-theme="dark"] .taildo-left-sidebar nav a { color: var(--td-neutral-text); }

html[data-theme="dark"] .taildo-left-sidebar nav a > svg,
html[data-theme="dark"] .taildo-left-sidebar nav a > span > span + span { color: var(--td-neutral-subtle); }

.taildo-tag-presets-scroll {
            display: flex; gap: 0.45rem; overflow-x: auto; overflow-y: hidden;
            padding: 0.1rem 0 0.15rem; scrollbar-width: thin;
            -webkit-overflow-scrolling: touch; white-space: nowrap;
        }

.taildo-tag-presets-scroll::-webkit-scrollbar { height: 6px; }

.taildo-tag-presets-scroll::-webkit-scrollbar-thumb { background: rgba(148, 163, 184, 0.45); border-radius: 999px; }

.taildo-tag-presets-scroll > * { flex: 0 0 auto; }

html[data-theme="light"] {
            --td-frame-header-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);
        }

html[data-theme="dark"] {
            --td-frame-header-shadow: 0 1px 0 rgba(0, 0, 0, 0.26);
        }

html[data-theme="light"] header.taildo-public-frame-header[data-taildo-header-root],
html[data-theme="light"] [data-taildo-header-root].taildo-public-frame-header {
            background: var(--td-frame-header-bg);
            background-color: var(--td-frame-header-bg);
            background-image: none;
            border-color: var(--td-frame-line);
}

html[data-theme="dark"] header.taildo-public-frame-header[data-taildo-header-root],
html[data-theme="dark"] [data-taildo-header-root].taildo-public-frame-header {
            background: var(--td-frame-header-bg);
            background-color: var(--td-frame-header-bg);
            background-image: none;
            border-color: var(--td-frame-line);
}

html[data-theme="light"] .taildo-left-sidebar {
            background: var(--td-frame-bg);
            background-color: var(--td-frame-bg);
            background-image: none;
            border-right: 0;
            align-self: stretch;
            min-height: calc(100vh - 64px);
            padding: 0 0.65rem 1rem;
        }

html[data-theme="dark"] .taildo-left-sidebar {
            background: var(--td-frame-bg);
            background-color: var(--td-frame-bg);
            background-image: none;
            border-right: 0;
            align-self: stretch;
            min-height: calc(100vh - 64px);
            padding: 0 0.65rem 1rem;
        }

html[data-theme="light"] body[data-taildo-public-shell="true"] .taildo-left-sidebar.taildo-left-sidebar,
html[data-theme="light"] body[data-taildo-public-shell="true"] .taildo-left-sidebar.taildo-left-sidebar > div,
html[data-theme="dark"] body[data-taildo-public-shell="true"] .taildo-left-sidebar.taildo-left-sidebar,
html[data-theme="dark"] body[data-taildo-public-shell="true"] .taildo-left-sidebar.taildo-left-sidebar > div {
            background: var(--td-frame-bg);
            background-color: var(--td-frame-bg);
            background-image: none;
        }

html[data-theme="light"] .taildo-left-sidebar > div,
html[data-theme="dark"] .taildo-left-sidebar > div {
            background: inherit;
            background-color: inherit;
        }

html[data-theme="light"] .taildo-left-sidebar > div > div {
            background: #ffffff;
            background-color: #ffffff;
}

/* Left sidebar profile portrait polish: give the photo block balanced breathing room. */
html[data-theme="light"] body[data-taildo-public-shell="true"] .taildo-left-sidebar .taildo-sidebar-profile-card {
            padding: 0.62rem 0.58rem 0.66rem;
            background: #ffffff;
            background-color: #ffffff;
            background-image: none;
}

html[data-theme="dark"] body[data-taildo-public-shell="true"] .taildo-left-sidebar .taildo-sidebar-profile-card {
            padding: 0.62rem 0.58rem 0.66rem;
}

html[data-theme="light"] body[data-taildo-public-shell="true"] .taildo-left-sidebar .taildo-sidebar-avatar-shell,
html[data-theme="dark"] body[data-taildo-public-shell="true"] .taildo-left-sidebar .taildo-sidebar-avatar-shell {
            display: flex;
            justify-content: center;
            padding: 0.08rem 0.15rem 0;
        }

html[data-theme="light"] body[data-taildo-public-shell="true"] .taildo-left-sidebar .taildo-sidebar-avatar-panel {
            width: min(10rem, calc(100% - 0.7rem));
            aspect-ratio: 1 / 1;
            border-radius: 0.92rem;
            border: 1px solid #ccd7e4;
            background-image: none;
            color: var(--td-logo-action);
}

html[data-theme="dark"] body[data-taildo-public-shell="true"] .taildo-left-sidebar .taildo-sidebar-avatar-panel {
            width: min(10rem, calc(100% - 0.7rem));
            aspect-ratio: 1 / 1;
            border-radius: 0.92rem;
            border: 1px solid #334155;
            background-image: none;
            color: #fb923c;
}

html[data-theme="light"] body[data-taildo-public-shell="true"] .taildo-left-sidebar .taildo-sidebar-avatar-image,
html[data-theme="dark"] body[data-taildo-public-shell="true"] .taildo-left-sidebar .taildo-sidebar-avatar-image {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center center;
        }

html[data-theme="light"] body[data-taildo-public-shell="true"] .taildo-left-sidebar .taildo-sidebar-avatar-fallback,
html[data-theme="dark"] body[data-taildo-public-shell="true"] .taildo-left-sidebar .taildo-sidebar-avatar-fallback {
            padding: 2.1rem;
        }

html[data-theme="light"] body[data-taildo-public-shell="true"] .taildo-left-sidebar .taildo-sidebar-profile-body,
html[data-theme="dark"] body[data-taildo-public-shell="true"] .taildo-left-sidebar .taildo-sidebar-profile-body {
            padding: 0.5rem 0.02rem 0;
        }

html[data-theme="light"] body[data-taildo-public-shell="true"] .taildo-left-sidebar .taildo-sidebar-profile-name {
            color: #111827;
            font-size: 13px;
            line-height: 1.18;
        }

html[data-theme="dark"] body[data-taildo-public-shell="true"] .taildo-left-sidebar .taildo-sidebar-profile-name {
            color: #f8fafc;
            font-size: 13px;
            line-height: 1.18;
        }

html[data-theme="light"] body[data-taildo-public-shell="true"] .taildo-left-sidebar .taildo-left-profile-actions,
html[data-theme="dark"] body[data-taildo-public-shell="true"] .taildo-left-sidebar .taildo-left-profile-actions {
            gap: 0.42rem;
            margin-top: 0.5rem;
        }

html[data-theme="light"] body[data-taildo-public-shell="true"] .taildo-left-sidebar .taildo-left-profile-actions a,
html[data-theme="dark"] body[data-taildo-public-shell="true"] .taildo-left-sidebar .taildo-left-profile-actions a {
            min-height: 2rem;
            height: 2rem;
            border-radius: 0.5rem;
            padding-left: 0.35rem;
            padding-right: 0.35rem;
            line-height: 1;
        }

html[data-theme="light"] :where(.taildo-header-logo-link, .taildo-header-logo-frame, .taildo-header-logo-img),
html[data-theme="dark"] :where(.taildo-header-logo-link, .taildo-header-logo-frame, .taildo-header-logo-img) {
            background: transparent;
            background-color: transparent;
            background-image: none;
        }

/* Mobile */
        @media (max-width: 767.98px) {
#taildo-main-content { padding-bottom: calc(5.5rem + env(safe-area-inset-bottom)); }

#taildo-main-content .taildo-page-shell { padding-left: 0.75rem; padding-right: 0.75rem; }

#taildo-main-content .taildo-layout-row { gap: 0.75rem; }

#taildo-main-content .taildo-layout-content { min-width: 0; }

        }

body[data-taildo-public-shell="true"] :where([data-taildo-header-root]),
body[data-taildo-public-shell="true"] :where(#mobile-menu-drawer nav a > span > span + span) {
            font-size: 13px;
            line-height: 1.32;
            letter-spacing: 0;
        }body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-board-page .taildo-board-list > .hidden:first-child > div,
body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-board-page .taildo-board-list > .hidden:first-child > div *,
body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-board-page .taildo-board-row :where(.taildo-board-author, .taildo-board-author-name),
body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-neighbors-page :where(.taildo-neighbor-eyebrow, .taildo-neighbor-panel-kicker, .taildo-neighbor-search-actions),
body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-search-page :where(a.group, a.group span, .taildo-search-filter-tab, .taildo-search-sort-tab) {
            font-size: 13px;
            line-height: 1.4;
            letter-spacing: 0;
        }

html[data-theme="light"] body[data-taildo-public-shell="true"] #mobile-menu-drawer nav a > span > span + span,
html[data-theme="dark"] body[data-taildo-public-shell="true"] #mobile-menu-drawer nav a > span > span + span,
html[data-theme="light"] body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-board-page .taildo-board-row .taildo-board-author-name,
html[data-theme="dark"] body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-board-page .taildo-board-row .taildo-board-author-name,
html[data-theme="light"] body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-neighbors-page .taildo-neighbor-results-head p,
html[data-theme="dark"] body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-neighbors-page .taildo-neighbor-results-head p,
html[data-theme="light"] body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-search-page a.group,
html[data-theme="dark"] body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-search-page a.group {
            font-size: 13px;
            line-height: 1.4;
            letter-spacing: 0;
        }

/* Final desktop header pass: old guest-region rules can appear later in the cascade. */
        @media (min-width: 1024px) {
            [data-taildo-header-root] .taildo-header-shell {
                width: 100%;
                grid-template-columns: minmax(0, 1fr) minmax(18rem, 26rem) minmax(0, 1fr);
                column-gap: 0.75rem;
                padding-left: 1rem;
                padding-right: 1rem;
            }

[data-taildo-header-root] .taildo-header-shell > .flex:first-child {
                grid-column: 1;
                justify-self: start;
            }

[data-taildo-header-root] .taildo-header-center-wrap {
                grid-column: 2;
                justify-self: center;
                width: 100%;
                max-width: 26rem;
            }

[data-taildo-header-root] .taildo-header-actions {
                grid-column: 3;
                justify-self: end;
            }

[data-taildo-header-root] .taildo-header-search-grid,
[data-taildo-header-root] .taildo-header-search-grid.is-authenticated,
[data-taildo-header-root] .taildo-header-search-grid.is-guest {
                grid-template-columns: minmax(0, 1fr);
                width: 100%;
                max-width: 26rem;
                column-gap: 0;
                justify-content: stretch;
                justify-self: center;
                margin-left: auto;
                margin-right: auto;
            }

[data-taildo-header-root] .taildo-header-search,
[data-taildo-header-root] .taildo-header-search-grid.is-authenticated .taildo-header-search,
[data-taildo-header-root] .taildo-header-search-grid.is-guest .taildo-header-search {
                grid-column: 1;
                grid-row: 1;
                width: 100%;
                max-width: none;
                justify-self: stretch;
            }
        }

@media (min-width: 1280px) {
            [data-taildo-header-root] .taildo-header-shell {
                padding-left: 1.25rem;
                padding-right: 1.25rem;
            }
        }

/* Public frame alignment and contrast polish. */
        @media (min-width: 1024px) {
            [data-taildo-header-root] .taildo-header-shell {
                grid-template-columns: 236px minmax(0, 1fr) max-content;
                column-gap: 0.5rem;
                align-items: center;
            }

            [data-taildo-header-root] .taildo-header-shell > .flex:first-child,
            [data-taildo-layout-row] > .taildo-left-sidebar {
                width: 236px;
            }

            [data-taildo-header-root] .taildo-header-actions {
                justify-self: end;
            }

            [data-taildo-header-root] .taildo-header-center-wrap {
                position: absolute;
                grid-column: 1 / -1;
                left: 50%;
                top: 50%;
                width: clamp(320px, 26vw, 416px);
                max-width: calc(100% - 620px);
                transform: translate(-50%, -50%);
            }

            [data-taildo-header-root] .taildo-header-search,
            [data-taildo-header-root] .taildo-header-search-grid {
                width: 100%;
                max-width: none;
            }
        }

html[data-theme="light"] body[data-taildo-public-shell="true"] .taildo-left-sidebar nav a,
html[data-theme="dark"] body[data-taildo-public-shell="true"] .taildo-left-sidebar nav a {
            border: 1px solid transparent;
            align-items: center;
        }


html[data-theme="light"] body[data-taildo-public-shell="true"] .taildo-left-sidebar nav a.taildo-sidebar-menu-idle:focus-visible :where(svg, span, strong, p, small, b) {
            color: currentColor;
        }

html[data-theme="light"] body[data-taildo-public-shell="true"] .taildo-left-sidebar nav a[aria-current="page"],
html[data-theme="light"] body[data-taildo-public-shell="true"] .taildo-left-sidebar nav a[aria-current="page"]:focus-visible,
html[data-theme="dark"] body[data-taildo-public-shell="true"] .taildo-left-sidebar nav a[aria-current="page"],
html[data-theme="dark"] body[data-taildo-public-shell="true"] .taildo-left-sidebar nav a[aria-current="page"]:focus-visible {
            border-color: var(--td-active-control-border);
            background: var(--td-active-control-bg);
            background-color: var(--td-active-control-bg);
            background-image: none;
            color: var(--td-active-control-text);
}

html[data-theme="light"] body[data-taildo-public-shell="true"] .taildo-left-sidebar nav a[aria-current="page"] :where(span, strong, p, small, b),
html[data-theme="dark"] body[data-taildo-public-shell="true"] .taildo-left-sidebar nav a[aria-current="page"] :where(span, strong, p, small, b) {
            color: currentColor;
        }

html[data-theme="light"] body[data-taildo-public-shell="true"] .taildo-left-sidebar nav a[aria-current="page"] > span > span + span {
            color: rgba(255, 255, 255, .86);
        }


html[data-theme="light"] body[data-taildo-public-shell="true"] #taildo-main-content .taildo-home-page {
            --td-home-purple: var(--td-logo-action);
            --td-home-purple-strong: var(--td-logo-action-hover);
        }

html[data-theme="light"] body[data-taildo-public-shell="true"] #taildo-main-content .taildo-home-action-primary {
            border-color: var(--td-logo-action);
            background: var(--td-logo-action);
            background-color: var(--td-logo-action);
            background-image: none;
            color: #ffffff;
}

html[data-theme="light"] body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-profile-page .taildo-profile-hero-body,
html[data-theme="light"] body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-profile-page .taildo-profile-actions-own,
html[data-theme="light"] body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-profile-page .taildo-profile-muted-card,
html[data-theme="light"] body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-profile-page .taildo-profile-relation-card,
html[data-theme="light"] body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-profile-page .taildo-profile-relation-state {
            background: #ffffff;
            background-color: #ffffff;
            background-image: none;
}

html[data-theme="dark"] body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-home-page .taildo-home-action-secondary, html[data-theme="dark"] body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-home-page .taildo-home-brand-main .taildo-home-social-panel, html[data-theme="dark"] body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-home-page .taildo-home-brand-main .taildo-home-social-panel-head, html[data-theme="dark"] body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-home-page .taildo-home-brand-main .taildo-home-social-panel-head a, html[data-theme="dark"] body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-home-page .taildo-home-brand-main .taildo-home-social-row, html[data-theme="dark"] body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-home-page .taildo-home-brand-main .taildo-home-social-row-thumb, html[data-theme="dark"] body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-home-page .taildo-home-plaza-main .taildo-home-social-panel, html[data-theme="dark"] body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-home-page .taildo-home-plaza-main .taildo-home-social-panel-head, html[data-theme="dark"] body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-home-page .taildo-home-plaza-main .taildo-home-social-panel-head a, html[data-theme="dark"] body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-home-page .taildo-home-plaza-main .taildo-home-social-row, html[data-theme="dark"] body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-home-page .taildo-home-plaza-main .taildo-home-social-row-thumb { border-color: var(--td-neutral-line); background: var(--td-neutral-panel); background-color: var(--td-neutral-panel); background-image: none; color: var(--td-neutral-text);} html[data-theme="dark"] body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-home-page :where(.taildo-home-intro-banner h2, .taildo-home-social-head h2, .taildo-home-social-panel-head h3, .taildo-home-social-row-body strong) { color: var(--td-neutral-ink); } html[data-theme="dark"] body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content .taildo-home-page :where(.taildo-home-intro-banner p, .taildo-home-social-head span, .taildo-home-social-panel-head p, .taildo-home-social-row-desc, .taildo-home-social-row-foot, .taildo-home-social-row-meta b, .taildo-home-social-row-meta em, .taildo-home-social-row-meta small) { color: var(--td-neutral-subtle); }
        @media (min-width: 1024px) {
            [data-taildo-header-root] .taildo-header-shell {
                grid-template-columns: 236px minmax(0, 1fr) max-content;
                padding-left: 1rem;
                padding-right: 1rem;
            }

            [data-taildo-header-root] .taildo-header-shell > .flex:first-child,
            [data-taildo-layout-row] > .taildo-left-sidebar {
                width: 236px;
            }

            [data-taildo-header-root] .taildo-header-logo-link {
                justify-self: start;
                margin-left: 0;
            }

            [data-taildo-header-root] .taildo-header-center-wrap {
                position: absolute;
                grid-column: 1 / -1;
                left: 50%;
                top: 50%;
                width: clamp(320px, 26vw, 416px);
                max-width: calc(100% - 620px);
                transform: translate(-50%, -50%);
            }
        }

        @media (min-width: 1280px) {
            [data-taildo-header-root] .taildo-header-shell {
                padding-left: 1.25rem;
                padding-right: 1.25rem;
            }
        }