:root{color-scheme:light;--brand: #008c8c;--brand-deep: #005f63;--brand-soft: #e5faf6;--accent: #ff8a00;--ink: #0c2224;--muted: #657477;--line: rgba(12, 34, 36, .12);--bg: #f4f8f7;--card: rgba(255, 255, 255, .88);--card-strong: #ffffff;--danger: #c83232;--success: #168a54;--shadow: 0 8px 22px rgba(16, 45, 47, .08);--on-brand: #ffffff;--sidebar-bg: rgba(255, 255, 255, .96);--brand-panel-bg: linear-gradient(135deg, rgba(0, 140, 140, .13), rgba(255, 255, 255, .8));--hero-panel-bg: linear-gradient(135deg, rgba(0, 140, 140, .18), rgba(255, 255, 255, .86) 62%);--metric-bg: rgba(255, 255, 255, .74);--metric-border: rgba(255, 255, 255, .82);--field-bg: rgba(255, 255, 255, .88);--subtle-bg: rgba(244, 248, 247, .88);--chip-bg: rgba(255, 255, 255, .7);--cover-bg: linear-gradient(135deg, rgba(0, 140, 140, .2), rgba(255, 255, 255, .8));--segment-bg: rgba(12, 34, 36, .06);--segment-active-bg: #ffffff;--list-bg: rgba(255, 255, 255, .72);--toast-bg: #ffffff;--dialog-bg: #ffffff;--scrim: rgba(12, 34, 36, .32);--mobile-nav-bg: rgba(255, 255, 255, .97);--warning-text: #8c4c00;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}:root[data-theme=dark]{color-scheme:dark;--brand: #18b9b3;--brand-deep: #95e8e3;--brand-soft: rgba(24, 185, 179, .16);--accent: #ffad57;--ink: #eef8f7;--muted: #a5b8ba;--line: rgba(222, 255, 251, .14);--bg: #071314;--card: rgba(13, 30, 32, .9);--card-strong: #0b1b1d;--danger: #ff747c;--success: #55d391;--shadow: 0 12px 32px rgba(0, 0, 0, .34);--on-brand: #041112;--sidebar-bg: rgba(8, 21, 23, .97);--brand-panel-bg: linear-gradient(135deg, rgba(24, 185, 179, .18), rgba(13, 30, 32, .86));--hero-panel-bg: linear-gradient(135deg, rgba(24, 185, 179, .2), rgba(13, 30, 32, .88) 62%);--metric-bg: rgba(255, 255, 255, .06);--metric-border: rgba(255, 255, 255, .09);--field-bg: rgba(255, 255, 255, .07);--subtle-bg: rgba(255, 255, 255, .06);--chip-bg: rgba(255, 255, 255, .07);--cover-bg: linear-gradient(135deg, rgba(24, 185, 179, .18), rgba(255, 255, 255, .05));--segment-bg: rgba(255, 255, 255, .07);--segment-active-bg: rgba(24, 185, 179, .14);--list-bg: rgba(255, 255, 255, .06);--toast-bg: #0d1e20;--dialog-bg: #0d1e20;--scrim: rgba(0, 0, 0, .58);--mobile-nav-bg: rgba(8, 21, 23, .97);--warning-text: #ffc16d}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;color:var(--ink);background:linear-gradient(135deg,#008c8c1f,#fff0 34%),linear-gradient(315deg,#ff8a001a,#fff0 32%),var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}img{max-width:100%;display:block}.app-shell{display:grid;grid-template-columns:276px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:22px;border-right:1px solid var(--line);background:var(--sidebar-bg);display:flex;flex-direction:column;gap:18px}.brand-block{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:center;padding:14px;border-radius:16px;background:var(--brand-panel-bg);border:1px solid rgba(0,140,140,.12)}.brand-mark-wrap{width:54px;height:54px;border-radius:15px;background:var(--card-strong);display:grid;place-items:center;box-shadow:0 10px 22px #008c8c1f}.brand-mark{width:38px;height:38px;object-fit:contain}.brand-block h1,.brand-block p,.feed-hero h2,.header-panel h2,.profile-header h2,.section-title h2,.chat-header h2,.center-screen h2{margin:0}.brand-block h1{font-size:1.03rem}.brand-block p:last-child{margin:4px 0 0;color:var(--muted);font-size:.86rem;line-height:1.35}.eyebrow{margin:0 0 4px;color:var(--brand-deep);font-size:.75rem;font-weight:800;text-transform:uppercase}.nav-list{display:grid;gap:8px}.nav-item,.sidebar-refresh,.mobile-nav button,.conversation-item{border:0;background:transparent;color:var(--muted)}.nav-item,.sidebar-refresh{min-height:44px;border-radius:14px;display:flex;align-items:center;gap:10px;padding:0 12px;font-weight:700}.nav-item.active,.nav-item:hover,.sidebar-refresh:hover{color:var(--brand-deep);background:var(--brand-soft)}.sidebar-refresh{margin-top:auto;border:1px solid var(--line);background:var(--card)}.theme-toggle{min-height:42px;border:1px solid var(--line);border-radius:13px;padding:0 12px;color:var(--brand-deep);background:var(--card);display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:850}.theme-toggle:hover{background:var(--brand-soft)}.sidebar-theme-toggle{width:100%}.mobile-theme-toggle{display:none}.theme-toggle.compact{width:44px;height:44px;padding:0;border-radius:999px}.main-surface{display:grid;grid-template-columns:minmax(0,1fr);min-height:100vh;padding:24px;gap:20px}.main-surface.with-detail{grid-template-columns:minmax(0,1fr) minmax(360px,440px);align-items:start}.workspace{min-width:0}.screen-stack{display:grid;gap:16px;width:min(1120px,100%);margin:0 auto}.screen-stack.narrow{width:min(760px,100%)}.panel,.post-card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.gradient-panel{background:var(--hero-panel-bg),var(--card)}.feed-hero{min-height:222px;padding:22px;display:grid;grid-template-columns:minmax(0,1fr) 118px;gap:18px;align-items:start;position:relative;overflow:hidden}.feed-hero h2{max-width:720px;font-size:clamp(2rem,4vw,3.7rem);line-height:1.02}.muted{color:var(--muted)}.feed-hero .muted{max-width:560px;font-size:1.02rem;line-height:1.5}.hero-logo{width:104px;height:104px;object-fit:contain;justify-self:end}.metric-row{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.metric-row.inline{display:flex;min-width:210px}.metric{min-width:0;padding:12px;border-radius:12px;background:var(--metric-bg);border:1px solid var(--metric-border)}.metric strong{display:block;font-size:1.22rem;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric span{color:var(--muted);font-size:.78rem;font-weight:700}.toolbar{padding:10px;display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:10px;align-items:center}.search-field{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;color:var(--muted);border-radius:13px;background:var(--subtle-bg)}.search-field input,.composer input{width:100%;border:0;outline:0;background:transparent;color:var(--ink)}.icon-button,.primary-button,.secondary-button,.success-button{border:0;min-height:42px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800}.icon-button{width:42px;padding:0;color:var(--brand-deep);background:var(--brand-soft)}.icon-button.danger{color:var(--danger);background:#c832321a}.primary-button{padding:0 16px;color:var(--on-brand);background:var(--brand)}.primary-button.compact,.secondary-button.compact,.success-button.compact{min-height:36px;padding:0 12px;font-size:.88rem}.secondary-button{padding:0 15px;color:var(--brand-deep);background:var(--brand-soft);border:1px solid rgba(0,140,140,.18)}.success-button{padding:0 15px;color:var(--on-brand);background:var(--success)}.chip-row{display:flex;gap:8px;overflow-x:auto;padding:0 2px 2px}.chip{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;min-height:36px;padding:0 13px;color:var(--muted);background:var(--chip-bg);font-weight:800}.chip.active{color:var(--brand-deep);border-color:#008c8c40;background:var(--brand-soft)}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));gap:16px}.post-card{position:relative;padding:12px;display:grid;gap:13px;content-visibility:auto;contain-intrinsic-size:360px;transition:transform .16s ease,border-color .16s ease}.post-card:hover{transform:translateY(-2px);border-color:#008c8c3d}.post-card.boosted{border-color:#ff8a006b}.post-card-button{position:absolute;inset:0;border:0;background:transparent;border-radius:16px;z-index:2}.cover{height:174px;border-radius:14px;overflow:hidden;background:var(--cover-bg);display:grid;place-items:center;color:var(--brand);position:relative}.cover img{width:100%;height:100%;object-fit:cover}.floating-badge{position:absolute;top:10px;right:10px;min-height:28px;border-radius:999px;padding:5px 10px;color:var(--on-brand);background:var(--brand);font-size:.76rem;font-weight:900}.floating-badge.completed{background:var(--success)}.floating-badge.boost{background:var(--accent)}.post-card-body{display:grid;gap:10px}.post-title-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:start}.type-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--on-brand)}.type-icon.green{background:#28a668}.type-icon.orange{background:var(--accent)}.type-icon.blue{background:#297bca}.type-icon.violet{background:#7b5bd6}.badge-line{display:flex;gap:6px;align-items:center;flex-wrap:wrap;color:var(--brand-deep);font-size:.75rem;font-weight:900}.badge-line span{border-radius:999px;padding:3px 7px;background:#008c8c1a}.badge-line.large{font-size:.82rem}.post-card h3,.agreement-card h3,.my-post-row h3{margin:3px 0 0;font-size:1.02rem;line-height:1.25}.post-card p,.agreement-card p{margin:0;color:var(--muted);line-height:1.45}.price{white-space:nowrap;padding:7px 9px;border-radius:999px;background:var(--subtle-bg)}.muted-icon{color:var(--muted);margin-top:7px}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:10px}.card-meta span{min-width:0;display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:.82rem;font-weight:700}.header-panel,.profile-header{padding:18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.header-copy{display:flex;gap:13px;align-items:center}.header-icon{width:48px;height:48px;display:grid;place-items:center;color:var(--brand);background:var(--brand-soft);border-radius:14px}.form-panel{padding:18px;display:grid;gap:14px}.form-panel.flat{padding:0;border:0;background:transparent;box-shadow:none}.form-panel label,.owner-actions label{display:grid;gap:7px;color:var(--ink);font-weight:800}.form-panel input,.form-panel textarea,.form-panel select,.owner-actions select{width:100%;min-height:44px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:var(--field-bg);padding:10px 12px;outline:none}.form-panel textarea{resize:vertical}.file-drop{min-height:86px;border:1px dashed rgba(0,140,140,.35);border-radius:14px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--brand-deep);background:var(--brand-soft);position:relative}.file-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.image-strip{display:flex;gap:8px;overflow-x:auto}.image-strip img{width:82px;height:82px;border-radius:12px;object-fit:cover}.notice{margin:0;padding:11px 12px;border-radius:12px;font-weight:700;line-height:1.4}.notice.warning{background:#ff8a0021;color:var(--warning-text)}.notice.error{background:#c832321c;color:var(--danger)}.notice.info{background:var(--brand-soft);color:var(--brand-deep)}.notice.success{background:#168a541c;color:var(--success)}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:5px;border-radius:14px;background:var(--segment-bg)}.segmented button{border:0;min-height:38px;border-radius:10px;color:var(--muted);background:transparent;font-weight:900}.segmented button.active{color:var(--brand-deep);background:var(--segment-active-bg);box-shadow:0 6px 16px #0c222414}.card-list,.mini-list{display:grid;gap:12px}.agreement-card{padding:14px;display:grid;grid-template-columns:74px minmax(0,1fr);gap:13px;content-visibility:auto;contain-intrinsic-size:104px}.thumb,.my-post-row img{width:74px;height:74px;border-radius:14px;object-fit:cover;background:var(--brand-soft)}.agreement-content{display:grid;gap:8px}.button-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.button-row.vertical{display:grid}.rating-block{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;background:var(--subtle-bg)}.rating-block span{font-weight:800}.rating-block button{border:0;color:#e5a300;background:transparent;padding:4px}.chat-layout{width:min(1120px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:16px;min-height:calc(100vh - 48px)}.conversation-list,.chat-panel{padding:14px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.section-title h2{font-size:1.12rem}.section-title>span{min-width:28px;min-height:28px;display:grid;place-items:center;border-radius:999px;color:var(--on-brand);background:var(--brand);font-size:.8rem;font-weight:900}.conversation-list{align-self:start}.conversation-item{width:100%;min-height:64px;padding:10px;border-radius:13px;display:grid;grid-template-columns:minmax(0,1fr) auto;text-align:left;align-items:center}.conversation-item.active,.conversation-item:hover{background:var(--brand-soft)}.conversation-item span{color:var(--ink);font-weight:900}.conversation-item small{grid-column:1;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item strong{grid-row:1 / 3;grid-column:2;min-width:24px;height:24px;border-radius:999px;display:grid;place-items:center;color:var(--on-brand);background:var(--accent);font-size:.76rem}.chat-panel{display:grid;grid-template-rows:auto minmax(280px,1fr) auto;gap:12px}.chat-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px}.chat-header h2{font-size:1.12rem}.message-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding:6px}.message{max-width:min(74%,520px);align-self:flex-start}.message.mine{align-self:flex-end}.message p{margin:0;padding:10px 13px;border-radius:16px;background:var(--subtle-bg);line-height:1.45}.message.mine p{color:var(--on-brand);background:var(--brand)}.message span{display:block;margin-top:3px;color:var(--muted);font-size:.75rem}.message.mine span{text-align:right}.composer{min-height:48px;padding:6px;border-radius:15px;background:var(--subtle-bg);display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:6px}.composer button{border:0;border-radius:12px;color:var(--on-brand);background:var(--brand)}.profile-header{justify-content:flex-start}.profile-header>svg{flex:0 0 auto;color:var(--brand)}.monetization-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,.92fr);gap:14px}.monetization-card{min-width:0;padding:16px;display:grid;gap:14px;align-content:start}.monetization-card.pro-card{background:linear-gradient(135deg,rgba(0,140,140,.13),var(--card) 68%),var(--card)}.monetization-card.support-card{background:linear-gradient(135deg,rgba(255,138,0,.1),var(--card) 72%),var(--card)}.monetization-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;color:var(--brand-deep);background:var(--brand-soft)}.monetization-icon.boost{color:var(--warning-text);background:#ff8a0024}.monetization-icon.support{color:#297bca;background:#297bca1f}.monetization-copy{min-width:0}.monetization-copy h2{margin:0;font-size:1.28rem;line-height:1.18}.monetization-copy p:last-child{margin:7px 0 0;line-height:1.45}.monetization-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.info-pill{min-width:0;padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:var(--list-bg)}.info-pill strong{display:block;color:var(--brand-deep);font-size:1.04rem;line-height:1.1}.info-pill span{display:block;margin-top:3px;color:var(--muted);font-size:.76rem;font-weight:800}.purchase-list{display:grid;gap:8px}.purchase-row{min-width:0;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--list-bg);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.purchase-row strong,.purchase-row span{display:block}.purchase-row strong{color:var(--ink);font-size:.92rem}.purchase-row span{margin-top:2px;color:var(--muted);font-size:.78rem;font-weight:700}.danger-zone{padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.danger-zone p{margin:4px 0 0}.my-post-row{display:grid;grid-template-columns:74px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--list-bg);content-visibility:auto;contain-intrinsic-size:96px}.row-actions{display:flex;gap:6px}.detail-panel{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow-y:auto;background:var(--card-strong);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.close-detail{position:absolute;z-index:4;top:12px;right:12px;background:var(--field-bg)}.detail-gallery{display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;scroll-snap-type:x mandatory;height:288px;background:var(--brand-soft)}.detail-gallery img,.empty-gallery{width:100%;height:288px;object-fit:cover;scroll-snap-align:center}.empty-gallery{display:grid;place-items:center;color:var(--brand)}.detail-body{padding:18px;display:grid;gap:15px}.detail-body h2{margin:0;font-size:1.75rem;line-height:1.12}.detail-body p{margin:0;color:var(--muted);line-height:1.5}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.info-tile{min-width:0;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--subtle-bg);display:grid;gap:5px}.info-tile svg{color:var(--brand)}.info-tile span{color:var(--muted);font-size:.76rem;font-weight:800}.info-tile strong{min-width:0;overflow-wrap:anywhere}.owner-actions{padding:14px;display:grid;gap:11px}.owner-actions.subtle{background:var(--subtle-bg);box-shadow:none}.owner-actions h3{margin:0}.payment-note{display:flex;gap:10px;padding:12px;border-radius:13px;color:var(--brand-deep);background:var(--brand-soft)}.payment-note svg{flex:0 0 auto}.payment-note p{color:var(--brand-deep)}.auth-panel{padding:16px}.empty-state{min-height:220px;display:grid;place-items:center;align-content:center;gap:9px;padding:24px;text-align:center;color:var(--muted)}.empty-state h3{margin:0;color:var(--ink)}.empty-state p{margin:0;max-width:420px;line-height:1.45}.toast{position:fixed;z-index:40;top:18px;right:18px;max-width:min(420px,calc(100vw - 36px));min-height:46px;padding:10px 12px;border-radius:14px;color:var(--ink);background:var(--toast-bg);border:1px solid var(--line);box-shadow:var(--shadow);display:flex;align-items:center;gap:12px}.toast.success{border-color:#168a5447}.toast.warning{border-color:#ff8a0057}.toast.error{border-color:#c8323247}.toast span{flex:1;font-weight:800}.toast button{border:0;background:transparent;color:var(--muted)}.center-screen{min-height:calc(100vh - 48px);display:grid;place-items:center;align-content:center;gap:10px;text-align:center;color:var(--muted)}.center-screen p{margin:0}.dialog-backdrop{position:fixed;z-index:60;inset:0;padding:18px;display:grid;place-items:center;background:var(--scrim)}.dialog{width:min(520px,100%);background:var(--dialog-bg);border-radius:18px;box-shadow:var(--shadow)}.mobile-nav{display:none}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1080px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.main-surface,.main-surface.with-detail{grid-template-columns:1fr;padding:14px 14px 88px}.detail-panel{position:fixed;z-index:30;inset:10px 10px 78px;max-height:none}.mobile-nav{position:fixed;z-index:35;left:10px;right:10px;bottom:10px;display:grid;grid-template-columns:repeat(5,1fr);padding:6px;border:1px solid var(--line);border-radius:18px;background:var(--mobile-nav-bg);box-shadow:var(--shadow)}.mobile-theme-toggle{position:fixed;z-index:36;top:12px;right:12px;display:inline-flex;background:var(--mobile-nav-bg);box-shadow:var(--shadow)}.mobile-nav button{min-width:0;min-height:54px;border-radius:14px;display:grid;place-items:center;align-content:center;gap:2px;font-size:.72rem;font-weight:900}.mobile-nav button.active{color:var(--brand-deep);background:var(--brand-soft)}}@media(max-width:740px){.feed-hero{min-height:260px;grid-template-columns:1fr 72px;padding:18px}.hero-logo{width:70px;height:70px}.metric-row{grid-template-columns:1fr}.toolbar{grid-template-columns:minmax(0,1fr)}.toolbar .icon-button{display:none}.post-grid{grid-template-columns:1fr}.header-panel,.profile-header,.danger-zone{align-items:flex-start;flex-direction:column}.metric-row.inline{width:100%}.chat-layout{grid-template-columns:1fr;min-height:auto}.monetization-grid{grid-template-columns:1fr}.chat-panel{min-height:520px}.agreement-card,.my-post-row{grid-template-columns:58px minmax(0,1fr)}.agreement-card .thumb,.my-post-row img{width:58px;height:58px}.row-actions{grid-column:1 / -1;justify-content:flex-end}.detail-body h2{font-size:1.45rem}.info-grid{grid-template-columns:1fr}.message{max-width:88%}}