@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&family=Figtree:wght@300;400;500;600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#2d4a3e;--color-primary-container:#c8ddd7;--color-on-primary:#f7f4ef;--color-on-primary-container:#0d2820;--color-secondary:#7a6752;--color-secondary-container:#e8ddd2;--color-on-secondary:#f7f4ef;--color-on-secondary-container:#2e2017;--color-tertiary:#8b7355;--color-tertiary-container:#f0e6d8;--color-on-tertiary:#f7f4ef;--color-surface:#f7f4ef;--color-surface-variant:#ede9e2;--color-surface-container:#eae6de;--color-surface-container-high:#e0dbd1;--color-on-surface:#1a1814;--color-on-surface-variant:#5c5850;--color-outline:#c4bfb7;--color-outline-variant:#ddd9d2;--color-success:#3a7d5c;--color-warning:#b87333;--color-danger:#8b3a3a;--color-error:#ba1a1a;--color-error-container:#ffdad6;--font-display:"Cormorant Garamond", Georgia, serif;--font-body:"Figtree", system-ui, sans-serif;--type-display-large:3.25rem;--type-display-medium:2.5rem;--type-headline-large:1.875rem;--type-headline-medium:1.5rem;--type-headline-small:1.25rem;--type-title-large:1.125rem;--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.7;--tracking-tight:-.03em;--tracking-normal:0;--tracking-wide:.06em;--tracking-widest:.14em;--radius-xs:4px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-2xl:36px;--radius-full:9999px;--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;--motion-fast:.15s;--motion-standard:.28s;--motion-emphasis:.42s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-decelerate:cubic-bezier(0, 0, 0, 1);--ease-accelerate:cubic-bezier(.3, 0, 1, 1);--ease-spring:cubic-bezier(.175, .885, .32, 1.275);--shadow-float:0 1px 4px #1a18140f, 0 6px 20px #1a181412;--shadow-raised:0 2px 8px #1a181414, 0 12px 32px #1a18141a;--nav-height:72px;--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{padding:var(--space-2) var(--space-5) var(--space-3);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.feed-title{font-family:var(--font-display);font-size:var(--type-headline-medium);color:var(--color-on-surface);letter-spacing:var(--tracking-tight);font-weight:600;line-height:var(--leading-tight)}.icon-btn{border-radius:var(--radius-full);background:var(--color-surface-container);width:36px;height:36px;color:var(--color-on-surface-variant);transition:background var(--motion-fast) var(--ease-standard);place-items:center;display:grid}.icon-btn:active{background:var(--color-surface-container-high)}.feed-greeting{padding:0 var(--space-5) var(--space-4)}.feed-greeting-label{font-size:var(--type-label-medium);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-on-surface-variant);font-weight:500}.feed-greeting-name{font-family:var(--font-display);color:var(--color-on-surface);letter-spacing:var(--tracking-tight);font-size:1.75rem;font-style:italic;font-weight:600;line-height:1.15}.circles-row{padding:0 var(--space-5) var(--space-5);gap:var(--space-3);scrollbar-width:none;align-items:center;display:flex;overflow-x:auto}.circles-row::-webkit-scrollbar{display:none}.circle-item{align-items:center;gap:var(--space-1);cursor:pointer;flex-direction:column;flex-shrink:0;display:flex}.circle-avatar{border-radius:var(--radius-full);width:52px;height:52px;position:relative;overflow:visible}.circle-avatar-inner{border-radius:var(--radius-full);width:100%;height:100%;font-family:var(--font-display);color:var(--color-on-primary);place-items:center;font-size:1.1rem;font-weight:600;display:grid}.circle-ring{border-radius:var(--radius-full);border:2px solid var(--color-primary);pointer-events:none;position:absolute;inset:-3px}.circle-name{color:var(--color-on-surface-variant);letter-spacing:.02em;font-size:10px;font-weight:500}.section-label{padding:0 var(--space-5) var(--space-3);font-size:var(--type-label-medium);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-on-surface-variant);font-weight:500}.feed-main{padding-bottom:calc(var(--nav-height) + var(--space-4));scrollbar-width:none;flex:1;overflow:hidden auto}.feed-main::-webkit-scrollbar{display:none}.memory-card{margin:0 var(--space-4) var(--space-4);background:var(--color-surface-container);border-radius:var(--radius-xl);overflow:hidden}.memory-photo{aspect-ratio:4/3;width:100%;position:relative;overflow:hidden}.memory-photo-inner{justify-content:center;align-items:center;width:100%;height:100%;font-size:3rem;display:flex}.memory-photo-bg{opacity:.6;justify-content:center;align-items:center;font-size:4rem;display:flex;position:absolute;inset:0}.memory-photo-caption{padding:var(--space-8) var(--space-4) var(--space-3);color:#f7f4ef;font-family:var(--font-display);background:linear-gradient(#0000,#1a18148c);font-size:1rem;font-style:italic;line-height:1.3;position:absolute;bottom:0;left:0;right:0}.memory-meta{padding:var(--space-3) var(--space-4) var(--space-4)}.memory-author-row{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.memory-avatar-sm{border-radius:var(--radius-full);background:var(--color-primary);width:24px;height:24px;color:var(--color-on-primary);flex-shrink:0;place-items:center;font-size:10px;font-weight:600;display:grid}.memory-author-name{font-size:var(--type-body-small);color:var(--color-on-surface);font-weight:600}.memory-time{font-size:var(--type-body-small);color:var(--color-on-surface-variant);margin-left:auto}.memory-note{font-size:var(--type-body-small);color:var(--color-on-surface-variant);line-height:var(--leading-normal)}.memory-reactions{gap:var(--space-2);margin-top:var(--space-3);align-items:center;display:flex}.reaction-chip{background:var(--color-surface-container-high);border-radius:var(--radius-full);color:var(--color-on-surface-variant);cursor:pointer;transition:transform var(--motion-fast) var(--ease-spring), background var(--motion-fast) var(--ease-standard);align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:flex}.reaction-chip:active{transform:scale(.93)}.reaction-chip span{font-size:13px}.memory-card-sm{margin:0 var(--space-4) var(--space-3);background:var(--color-surface-container);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-3);display:flex}.memory-card-sm-photo{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.6rem;display:flex;overflow:hidden}.memory-card-sm-body{flex:1;min-width:0}.memory-card-sm-author{font-size:var(--type-body-small);color:var(--color-on-surface);margin-bottom:2px;font-weight:600}.memory-card-sm-caption{font-family:var(--font-display);color:var(--color-on-surface-variant);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-style:italic;overflow:hidden}.memory-card-sm-time{color:var(--color-outline);margin-top:2px;font-size:10px}.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{cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:3px;display:flex}.nav-icon-wrap{border-radius:var(--radius-full);width:40px;height:24px;transition:background var(--motion-fast) var(--ease-standard);place-items:center;display:grid}.nav-item--active .nav-icon-wrap{background:var(--color-primary-container)}.nav-label{letter-spacing:.03em;color:var(--color-on-surface-variant);font-size:10px;font-weight:500}.nav-item--active .nav-label{color:var(--color-primary)}.circle-screen{background:var(--color-surface);flex-direction:column;min-height:100dvh;display:flex}.circle-header{padding:var(--space-2) var(--space-5) var(--space-3);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.circle-title{font-family:var(--font-display);font-size:var(--type-headline-medium);color:var(--color-on-surface);letter-spacing:var(--tracking-tight);font-weight:600;line-height:var(--leading-tight)}.circle-main{padding-bottom:calc(var(--nav-height) + var(--space-4));scrollbar-width:none;flex:1;overflow:hidden auto}.circle-main::-webkit-scrollbar{display:none}.profile-hero{margin:0 var(--space-4) var(--space-4);background:var(--color-primary);border-radius:var(--radius-xl);padding:var(--space-5);position:relative;overflow:hidden}.profile-hero:before{content:"";background:#f7f4ef0f;border-radius:50%;width:180px;height:180px;position:absolute;top:-30%;right:-20%}.profile-hero:after{content:"";background:#f7f4ef0a;border-radius:50%;width:140px;height:140px;position:absolute;bottom:-40%;left:-10%}.profile-name{font-family:var(--font-display);color:var(--color-on-primary);letter-spacing:var(--tracking-tight);z-index:1;font-size:1.6rem;font-style:italic;font-weight:600;line-height:1.15;position:relative}.profile-meta-row{align-items:center;gap:var(--space-4);margin-top:var(--space-3);z-index:1;display:flex;position:relative}.profile-stat{flex-direction:column;gap:1px;display:flex}.profile-stat-num{font-family:var(--font-display);color:var(--color-on-primary);font-size:1.4rem;font-weight:600;line-height:1}.profile-stat-label{letter-spacing:var(--tracking-wide);text-transform:uppercase;color:#f7f4ef99;font-size:10px;font-weight:500}.profile-divider{background:#f7f4ef33;width:1px;height:28px}.circle-privacy-badge{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);color:#f7f4efcc;margin-top:var(--space-3);z-index:1;background:#f7f4ef1f;width:fit-content;padding:5px 10px;font-size:11px;font-weight:500;display:flex;position:relative}.circle-section-header{padding:0 var(--space-5) var(--space-3);justify-content:space-between;align-items:center;display:flex}.circle-section-title{font-size:var(--type-label-large);color:var(--color-on-surface);font-weight:600}.circle-section-count{font-size:var(--type-body-small);color:var(--color-on-surface-variant)}.circle-members-list{padding:0 var(--space-4);gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.member-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface-container);border-radius:var(--radius-lg);display:flex}.member-avatar{border-radius:var(--radius-full);width:40px;height:40px;font-family:var(--font-display);color:var(--color-on-primary);flex-shrink:0;place-items:center;font-size:1rem;font-weight:600;display:grid}.member-info{flex:1}.member-name{font-size:var(--type-body-medium);color:var(--color-on-surface);margin-bottom:1px;font-weight:600}.member-relation{font-size:var(--type-body-small);color:var(--color-on-surface-variant)}.member-online{border-radius:var(--radius-full);background:var(--color-success);width:8px;height:8px}.member-offline{border-radius:var(--radius-full);background:var(--color-outline);width:8px;height:8px}.photo-grid-mini{padding:0 var(--space-4) var(--space-4);gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.photo-grid-cell{aspect-ratio:1;border-radius:var(--radius-md);background:var(--color-surface-container);justify-content:center;align-items:center;font-size:1.8rem;display:flex;overflow:hidden}.share-screen{background:var(--color-surface);flex-direction:column;min-height:100dvh;display:flex}.share-photo-full{background:var(--color-surface-container-high);flex:1;justify-content:center;align-items:center;width:100%;font-size:5rem;display:flex;position:relative;overflow:hidden}.share-photo-full-inner{justify-content:center;align-items:center;font-size:5rem;display:flex;position:absolute;inset:0}.nature-bg{background:linear-gradient(160deg,#c8ddd7 0%,#a8c8be 30%,#7ea898 60%,#5d8a7a 100%)}.share-overlay-top{padding:var(--space-4) var(--space-5);z-index:10;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.share-back-btn{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);color:#f7f4ef;width:36px;height:36px;transition:background var(--motion-fast) var(--ease-standard);background:#1a18144d;place-items:center;display:grid}.share-back-btn:active{background:#1a181480}.share-tag-btn{-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-full);color:#f7f4ef;background:#1a18144d;align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:500;display:flex}.share-panel{background:var(--color-surface);padding:var(--space-5);border-top:1px solid var(--color-outline-variant);flex-shrink:0}.share-caption-field{background:var(--color-surface-variant);border-radius:var(--radius-lg);width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--type-body-medium);color:var(--color-on-surface);resize:none;line-height:var(--leading-normal);margin-bottom:var(--space-4);border:none;outline:none}.share-caption-field::placeholder{color:var(--color-on-surface-variant)}.share-who-label{font-size:var(--type-label-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-on-surface-variant);margin-bottom:var(--space-2);font-weight:600}.share-circles-row{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.share-circle-chip{border-radius:var(--radius-full);cursor:pointer;border:1.5px solid var(--color-outline);color:var(--color-on-surface-variant);transition:background var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard);background:0 0;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.share-circle-chip--selected{background:var(--color-primary-container);border-color:var(--color-primary);color:var(--color-on-primary-container)}.share-notice{align-items:flex-start;gap:var(--space-2);background:var(--color-tertiary-container);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-4);display:flex}.share-notice-text{font-size:11px;line-height:var(--leading-normal);color:var(--color-on-surface-variant)}.share-btn{background:var(--color-primary);width:100%;color:var(--color-on-primary);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--type-label-large);letter-spacing:var(--tracking-wide);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);transition:transform var(--motion-fast) var(--ease-spring), box-shadow var(--motion-fast) var(--ease-standard);border:none;padding:14px;font-weight:600;display:flex}.share-btn:active{transform:scale(.97)}