: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;--grad-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);--grad-main: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);--grad-premium: linear-gradient(135deg, #d4af37 0%, #f9d71c 100%);--grad-aurora: linear-gradient(135deg, #3d8b7f 0%, #8b7ad0 100%);--grad-glow: radial-gradient(circle at center, rgba(61, 139, 127, .15) 0%, transparent 70%);--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, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .15);--shadow-soft: 0 4px 12px -2px rgba(0, 0, 0, .06);--shadow-glow: 0 10px 30px -5px rgba(61, 139, 127, .35)}body.dark-mode{--color-background: #08100f;--color-surface: #121d1b;--color-text-primary: #f2f7f6;--color-text-secondary: #a0c4bf;--color-text-muted: #6b8f8a;--color-border: #223a36;--color-divider: #1b2e2b;--color-primary-soft: rgba(61, 139, 127, .2);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .5);--shadow-md: 0 8px 32px rgba(0, 0, 0, .6)}.ripple{position:relative;overflow:hidden;transform:translateZ(0)}.ripple:after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,#fff 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .5s,opacity 1s}.ripple:active:after{transform:scale(0);opacity:.3;transition:0s}.press-scale{transition:transform .1s cubic-bezier(.175,.885,.32,1.275)}.press-scale:active{transform:scale(.96)}::-webkit-scrollbar{width:0px;background:transparent}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}button,.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}@font-face{font-family:Outfit;font-style:normal;font-weight:400 800;font-display:swap;src:url(https://fonts.gstatic.com/s/outfit/v11/Q_kS9S5vGbg9S5vGp0en369H.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*: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}@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;contain:layout style}.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;top:0;right:0;bottom:0;left: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:100%}.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:100%;max-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}}.nav-root{height:72px;display:flex;align-items:center;background:transparent;border-bottom:1px solid transparent;position:sticky;top:0;z-index:1000;width:100%;transition:all var(--transition-std)}.nav-root.scrolled{height:64px;background:var(--glass-bg-scrolled, rgba(255, 255, 255, .98));backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border-bottom:1px solid var(--glass-border);box-shadow:0 4px 40px #0000001f}.dark-mode .nav-root.scrolled{background:#0f172af5}.nav-container{display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 24px;width:100%;max-width:1400px;margin:0 auto}.nav-logo-link{display:flex;align-items:center;gap:12px;text-decoration:none;transition:transform var(--transition-fast)}.nav-logo-text{font-weight:950;font-size:22px;letter-spacing:-.05em;color:var(--color-text-primary);font-family:var(--font-header)}.nav-links-desktop{display:flex;gap:8px;margin-left:32px}.nav-link-item{padding:8px 16px;border-radius:var(--radius-full);font-weight:900;font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-fast);opacity:.9}.nav-link-item:hover{background:var(--color-surface-2);color:var(--color-text-primary)}.nav-link-item.active{color:var(--color-primary);background:var(--color-primary-soft)}.nav-search-wrapper{flex:1;max-width:320px;margin:0 40px;position:relative}.nav-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);pointer-events:none;opacity:.8}.nav-search-input{width:100%;padding:10px 16px 10px 42px;border-radius:var(--radius-lg);border:1.5px solid var(--glass-border);background:var(--glass-bg);color:var(--color-text-primary);font-size:14px;font-weight:700;outline:none;transition:all var(--transition-std)}.nav-search-input::placeholder{color:var(--color-text-secondary);opacity:.6}.nav-search-input:focus{border-color:var(--color-primary);background:#fff;box-shadow:var(--shadow-glow-sm)}.dark-mode .nav-search-input:focus{background:var(--color-surface)}.nav-actions{display:flex;gap:12px;align-items:center}.nav-btn-icon{width:40px;height:40px;border-radius:var(--radius-full);background:var(--glass-bg);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-liquid)}.nav-btn-icon:hover{transform:translateY(-4px);background:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.dark-mode .nav-btn-icon:hover{background:var(--color-surface)}.nav-btn-enter{display:inline-flex;align-items:center;background:linear-gradient(135deg,#0d9488,#0f766e);color:#fff!important;padding:10px 24px;border-radius:var(--radius-full);font-weight:900;font-size:13px;text-transform:uppercase;letter-spacing:.12em;text-decoration:none;box-shadow:0 4px 15px #0d948833;transition:all var(--transition-liquid);border:1px solid rgba(255,255,255,.1)}.nav-btn-enter:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #0d948866;background:#0f766e}.nav-dropdown-menu{position:absolute;top:50px;right:0;width:280px;background:#fff;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);overflow:hidden;z-index:1100}.dark-mode .nav-dropdown-menu{background:#1e293b;border-color:#334155;box-shadow:0 10px 40px #0006}.nav-menu-item-link{transition:all var(--transition-fast)}.nav-menu-item-link:hover{background:var(--color-primary-soft);padding-left:20px!important}@media(max-width:1024px){.nav-root{height:64px;background:var(--color-background);border-bottom:1px solid var(--color-border);position:absolute;transition:background var(--transition-liquid),backdrop-filter var(--transition-liquid),border var(--transition-liquid),opacity .3s ease;will-change:background}.nav-root.nav-hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.nav-root.scrolled{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-sm)}.nav-links-desktop,.nav-search-wrapper,.nav-btn-enter,.hide-mobile{display:none!important}.nav-logo-text{font-size:19px}}.footer-main{background:var(--color-surface);border-top:1.5px solid var(--color-border);padding:100px 0 40px;margin-top:100px;color:var(--color-text-primary);position:relative;overflow:hidden}.footer-main:before{content:"";position:absolute;top:0;left:10%;width:300px;height:300px;background:var(--color-primary);filter:blur(150px);opacity:.05;pointer-events:none}.footer-content{display:grid;grid-template-columns:1.5fr 3fr;gap:80px;margin-bottom:80px}.footer-branding{max-width:320px}.footer-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--color-primary);font-size:1.5rem;font-weight:900;margin-bottom:24px;font-family:Outfit,sans-serif;letter-spacing:-.02em}.footer-logo img{width:32px;height:32px;border-radius:10px}.footer-tagline{font-size:.95rem;line-height:1.8;opacity:.6;margin-bottom:32px}.footer-socials{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;opacity:.4}.footer-links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.link-group h4{font-size:.85rem;font-weight:900;text-transform:uppercase;letter-spacing:.15em;margin-bottom:32px;color:var(--color-primary);opacity:.8}.link-group a{display:block;text-decoration:none;color:inherit;font-size:1rem;margin-bottom:16px;opacity:.7;transition:all .2s ease;font-weight:500}.link-group a:hover{opacity:1;transform:translate(4px);color:var(--color-primary)}.footer-bottom{padding-top:40px;border-top:1px solid var(--color-border)}.bottom-flex{display:flex;justify-content:space-between;align-items:center;opacity:.4;font-size:.85rem;font-weight:600}@media(max-width:1024px){.footer-content{grid-template-columns:1fr;gap:60px}}@media(max-width:768px){.footer-links-grid{grid-template-columns:1fr;gap:48px}.footer-main{padding:60px 0 40px}.bottom-flex{flex-direction:column;gap:16px;text-align:center}}