:root,[data-theme=obsidian-glass]{--bg-deep: #090b0f;--bg-ambient-1: rgba(54, 98, 87, .16);--bg-ambient-2: rgba(96, 74, 126, .13);--bg-ambient-3: rgba(145, 104, 68, .1);--glass-surface: rgba(20, 24, 31, .68);--glass-surface-elevated: rgba(28, 33, 43, .78);--glass-border: rgba(255, 255, 255, .085);--glass-highlight-top: rgba(255, 255, 255, .16);--oily-sheen: linear-gradient( 132deg, rgba(116, 204, 174, .18) 0%, rgba(167, 139, 224, .12) 48%, rgba(224, 173, 118, .15) 100% );--text-primary: #eceef2;--text-secondary: #a2aab8;--text-muted: #6e7787;--accent-primary: #7bc4a8;--accent-secondary: #b9a1e0;--accent-warm: #e2b483;--danger-soft: #e08282;--radius-lg: 20px;--radius-md: 14px;--radius-pill: 999px}[data-theme=amber]{--bg-deep: #110d09;--bg-ambient-1: rgba(186, 122, 48, .2);--bg-ambient-2: rgba(128, 78, 36, .15);--accent-primary: #e5a95c}[data-theme=christmas]{--bg-deep: #09100d;--bg-ambient-1: rgba(52, 120, 82, .2);--bg-ambient-2: rgba(168, 66, 66, .15);--accent-primary: #82cfa1}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%;background-color:var(--bg-deep);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}body{background-image:radial-gradient(circle at 14% 12%,var(--bg-ambient-1),transparent 46%),radial-gradient(circle at 86% 24%,var(--bg-ambient-2),transparent 48%),radial-gradient(circle at 50% 88%,var(--bg-ambient-3),transparent 55%);background-attachment:fixed}.app-shell{max-width:540px;margin:0 auto;min-height:100dvh;padding:14px 14px 110px;display:flex;flex-direction:column;gap:14px}.liquid-glass{position:relative;background:var(--glass-surface);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid var(--glass-border);border-top-color:var(--glass-highlight-top);border-radius:var(--radius-lg);box-shadow:0 14px 34px #0000006b,inset 0 1px #ffffff14;overflow:hidden}.liquid-glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--oily-sheen);opacity:.34;pointer-events:none}.liquid-glass>*{position:relative;z-index:1}.demo-banner{padding:11px 14px;border-radius:var(--radius-md);background:#241e16d1;border:1px solid rgba(226,180,131,.38);font-size:.8rem;color:#f2d9bc;display:flex;flex-direction:column;gap:6px}.demo-banner-header{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:600}.demo-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:var(--radius-pill);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:#e2b48333;color:var(--accent-warm);border:1px solid rgba(226,180,131,.4)}.top-header{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.brand-group{display:flex;align-items:center;gap:10px}.brand-orb{width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#7bc4a8d9,#b9a1e073 60%,#14181ff2);box-shadow:0 0 16px #7bc4a852;border:1px solid rgba(255,255,255,.22)}.brand-title{font-size:1.1rem;font-weight:650;letter-spacing:-.02em}.brand-subtitle{font-size:.75rem;color:var(--text-secondary)}.demo-switcher{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}.demo-select{background:#0c0f14d9;color:var(--text-primary);border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:5px 10px;font-size:.8rem;cursor:pointer}.post-card{padding:16px;display:flex;flex-direction:column;gap:11px;transition:transform .16s ease,border-color .16s ease}.post-card:hover{border-color:#ffffff29}.visibility-pill{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:.73rem;padding:3px 10px;border-radius:var(--radius-pill);background:#7bc4a81f;color:var(--accent-primary);border:1px solid rgba(123,196,168,.25)}.visibility-pill.repost{background:#b9a1e024;color:var(--accent-secondary);border-color:#b9a1e04d}.post-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.author-btn{background:none;border:none;color:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column}.author-name{font-weight:600;font-size:.94rem;color:var(--text-primary)}.author-handle{font-size:.78rem;color:var(--text-secondary)}.post-date{font-size:.74rem;color:var(--text-muted)}.post-content{font-size:.93rem;color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.safe-link-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 13px;border-radius:var(--radius-md);background:#0a0d12a6;border:1px solid rgba(255,255,255,.1);text-decoration:none;color:var(--text-primary);font-size:.82rem;transition:border-color .15s ease,background .15s ease}.safe-link-card:hover{border-color:var(--accent-primary);background:#10161dd9}.safe-link-meta{display:flex;flex-direction:column;gap:2px;overflow:hidden}.safe-link-provider{font-size:.72rem;font-weight:600;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.04em}.safe-link-url{font-size:.78rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.embed-frame-wrapper{border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(255,255,255,.11);background:#080a0ecc}.embed-frame{width:100%;border:0;display:block}.post-actions{display:flex;align-items:center;justify-content:space-between;padding-top:6px;border-top:1px solid rgba(255,255,255,.06)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--radius-pill);padding:7px 14px;font-size:.82rem;font-weight:550;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--text-primary);cursor:pointer;transition:all .16s ease}.btn:hover{background:#ffffff1f;border-color:#ffffff3d}.btn-primary{background:#7bc4a833;border-color:#7bc4a87a;color:#dff7ee}.btn-primary:hover{background:#7bc4a84d}.btn-repost-active{background:#b9a1e038;border-color:#b9a1e080;color:#efe8fc}.field-group{display:flex;flex-direction:column;gap:6px}.field-label{font-size:.8rem;color:var(--text-secondary);font-weight:500}.glass-input,.glass-textarea{width:100%;background:#090c10b8;border:1px solid rgba(255,255,255,.13);border-radius:var(--radius-md);color:var(--text-primary);padding:10px 12px;font-size:.9rem;font-family:inherit}.glass-input:focus,.glass-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #7bc4a82e}.embed-prompt-box{padding:12px 14px;border-radius:var(--radius-md);background:#7bc4a81a;border:1px solid rgba(123,196,168,.32);display:flex;flex-direction:column;gap:10px}.bottom-nav-wrap{position:fixed;bottom:14px;left:0;right:0;display:flex;justify-content:center;padding:0 16px;z-index:40;pointer-events:none}.bottom-nav{pointer-events:auto;width:100%;max-width:390px;padding:8px 14px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:space-around;background:#12161dd6;backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 36px #0000008c}.nav-item{background:none;border:none;color:var(--text-secondary);font-size:.82rem;font-weight:550;padding:8px 16px;border-radius:var(--radius-pill);cursor:pointer;transition:all .16s ease}.nav-item.active{color:var(--text-primary);background:#ffffff17}.nav-plus-btn{width:44px;height:44px;border-radius:50%;border:1px solid rgba(123,196,168,.55);background:linear-gradient(135deg,#7bc4a857,#b9a1e047);color:#fff;font-size:1.45rem;line-height:1;font-weight:400;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #7bc4a840;transition:transform .16s ease,box-shadow .16s ease}.nav-plus-btn:hover,.nav-plus-btn.active{transform:scale(1.06);box-shadow:0 6px 20px #7bc4a866}