:root{color-scheme:light;--bg: #f6f8fc;--bg-strong: #ffffff;--bg-alt: #ecf1f7;--surface: rgba(255, 255, 255, .8);--surface-strong: rgba(255, 255, 255, .96);--surface-soft: rgba(15, 23, 42, .05);--border: rgba(15, 23, 42, .08);--border-strong: rgba(15, 23, 42, .14);--text: #0f172a;--text-soft: #526176;--text-muted: #7c8899;--brand: #101828;--accent: #2457ff;--accent-soft: rgba(36, 87, 255, .1);--accent-contrast: #ffffff;--danger: #eb466f;--success: #059669;--shadow-soft: 0 12px 32px rgba(15, 23, 42, .08);--shadow-card: 0 20px 48px rgba(15, 23, 42, .08);--shadow-nav: 0 22px 44px rgba(15, 23, 42, .14);--radius-xl: 30px;--radius-lg: 24px;--radius-md: 18px;--radius-sm: 14px;--app-width: 470px;--font: "IBM Plex Sans", "Avenir Next", "Inter", "Segoe UI", sans-serif}html[data-theme=dark]{color-scheme:dark;--bg: #060c16;--bg-strong: #0e1624;--bg-alt: #131d2e;--surface: rgba(8, 15, 26, .82);--surface-strong: rgba(11, 18, 30, .96);--surface-soft: rgba(255, 255, 255, .05);--border: rgba(148, 163, 184, .12);--border-strong: rgba(148, 163, 184, .2);--text: #edf2ff;--text-soft: #a7b5cc;--text-muted: #7f8ca5;--brand: #f8fbff;--accent: #90b6ff;--accent-soft: rgba(144, 182, 255, .14);--accent-contrast: #05101f;--shadow-soft: 0 12px 32px rgba(0, 0, 0, .28);--shadow-card: 0 20px 48px rgba(0, 0, 0, .34);--shadow-nav: 0 24px 48px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body,#root{min-height:100%;height:100%}body{margin:0;background:radial-gradient(circle at top left,rgba(77,131,255,.08),transparent 24%),radial-gradient(circle at bottom right,rgba(13,148,136,.08),transparent 22%),var(--bg);color:var(--text);font-family:var(--font);overflow:hidden;overscroll-behavior-y:none}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img,video{max-width:100%}.app-shell{position:relative;max-width:var(--app-width);height:var(--app-height, 100dvh);min-height:var(--app-height, 100dvh);margin:0 auto;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;padding:calc(10px + env(safe-area-inset-top)) 14px calc(12px + env(safe-area-inset-bottom))}.app-main{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:12px;gap:20px}.app-chrome{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-soft)}.top-bar{z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:28px}.brand-lockup{color:var(--brand);font-family:Iowan Old Style,Palatino Linotype,Georgia,serif;font-size:2rem;font-style:italic;font-weight:600;letter-spacing:-.05em}.top-actions,.bottom-tabs{display:flex;align-items:center;gap:6px}.nav-icon-button{width:44px;height:44px;border:none;border-radius:999px;background:transparent;color:var(--brand);display:grid;place-items:center;transition:background-color .18s ease,color .18s ease,transform .18s ease}.nav-icon-button:hover,.nav-icon-button.is-active{background:var(--accent-soft);color:var(--brand)}.nav-icon-button:active,.media-action:active,.button:active,.follow-chip:active,.pill:active,.inline-link-chip:active,.tab:active{transform:scale(.98)}.bottom-bar{position:relative;z-index:50;width:100%;padding:10px 14px;border-radius:30px;background:var(--surface-strong);border:1px solid var(--border);box-shadow:var(--shadow-nav)}.bottom-tabs{justify-content:space-between}.screen{display:flex;flex-direction:column;gap:18px}.screen-header{padding:4px 4px 0}.compact-header{gap:0}.eyebrow{display:block;margin-bottom:6px;color:var(--text-muted);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.screen-header h1,.screen-header h2,.screen-header h3{margin:0;letter-spacing:-.04em}.screen-header h1{font-size:clamp(1.7rem,4vw,2.1rem)}.screen-header p{margin:6px 0 0;color:var(--text-soft)}.panel,.content-card,.auth-card,.metric-card{background:var(--surface-strong);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.panel{padding:18px}.panel h3,.metric-card h3{margin:0}.stack{display:flex;flex-direction:column;gap:14px}.feed-stack{display:flex;flex-direction:column;gap:20px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.space-between{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.button{border:none;border-radius:999px;padding:12px 18px;font-weight:700;transition:background-color .18s ease,color .18s ease,transform .18s ease}.button-primary{background:var(--brand);color:var(--accent-contrast)}.button-secondary{background:var(--accent-soft);color:var(--brand)}.button-ghost{background:transparent;color:var(--text-soft);border:1px solid var(--border)}.field{display:flex;flex-direction:column;gap:8px}.field label{color:var(--text-soft);font-size:14px;font-weight:600}.field input,.field textarea,.field select{width:100%;border:1px solid var(--border);background:var(--bg-strong);color:var(--text);border-radius:18px;padding:14px 16px;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:#2457ff59;box-shadow:0 0 0 4px #2457ff14}.muted{color:var(--text-soft)}.caption{color:var(--text-soft);line-height:1.5}.content-card{overflow:hidden;border-radius:32px}.content-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 14px}.content-header-main{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.content-header-actions{display:flex;align-items:center;gap:8px}.avatar{width:44px;height:44px;border-radius:999px;object-fit:cover;background:var(--bg-alt)}.content-meta{min-width:0}.content-meta strong,.content-meta span,.list-row-body strong,.list-row-body span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-meta strong{font-size:16px}.content-meta span{margin-top:4px;color:var(--text-soft);font-size:13px}.follow-chip,.pill,.inline-link-chip{border:1px solid var(--border);background:var(--bg-strong);color:var(--brand);border-radius:999px;padding:10px 14px;font-weight:700}.follow-chip.is-following{background:var(--surface-soft);color:var(--text-soft)}.icon-ghost{width:38px;height:38px;border:none;border-radius:999px;background:var(--surface-soft);color:var(--brand);display:grid;place-items:center}.media-frame{position:relative;overflow:hidden;background:var(--bg-alt)}.media-frame img,.media-frame video{width:100%;height:100%;display:block;object-fit:cover}.media-frame.is-image{aspect-ratio:1 / 1}.media-frame.is-reel{aspect-ratio:9 / 14}.content-body{padding:14px 16px 18px;display:flex;flex-direction:column;gap:12px}.content-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.content-actions-main,.content-actions-side{display:flex;align-items:center;gap:6px}.media-action{border:none;background:transparent;color:var(--brand);padding:0;width:34px;height:34px;display:grid;place-items:center}.media-action.is-active{color:var(--danger)}.buy-pill{border:none;border-radius:999px;padding:10px 14px;font-weight:700;background:var(--brand);color:var(--accent-contrast);display:inline-flex;align-items:center;gap:8px}.content-details{display:flex;flex-direction:column;gap:8px}.stat-line{display:flex;align-items:center;flex-wrap:wrap;color:var(--text);font-size:14px;font-weight:700}.content-caption{margin:0;color:var(--text);line-height:1.55}.content-caption strong{font-weight:700}.subtle-line{color:var(--text-soft);font-size:13px;line-height:1.45}.content-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inline-link-chip{background:var(--surface-soft);font-size:13px}.dot-separator{display:inline-block;width:4px;height:4px;margin:0 8px;border-radius:999px;background:var(--text-muted)}.tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.tab{border:none;background:var(--surface-soft);color:var(--text-soft);padding:10px 14px;border-radius:999px;white-space:nowrap;font-weight:700}.tab.is-active{background:var(--brand);color:var(--accent-contrast)}.status-view{padding:28px;text-align:center}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{padding:18px}.metric-card strong{display:block;margin-top:6px;font-size:28px;letter-spacing:-.05em}.auth-wrap{min-height:100svh;display:grid;place-items:center;padding:24px}.auth-card{width:min(100%,440px);padding:28px}.list{display:flex;flex-direction:column;gap:12px}.list-row{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--surface-strong);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow-soft)}.list-row-body{min-width:0;flex:1}.list-row-body span{margin-top:4px;color:var(--text-soft);font-size:14px}@media (max-width: 520px){.app-shell{padding-left:12px;padding-right:12px}.top-bar{padding:14px;border-radius:24px}.bottom-bar{border-radius:26px}.brand-lockup{font-size:1.8rem}.panel,.content-card,.auth-card,.metric-card{border-radius:24px}}