@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Figtree:wght@400;500;600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#2d4a3e;--color-primary-container:#d4e4de;--color-on-primary:#f7f4ef;--color-on-primary-container:#0d2a22;--color-secondary:#5c7a6e;--color-secondary-container:#e4eeea;--color-on-secondary:#f7f4ef;--color-on-secondary-container:#1a3830;--color-tertiary:#8b6f4e;--color-tertiary-container:#f2e8dc;--color-on-tertiary:#f7f4ef;--color-surface:#f7f4ef;--color-surface-variant:#eee9e1;--color-surface-container:#e8e2d8;--color-surface-container-high:#ddd6ca;--color-on-surface:#1a1a18;--color-on-surface-variant:#4a4a44;--color-outline:#b0a898;--color-outline-variant:#d4cec4;--color-error:#ba1a1a;--color-error-container:#ffdad6;--font-display:"Cormorant Garamond", Georgia, serif;--font-body:"Figtree", system-ui, sans-serif;--type-display-large:3.5rem;--type-display-medium:2.8rem;--type-display-small:2.25rem;--type-headline-large:2rem;--type-headline-medium:1.75rem;--type-headline-small:1.5rem;--type-title-large:1.375rem;--type-title-medium:1rem;--type-title-small:.875rem;--type-body-large:1rem;--type-body-medium:.875rem;--type-body-small:.75rem;--type-label-large:.875rem;--type-label-medium:.75rem;--type-label-small:.6875rem;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.75;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.05em;--tracking-widest:.12em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:28px;--radius-full:9999px;--shadow-float:0 1px 3px #0000000f, 0 4px 12px #00000014;--shadow-raised:0 2px 6px #00000014, 0 8px 24px #0000001a;--motion-fast:.15s;--motion-standard:.25s;--motion-emphasis:.4s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-decelerate:cubic-bezier(0, 0, 0, 1);--ease-spring:cubic-bezier(.175, .885, .32, 1.275);--nav-height:64px;--max-width:480px}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--type-body-large);line-height:var(--leading-normal);color:var(--color-on-surface);background:var(--color-surface);-webkit-font-smoothing:antialiased;min-height:100dvh}#root{flex-direction:column;min-height:100dvh;display:flex}.app-shell{min-height:100dvh;max-width:var(--max-width);flex-direction:column;margin:0 auto;display:flex;position:relative}button{font-family:var(--font-body);cursor:pointer;background:0 0;border:none}input,textarea{font-family:var(--font-body)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.login-screen{min-height:100dvh;padding:var(--space-12) var(--space-6) var(--space-8);background:var(--color-primary);flex-direction:column;justify-content:space-between;display:flex}.login-inner{justify-content:center;gap:var(--space-12);flex-direction:column;flex:1;display:flex}.login-wordmark{text-align:center}.login-logo{font-family:var(--font-display);font-size:var(--type-display-medium);letter-spacing:var(--tracking-tight);color:var(--color-on-primary);font-weight:400;line-height:var(--leading-tight)}.login-tagline{font-family:var(--font-body);font-size:var(--type-body-medium);letter-spacing:var(--tracking-wide);color:var(--color-primary-container);margin-top:var(--space-2);opacity:.8;font-weight:400}.login-form{gap:var(--space-3);flex-direction:column;display:flex}.login-label{font-size:var(--type-label-large);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-primary-container);opacity:.8;font-weight:600}.login-input{width:100%;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);font-size:var(--type-body-large);color:var(--color-on-primary);transition:border-color var(--motion-fast) var(--ease-standard), background var(--motion-fast) var(--ease-standard);background:#f7f4ef1f;border:1.5px solid #f7f4ef40;outline:none}.login-input::placeholder{color:#f7f4ef66}.login-input:focus{background:#f7f4ef2e;border-color:#f7f4efb3}.login-error{font-size:var(--type-body-small);color:#ffb4ab;padding:var(--space-2) 0}.login-btn{margin-top:var(--space-2);padding:var(--space-4) var(--space-6);background:var(--color-on-primary);color:var(--color-primary);border-radius:var(--radius-xl);font-size:var(--type-label-large);letter-spacing:var(--tracking-wide);transition:opacity var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-spring);font-weight:600}.login-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.login-btn:active:not(:disabled){transform:scale(.98)}.login-btn:disabled{opacity:.4;cursor:not-allowed}.login-hint{text-align:center;font-size:var(--type-body-small);color:var(--color-primary-container);opacity:.65;line-height:var(--leading-relaxed)}.login-sent{text-align:center;align-items:center;gap:var(--space-4);padding:var(--space-8) 0;flex-direction:column;display:flex}.login-sent-icon{font-size:2.5rem;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.login-sent-title{font-family:var(--font-display);font-size:var(--type-headline-small);color:var(--color-on-primary);font-weight:500}.login-sent-body{font-size:var(--type-body-medium);color:var(--color-primary-container);opacity:.85;line-height:var(--leading-relaxed);max-width:28ch}.login-sent-body strong{color:var(--color-on-primary)}.login-resend{font-size:var(--type-body-small);color:var(--color-primary-container);opacity:.65;margin-top:var(--space-4);text-decoration:underline}.login-footer{text-align:center;font-size:var(--type-body-small);color:var(--color-primary-container);opacity:.45;letter-spacing:var(--tracking-wide)}.feed-screen{background:var(--color-surface);flex-direction:column;min-height:100dvh;display:flex}.feed-header{z-index:10;padding:var(--space-4) var(--space-5);background:var(--color-surface);border-bottom:1px solid var(--color-outline-variant);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.feed-title{font-family:var(--font-display);font-size:var(--type-title-large);letter-spacing:var(--tracking-tight);color:var(--color-primary);font-weight:600}.feed-avatar-btn{border-radius:var(--radius-full);background:var(--color-primary);place-items:center;width:36px;height:36px;display:grid}.feed-avatar{font-size:var(--type-body-medium);color:var(--color-on-primary);font-weight:600}.feed-main{padding-bottom:calc(var(--nav-height) + var(--space-4));flex:1}.feed-list{background:var(--color-outline-variant);flex-direction:column;gap:1px;display:flex}.post-card{background:var(--color-surface);flex-direction:column;display:flex}.post-meta{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5) var(--space-3);display:flex}.post-avatar{border-radius:var(--radius-full);background:var(--color-surface-container);flex-shrink:0;place-items:center;width:40px;height:40px;font-size:1.25rem;display:grid}.post-meta-info{flex-direction:column;gap:1px;display:flex}.post-author{font-size:var(--type-body-medium);color:var(--color-on-surface);font-weight:600}.post-time{font-size:var(--type-body-small);color:var(--color-on-surface-variant)}.post-image-placeholder{aspect-ratio:4/3;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.post-image-icon{opacity:.4;font-size:2.5rem}.post-body{padding:var(--space-3) var(--space-5) var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.post-caption{font-size:var(--type-body-medium);color:var(--color-on-surface);line-height:var(--leading-normal)}.post-reactions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.reaction-pill{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--color-surface-container);border-radius:var(--radius-full);font-size:var(--type-body-small);transition:background var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-spring);display:flex}.reaction-pill:active{transform:scale(.93)}.reaction-count{font-size:var(--type-label-small);color:var(--color-on-surface-variant);font-weight:600}.reaction-add{border-radius:var(--radius-full);background:var(--color-surface-variant);width:28px;height:28px;color:var(--color-on-surface-variant);transition:background var(--motion-fast) var(--ease-standard);place-items:center;font-size:1rem;display:grid}.bottom-nav{width:100%;max-width:var(--max-width);height:var(--nav-height);background:var(--color-surface);border-top:1px solid var(--color-outline-variant);padding:0 var(--space-4);padding-bottom:env(safe-area-inset-bottom);z-index:20;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{align-items:center;gap:var(--space-1);color:var(--color-on-surface-variant);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-size:var(--type-label-small);letter-spacing:var(--tracking-wide);transition:color var(--motion-fast) var(--ease-standard), background var(--motion-fast) var(--ease-standard);flex-direction:column;font-weight:500;display:flex}.nav-item--active{color:var(--color-primary)}.nav-fab{border-radius:var(--radius-full);background:var(--color-primary);width:52px;height:52px;color:var(--color-on-primary);box-shadow:var(--shadow-float);transition:transform var(--motion-fast) var(--ease-spring), box-shadow var(--motion-fast) var(--ease-standard);place-items:center;display:grid}.nav-fab:active{box-shadow:none;transform:scale(.93)}