:root{--text:#111827;--bg:#f3f6ff;--border:#e5e4e7;--sans:Inter, system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;font:16px/145% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}#root{box-sizing:border-box;flex-direction:column;width:100vw;min-height:100svh;margin:0;display:flex}body{background:var(--bg);margin:0}h1,h2{font-family:var(--heading);margin:0 0 8px;font-weight:600}h1{font-size:32px}h2{font-size:20px}p{margin:0}.app-shell{background:var(--tg-theme-bg-color,#f3f6ff);min-height:100vh;color:var(--tg-theme-text-color,#111827);box-sizing:border-box;flex-direction:column;align-items:center;gap:16px;width:100%;padding:16px;display:flex}.hero-card,.info-card,.feed-container,.compose-container{background:var(--tg-theme-secondary-bg-color,#fff);box-sizing:border-box;border-radius:20px;width:100%;max-width:600px;padding:20px;box-shadow:0 8px 24px #0f172a0d}.messages-grid{flex-direction:column;gap:16px;width:100%;margin-top:16px;display:flex}.message-card{color:#111827;border:2px solid #0003;border-radius:16px;flex-direction:column;gap:12px;padding:20px;display:flex;box-shadow:0 4px 12px #0000000f}.card-to{font-size:1.1rem}.card-content{white-space:pre-wrap;font-size:1.15rem;line-height:1.5}.card-time{opacity:.7;text-align:right;font-size:.85rem}.field-row{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.field-row label{font-size:.95rem;font-weight:600}input,textarea{width:100%;font:inherit;color:inherit;box-sizing:border-box;background:var(--tg-theme-bg-color,#fff);border:1px solid #d1d5db;border-radius:12px;padding:12px}textarea{resize:vertical;min-height:120px}.search-bar-sticky{z-index:10;background:var(--tg-theme-secondary-bg-color,#fff);padding-bottom:10px;position:sticky;top:0}.fab{color:#fff;cursor:pointer;z-index:100;background:#4f46e5;border:none;border-radius:999px;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 10px 25px #4f46e566}.primary-button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:12px;width:100%;padding:14px;font-size:1rem;font-weight:600}.color-picker{gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.color-swatch{cursor:pointer;border:3px solid #0000;border-radius:50%;flex-shrink:0;width:40px;height:40px}.color-swatch.selected{border-color:#111827;transform:scale(1.1)}