@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Lora:ital,wght@0,400;0,600;1,400&display=swap";:root{--color-primary: #3d8b7f;--color-primary-hover: #2a6b61;--color-primary-light: #c8e6e2;--color-primary-soft: rgba(61, 139, 127, .12);--color-primary-dark: #2a6b61;--color-secondary: #f0a050;--color-secondary-soft: rgba(240, 160, 80, .1);--color-accent: #8b7ad0;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-background: #f5f7f6;--color-surface: #ffffff;--color-text-primary: #1a2d2a;--color-text-secondary: #5a7a74;--color-text-muted: #8aa8a3;--color-text-link: var(--color-primary);--color-border: #e4ece9;--color-divider: #edf1f0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--max-width-feed: 640px;--header-height: 56px;--bottom-nav-height: 64px;--top-nav-height: 56px;--font-family-header: "Outfit", -apple-system, sans-serif;--font-family-body: "Outfit", -apple-system, sans-serif;--font-body: "Outfit", -apple-system, sans-serif;--font-header: "Outfit", -apple-system, sans-serif;--font-serif: "Lora", Georgia, serif;--font-size-sm: 13px;--font-size-md: 15px;--font-size-lg: 18px;--font-size-xl: 24px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 20px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .12);--shadow-soft: 0 10px 25px -5px rgba(0, 0, 0, .05)}body.dark-mode{--color-background: #0d1a18;--color-surface: #162220;--color-text-primary: #e8f0ee;--color-text-secondary: #7aada7;--color-text-muted: #4d7a74;--color-border: #2a3f3b;--color-divider: #223330;--color-primary-soft: rgba(61, 139, 127, .15);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}html{font-size:16px;scroll-behavior:smooth;height:100%;-webkit-text-size-adjust:100%}body{font-family:var(--font-family-body);background-color:var(--color-background);color:var(--color-text-primary);line-height:1.6;min-height:100vh;min-height:100svh;overflow-x:hidden;padding-top:var(--top-nav-height)}@supports (padding-bottom: env(safe-area-inset-bottom)){body{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom))}}@media(min-width:769px){body{padding-bottom:0!important}}input,textarea,select,button{font-family:inherit;font-size:16px}a{text-decoration:none;color:inherit;transition:opacity .2s ease}img,video{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;background:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-header);font-weight:700;line-height:1.25;color:var(--color-text-primary);letter-spacing:-.02em}h1{font-size:clamp(1.6rem,5vw,2.5rem);font-weight:800}h2{font-size:clamp(1.3rem,4vw,2rem)}h3{font-size:clamp(1.1rem,3vw,1.4rem)}h4{font-size:1rem}p{line-height:1.7;color:var(--color-text-secondary)}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 20px}.feed-container{max-width:var(--max-width-feed);margin:0 auto;width:100%}.card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .2s ease,transform .2s ease}.card:hover{box-shadow:var(--shadow-md)}.post-card{background:var(--color-surface);border-bottom:1px solid var(--color-border);margin-bottom:0;border-radius:0}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;font-size:15px;font-weight:700;border-radius:var(--radius-full);border:none;cursor:pointer;text-decoration:none;transition:all .2s ease;box-shadow:0 4px 16px #3d8b7f4d;letter-spacing:.01em}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px #3d8b7f66}.btn-primary:active{transform:scale(.97)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:var(--color-primary-soft);color:var(--color-primary-dark);font-size:15px;font-weight:700;border-radius:var(--radius-full);border:1.5px solid var(--color-primary-light);cursor:pointer;text-decoration:none;transition:all .2s ease}.btn-secondary:hover{background:var(--color-primary-light);transform:translateY(-1px)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:none;color:var(--color-text-secondary);font-size:14px;font-weight:600;border-radius:var(--radius-full);border:1.5px solid var(--color-border);cursor:pointer;transition:all .2s ease}.btn-ghost:hover{border-color:var(--color-primary-light);color:var(--color-primary);background:var(--color-primary-soft)}.hero-sanctuary{background:linear-gradient(135deg,#2a6b61,#3d8b7f 40%,#4da99a,#5bb8a8);width:100%}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:1000;padding:0;animation:fadeIn .2s ease}@media(min-width:560px){.modal-overlay{align-items:center;padding:24px}}.modal-content{background:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:24px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 -8px 40px #00000026;animation:slideInBottom .3s cubic-bezier(.34,1.56,.64,1)}@media(min-width:560px){.modal-content{border-radius:var(--radius-xl);max-width:480px;box-shadow:0 24px 60px #0003;animation:popIn .3s cubic-bezier(.34,1.56,.64,1)}}.psych-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease;overflow:hidden}.psych-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px));background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--color-border);display:flex;align-items:flex-start;padding-bottom:env(safe-area-inset-bottom,0px);z-index:900;box-shadow:0 -4px 20px #0000000f}@media(max-width:768px){:root{--max-width-feed: 100%}.container{padding:0;max-width:100vw}.card{border-radius:0;border-left:none;border-right:none;margin-bottom:8px}button,.btn-primary,.btn-secondary,.btn-ghost{min-height:46px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInBottom{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes popIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.moments-container{max-width:1100px;margin:0 auto;padding:20px}.moments-split{display:flex;gap:30px;align-items:flex-start}.moments-main{flex:1;min-width:0}.moments-sidebar{width:320px;position:sticky;top:90px;background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:24px;display:flex;flex-direction:column;gap:24px}@media(max-width:1024px){.moments-split{flex-direction:column}.moments-sidebar{display:none}}