:root,:root[data-theme=warm-romantic]{--bg: #fff5f3;--bg-grad-1: #ffe3ec;--bg-grad-2: #fff0e6;--surface: #ffffff;--surface-2: #fff0f2;--text: #4a2c33;--text-muted: #b08a91;--accent: #e8607e;--accent-soft: #ffd9e1;--accent-contrast: #ffffff;--border: #f5d9de;--mine: #ffe7ec;--theirs: #ffffff;--shadow: rgba(214, 120, 140, .18)}:root[data-theme=midnight]{--bg: #0f1119;--bg-grad-1: #161a2b;--bg-grad-2: #0d0f17;--surface: #1b1f2e;--surface-2: #232840;--text: #e7e9f5;--text-muted: #8a90b0;--accent: #7c83ff;--accent-soft: #2a2f4d;--accent-contrast: #ffffff;--border: #2a2f45;--mine: #242a45;--theirs: #1b1f2e;--shadow: rgba(0, 0, 0, .5)}:root[data-theme=ocean]{--bg: #f0fbfb;--bg-grad-1: #d7f3f3;--bg-grad-2: #e8f7ff;--surface: #ffffff;--surface-2: #e6f7f7;--text: #173a3a;--text-muted: #6a9a9a;--accent: #1aa3a3;--accent-soft: #c4ecec;--accent-contrast: #ffffff;--border: #cdeaea;--mine: #dcf4f4;--theirs: #ffffff;--shadow: rgba(40, 150, 150, .18)}:root[data-theme=sunset]{--bg: #fff4ec;--bg-grad-1: #ffd9c2;--bg-grad-2: #ffe9d6;--surface: #ffffff;--surface-2: #fff0e6;--text: #4a2a1d;--text-muted: #b58a72;--accent: #ff6a3d;--accent-soft: #ffded0;--accent-contrast: #ffffff;--border: #f7ddcb;--mine: #ffe6d8;--theirs: #ffffff;--shadow: rgba(214, 110, 60, .18)}:root[data-theme=lavender]{--bg: #f7f4fd;--bg-grad-1: #e7defa;--bg-grad-2: #f1ecfb;--surface: #ffffff;--surface-2: #f2edfb;--text: #362a4d;--text-muted: #9a8cba;--accent: #8a6fd6;--accent-soft: #e3d9f7;--accent-contrast: #ffffff;--border: #e6def5;--mine: #ece4fa;--theirs: #ffffff;--shadow: rgba(120, 95, 200, .16)}:root[data-theme=forest]{--bg: #f1f8f2;--bg-grad-1: #d7eedd;--bg-grad-2: #e8f5ea;--surface: #ffffff;--surface-2: #e7f4ea;--text: #1f3a29;--text-muted: #6f9a7e;--accent: #2e9e5b;--accent-soft: #cdeed8;--accent-contrast: #ffffff;--border: #d4eadb;--mine: #dcf2e3;--theirs: #ffffff;--shadow: rgba(40, 140, 80, .16)}:root[data-theme=rose-gold]{--bg: #fdf4f1;--bg-grad-1: #f6dcd2;--bg-grad-2: #fbe9e2;--surface: #fffaf8;--surface-2: #f9e8e1;--text: #4a3531;--text-muted: #b8948a;--accent: #c97b63;--accent-soft: #f3ddd4;--accent-contrast: #ffffff;--border: #f0ddd5;--mine: #f7e6df;--theirs: #fffaf8;--shadow: rgba(190, 130, 110, .18)}:root[data-theme=mocha]{--bg: #1f1815;--bg-grad-1: #2a201b;--bg-grad-2: #181210;--surface: #2a201b;--surface-2: #352822;--text: #f0e4da;--text-muted: #b39c8b;--accent: #c89163;--accent-soft: #3d2e25;--accent-contrast: #1f1815;--border: #3a2c25;--mine: #36281f;--theirs: #2a201b;--shadow: rgba(0, 0, 0, .5)}:root[data-theme=bubblegum]{--bg: #fff0f7;--bg-grad-1: #ffd6ec;--bg-grad-2: #e3f0ff;--surface: #ffffff;--surface-2: #ffe6f3;--text: #5a2a47;--text-muted: #c084aa;--accent: #ff5fae;--accent-soft: #ffd6ec;--accent-contrast: #ffffff;--border: #ffdcef;--mine: #ffe1f1;--theirs: #ffffff;--shadow: rgba(255, 120, 185, .2)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg);background-image:linear-gradient(160deg,var(--bg-grad-1),var(--bg-grad-2));background-attachment:fixed}button{font-family:inherit;cursor:pointer}.splash{height:100%;display:grid;place-items:center}.splash .heart{font-size:56px;color:var(--accent);animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.18);opacity:1}}.app{max-width:600px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 10px) 14px 10px;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.brand{font-size:18px;font-weight:700;margin:0;letter-spacing:.3px;color:var(--accent)}.topbar-right{display:flex;align-items:center;gap:2px}.icon-btn{border:none;background:transparent;font-size:20px;width:40px;height:40px;border-radius:50%;color:var(--text)}.icon-btn:active{background:var(--surface-2)}.content{flex:1;padding:14px 12px 90px}.tabbar{position:fixed;bottom:0;left:0;right:0;max-width:600px;margin:0 auto;display:flex;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.tab{flex:1;border:none;background:transparent;padding:10px 0 12px;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--text-muted);font-size:11px}.tab .tab-icon{font-size:22px;filter:grayscale(.4);opacity:.6}.tab.active{color:var(--accent);font-weight:700}.tab.active .tab-icon{filter:none;opacity:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:14px;margin-bottom:14px;box-shadow:0 4px 16px var(--shadow)}.feed{display:flex;flex-direction:column}.muted{color:var(--text-muted)}.center{text-align:center;padding:24px}.empty{text-align:center;color:var(--text-muted);padding:40px 16px;font-size:15px}.input{width:100%;border:1px solid var(--border);background:var(--surface-2);border-radius:14px;padding:12px 14px;font-size:16px;color:var(--text);outline:none}.input:focus{border-color:var(--accent)}.input-sm{padding:9px 12px;font-size:15px}.btn-primary{background:var(--accent);color:var(--accent-contrast);border:none;border-radius:14px;padding:12px 18px;font-size:16px;font-weight:700;width:100%}.btn-primary:disabled{opacity:.5}.btn-sm{width:auto;padding:9px 16px;font-size:14px}.btn-ghost{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:14px;padding:9px 14px;font-size:14px;font-weight:600}.btn-ghost:disabled{opacity:.5}.login{min-height:100%;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:340px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:36px 24px;box-shadow:0 10px 40px var(--shadow)}.login-heart{font-size:48px;color:var(--accent)}.login-brand{font-size:26px;margin:8px 0 2px}.login-sub{color:var(--text-muted);margin:0 0 22px;font-size:14px}.login .input{margin-bottom:12px;text-align:center}.login-error{color:var(--accent);font-size:14px;margin-bottom:12px}.composer-text{width:100%;border:none;background:transparent;resize:none;font-size:16px;color:var(--text);outline:none;font-family:inherit}.composer-actions{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:8px}.composer-thumbs{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.thumb{position:relative;width:72px;height:72px}.thumb img{width:100%;height:100%;object-fit:cover;border-radius:12px}.thumb-x{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;border:none;background:#000000a6;color:#fff;font-size:15px;line-height:1}.post-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:700;color:#fff;text-transform:uppercase}.avatar.taha{background:#4a90d9}.avatar.sahar{background:#e8607e}.post-author{font-weight:700;font-size:14px}.post-time{margin-left:auto;color:var(--text-muted);font-size:12px}.post-body{margin:4px 0 10px;font-size:16px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.post.mine{border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.post-images{display:grid;gap:6px;margin-bottom:10px}.post-images.count-1{grid-template-columns:1fr}.post-images.count-2,.post-images.count-4{grid-template-columns:1fr 1fr}.post-images.count-3{grid-template-columns:1fr 1fr 1fr}.post-images img{width:100%;height:100%;max-height:320px;object-fit:cover;border-radius:12px;display:block}.reaction-bar{display:flex;gap:6px;flex-wrap:wrap;padding-top:4px;border-top:1px solid var(--border)}.react{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;padding:5px 9px;font-size:15px;display:inline-flex;align-items:center;gap:4px;line-height:1}.react.active{background:var(--accent-soft);border-color:var(--accent)}.react-count{font-size:12px;font-weight:700;color:var(--text-muted)}.react.active .react-count{color:var(--accent)}.comments{margin-top:10px;display:flex;flex-direction:column;gap:6px}.comment{background:var(--surface-2);border-radius:12px;padding:8px 11px;font-size:14px;line-height:1.4}.comment-author{font-weight:700;margin-right:6px}.comment-author.taha{color:#4a90d9}.comment-author.sahar{color:#e8607e}.comment-body{word-break:break-word}.comment-input{display:flex;gap:8px;margin-top:10px}.comment-input .input{flex:1}.mood-title{font-size:16px;margin:0 0 12px}.mood-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mood-chip{border:1px solid var(--border);background:var(--surface-2);border-radius:14px;padding:10px 4px;display:flex;flex-direction:column;align-items:center;gap:4px}.mood-chip .mood-emoji{font-size:26px}.mood-chip .mood-label{font-size:11px;color:var(--text-muted);font-weight:600}.mood-chip.selected{background:var(--accent-soft);border-color:var(--accent)}.mood-chip.selected .mood-label{color:var(--accent)}.mood-confirm{display:flex;gap:8px;margin-top:12px}.mood-confirm .input{flex:1}.mood-entry{display:flex;align-items:center;gap:12px}.mood-entry-emoji{font-size:34px}.mood-entry-body{flex:1}.mood-entry-top{display:flex;align-items:center;gap:8px}.mood-entry-label{font-weight:600;color:var(--accent);font-size:14px}.mood-note{margin-top:4px;font-size:15px;line-height:1.4;word-break:break-word}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0006;display:flex;align-items:flex-end;justify-content:center;animation:fade .15s ease}@keyframes fade{0%{opacity:0}}.sheet{width:100%;max-width:600px;background:var(--surface);border-radius:22px 22px 0 0;padding:10px 18px calc(env(safe-area-inset-bottom) + 22px);animation:slideup .2s ease}@keyframes slideup{0%{transform:translateY(100%)}}.sheet-handle{width:40px;height:4px;border-radius:2px;background:var(--border);margin:6px auto 14px}.sheet-title{margin:0 0 2px;font-size:18px}.sheet-sub{margin:0 0 14px;font-size:13px}.theme-list{display:flex;flex-direction:column;gap:8px}.theme-row{display:flex;align-items:center;gap:12px;border:1px solid var(--border);background:var(--surface-2);border-radius:14px;padding:12px 14px;font-size:15px;color:var(--text)}.theme-row.active{border-color:var(--accent)}.theme-swatch{width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,.5)}.theme-name{flex:1;text-align:left;font-weight:600}.theme-check{color:var(--accent);font-weight:700}