:root{--forest-green: #2C5F4F;--terracotta: #D4622F;--warm-cream: #FAF5ED;--sage-green: #5A8272;--sun-faded-orange: #E8935A;--soft-cream: #FFF8F0;--charcoal: #4A4A4A;--sand-beige: #B8AA8C;--font-brand: Georgia, "Times New Roman", serif;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-ui);background-color:var(--warm-cream);color:var(--charcoal);line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-brand);color:var(--forest-green);line-height:1.2;font-weight:400;margin-bottom:var(--spacing-sm)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}p{margin-bottom:var(--spacing-sm)}a{color:var(--terracotta);text-decoration:none;transition:color .2s ease}a:hover{color:var(--sun-faded-orange)}button{font-family:var(--font-ui);font-size:1rem;font-weight:500;padding:.75rem 1.5rem;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s ease}button:focus-visible{outline:2px solid var(--terracotta);outline-offset:2px}.btn-primary{background-color:var(--terracotta);color:#fff}.btn-primary:hover{background-color:#c1551f}.btn-secondary{background-color:var(--sage-green);color:#fff}.btn-secondary:hover{background-color:#4a6f5f}input,textarea,select{font-family:var(--font-ui);font-size:1rem;padding:.75rem;border:1px solid var(--sand-beige);border-radius:var(--radius-sm);background-color:var(--soft-cream);color:var(--charcoal);transition:border-color .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--terracotta)}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-md)}@media(min-width:768px){html{font-size:18px}.container{padding:var(--spacing-lg)}}@media(min-width:1024px){h1{font-size:3rem}h2{font-size:2.5rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.custom-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100000;padding:20px;animation:fadeIn .2s ease-in-out}.custom-modal-content{background:#fff;border-radius:12px;padding:32px;max-width:480px;width:100%;box-shadow:0 8px 32px #0003;animation:slideIn .3s ease-out;border:2px solid var(--sand-beige)}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.custom-modal-message{font-family:var(--font-ui);font-size:16px;line-height:1.5;color:var(--charcoal);margin-bottom:24px;text-align:center}.custom-modal-buttons{display:flex;gap:12px;justify-content:center}.custom-modal-btn{padding:12px 32px;border-radius:8px;font-family:var(--font-ui);font-size:15px;font-weight:600;cursor:pointer;border:2px solid;transition:all .3s;min-width:100px}.custom-modal-btn-cancel{background:#fff;color:var(--sand-beige);border-color:var(--sand-beige)}.custom-modal-btn-cancel:hover{background:var(--warm-cream);border-color:var(--charcoal);color:var(--charcoal)}.custom-modal-btn-confirm{background:var(--terracotta);color:#fff;border-color:var(--terracotta)}.custom-modal-btn-confirm:hover{background:#c45a3a;border-color:#c45a3a}.custom-modal-btn-ok{background:var(--forest-green);color:#fff;border-color:var(--forest-green)}.custom-modal-btn-ok:hover{background:#4a7c59;border-color:#4a7c59}@media(max-width:768px){.custom-modal-content{padding:24px;max-width:90vw}.custom-modal-message{font-size:15px;margin-bottom:20px}.custom-modal-buttons{flex-direction:column}.custom-modal-btn{width:100%;min-width:auto}}.homepage{width:100%}.homepage-nav{background:var(--warm-cream);padding:20px 40px;position:fixed;width:100%;top:0;z-index:1000;box-shadow:0 2px 12px #2c5f4f1a;border-bottom:2px solid var(--sage-green)}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;text-decoration:none;cursor:pointer;transition:opacity .2s}.logo:hover{opacity:.8}.logo-wordmark{font-size:48px;font-weight:700;color:var(--forest-green);letter-spacing:-1px;line-height:1;font-family:var(--font-brand)}.logo-wordmark .slash{color:var(--terracotta);margin:0 4px;font-size:42px}.nav-links{display:flex;gap:30px;align-items:center;font-family:var(--font-ui)}.nav-links a{color:var(--charcoal);text-decoration:none;font-size:15px;font-weight:500;transition:color .3s}.nav-links a:hover{color:var(--terracotta)}.nav-cta{background:var(--terracotta);color:var(--soft-cream)!important;padding:12px 28px;border-radius:6px;font-weight:600;transition:all .3s;border:none;cursor:pointer;font-family:var(--font-brand);font-size:16px;box-shadow:0 3px 8px #d4622f40}.nav-cta:hover{background:#c85a3a;transform:translateY(-2px);box-shadow:0 5px 12px #d4622f59;color:var(--soft-cream)!important}.hero{margin-top:80px;background:linear-gradient(135deg,var(--forest-green) 0%,var(--sage-green) 100%);padding:100px 40px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none}.hero:after{content:"";position:absolute;bottom:-30%;left:-15%;width:700px;height:700px;background:radial-gradient(circle,rgba(0,0,0,.12) 0%,transparent 70%);border-radius:50%;pointer-events:none}.hero-content{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}.hero-text{color:var(--warm-cream)}.hero-badge{display:inline-block;background:#d4622f4d;padding:8px 20px;border-radius:30px;font-size:14px;font-weight:600;margin-bottom:24px;font-family:var(--font-ui);letter-spacing:.5px;border:2px solid rgba(212,98,47,.5)}.hero h1{font-size:62px;font-weight:700;margin-bottom:24px;line-height:1.1;color:var(--soft-cream);text-shadow:2px 3px 0 rgba(0,0,0,.1)}.hero-subtitle{font-size:26px;margin-bottom:16px;color:var(--soft-cream);font-weight:400;line-height:1.4}.hero-description{font-size:18px;margin-bottom:40px;color:#fff8f0e6;line-height:1.7}.hero-cta-group{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.hero-cta{display:inline-block;background:var(--terracotta);color:var(--soft-cream);padding:18px 40px;font-size:20px;font-weight:700;border-radius:8px;text-decoration:none;transition:all .3s;box-shadow:0 4px 16px #d4622f66;font-family:var(--font-brand)}.hero-cta:hover{transform:translateY(-3px) rotate(-1deg);box-shadow:0 6px 20px #d4622f80;background:#c85a3a;color:var(--soft-cream)}.hero-note{font-size:15px;color:#fff8f0cc;font-family:var(--font-ui);font-style:italic}.hero-visual{background:#ffffff1a;border:3px solid rgba(255,255,255,.2);border-radius:16px;padding:40px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:rotate(-2deg);box-shadow:0 8px 24px #00000026}.hero-logo-large{font-size:120px;font-weight:700;color:var(--soft-cream);line-height:1;margin-bottom:20px;font-family:var(--font-brand)}.hero-logo-slash{color:var(--terracotta)}.hero-tagline{font-size:18px;color:var(--soft-cream);font-style:italic;letter-spacing:1px}.how-it-works{padding:100px 40px;background:var(--soft-cream)}.how-it-works-content{max-width:1100px;margin:0 auto}.section-intro{text-align:center;max-width:700px;margin:0 auto 60px}.how-it-works h2{font-size:52px;color:var(--forest-green);margin-bottom:20px;font-weight:700}.section-subtitle{font-size:22px;color:var(--charcoal);line-height:1.5}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.step{background:#fff;padding:40px 30px;border-radius:12px;border:3px solid var(--sage-green);position:relative;transition:all .3s;box-shadow:0 4px 12px #2c5f4f1a}.step:hover{transform:translateY(-8px) rotate(1deg);box-shadow:0 8px 24px #2c5f4f33;border-color:var(--forest-green)}.step-number{width:70px;height:70px;background:var(--forest-green);color:var(--soft-cream);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;margin-bottom:24px;font-family:var(--font-brand);box-shadow:0 4px 12px #2c5f4f4d}.step h3{font-size:26px;color:var(--forest-green);margin-bottom:16px;font-weight:700}.step p{font-size:17px;color:var(--charcoal);line-height:1.6}.why-section{padding:100px 40px;background:var(--warm-cream)}.why-content{max-width:1100px;margin:0 auto}.why-intro{text-align:center;font-size:24px;color:var(--charcoal);margin-bottom:60px;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.6}.problems{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.problem-card{background:linear-gradient(135deg,var(--forest-green) 0%,var(--sage-green) 100%);padding:50px 35px;border-radius:12px;color:var(--soft-cream);box-shadow:0 6px 20px #2c5f4f40;transition:all .3s}.problem-card:hover{transform:translateY(-6px);box-shadow:0 10px 30px #2c5f4f59}.problem-card h3{font-size:28px;margin-bottom:16px;font-weight:700;color:var(--sun-faded-orange)}.problem-card p{font-size:17px;line-height:1.6}.origin-section{background:linear-gradient(135deg,#d4622f,#c45828);padding:80px 40px;position:relative;overflow:hidden}.origin-section:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.04;pointer-events:none}.origin-content{max-width:900px;margin:0 auto;display:grid;grid-template-columns:180px 1fr;gap:50px;align-items:start;position:relative;z-index:1}.origin-sidebar{position:relative}.year-badge{background:#2c5f4f;color:#fff8f0;padding:30px 20px;border-radius:8px;text-align:center;transform:rotate(-3deg);box-shadow:0 6px 20px #00000040}.year-badge .year{font-size:44px;font-weight:700;line-height:1;margin-bottom:8px}.year-badge .label{font-size:12px;color:#fff8f0cc;font-weight:600;letter-spacing:1px;text-transform:uppercase}.origin-main{color:#fff8f0}.origin-main h3{font-size:26px;margin-bottom:20px;color:#fff8f0;font-weight:700}.origin-main p{font-size:18px;line-height:1.8;margin-bottom:16px;color:#fff8f0f2}.origin-main .cta-line{font-size:16px;color:#fff8f0;font-style:italic;margin-top:24px;padding-top:20px;border-top:2px solid rgba(255,248,240,.2)}.pricing-section{padding:100px 40px;background:#fff}.pricing-content{max-width:1000px;margin:0 auto;text-align:center}.pricing-subtitle{font-size:24px;color:var(--charcoal);margin-bottom:50px}.pricing-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;max-width:800px;margin:0 auto 40px}.pricing-card{background:var(--soft-cream);border:4px solid var(--sage-green);border-radius:16px;padding:50px 40px;transition:all .3s;position:relative}.pricing-card:hover{transform:scale(1.05);border-color:var(--forest-green);box-shadow:0 12px 32px #2c5f4f33}.recommended-badge{display:inline-block;background:var(--terracotta);color:#fff;font-family:var(--font-ui);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:6px 12px;border-radius:6px;margin-top:20px}.pricing-card h3{font-size:32px;color:var(--forest-green);margin-bottom:16px;font-weight:700}.price{font-size:56px;font-weight:700;color:var(--forest-green);margin-bottom:24px;font-family:var(--font-brand)}.price span{font-size:22px;font-weight:400;color:var(--charcoal)}.pricing-feature{font-size:17px;color:var(--charcoal);margin-bottom:12px;line-height:1.5}.pricing-note{font-size:18px;color:var(--charcoal);max-width:600px;margin:0 auto;font-style:italic}.final-cta{padding:100px 40px;background:linear-gradient(135deg,var(--forest-green) 0%,var(--sage-green) 100%);text-align:center;color:var(--soft-cream);position:relative;overflow:hidden}.final-cta-content{position:relative;z-index:1}.final-cta h2{font-size:52px;margin-bottom:24px;font-weight:700;color:var(--soft-cream)}.final-cta p{font-size:24px;margin-bottom:40px;opacity:.95}footer{background:var(--charcoal);color:#e8e3d6;padding:60px 40px 30px;font-family:var(--font-ui)}.footer-content{max-width:1200px;margin:0 auto 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px}.footer-section h4{color:var(--sage-green);margin-bottom:15px;font-size:16px;font-weight:600}.footer-section a{display:block;color:#e8e3d6;text-decoration:none;margin-bottom:8px;font-size:14px;transition:color .3s}.footer-section a:hover{color:var(--terracotta)}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid rgba(90,130,114,.3);color:var(--sand-beige);font-size:14px}@media(max-width:968px){.hero-content{grid-template-columns:1fr;gap:40px}.hero-visual{transform:rotate(0)}.steps,.problems,.pricing-cards{grid-template-columns:1fr}.hero h1{font-size:42px}.how-it-works h2,.final-cta h2{font-size:38px}}@media(max-width:768px){.origin-content{grid-template-columns:1fr;gap:30px}.origin-sidebar{display:flex;justify-content:center}.year-badge{transform:rotate(0)}}@media(max-width:768px){.nav-links{display:none}.logo-wordmark{font-size:36px}.hero{padding:60px 20px}.hero h1{font-size:36px}.hero-subtitle{font-size:20px}.hero-description{font-size:16px}.hero-cta{font-size:18px;padding:14px 30px}.how-it-works,.why-section,.pricing-section,.final-cta{padding:60px 20px}.section-intro h2{font-size:32px}}.login-page{min-height:100vh;display:flex;flex-direction:column;background:var(--warm-cream)}.login-header{background:#fff;padding:24px 40px;border-bottom:2px solid var(--sun-faded-orange);box-shadow:0 2px 8px #0000000d}.header-content{max-width:800px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.login-header .logo{font-size:36px;font-weight:700;color:var(--forest-green);font-family:var(--font-brand);text-decoration:none}.login-header .logo .slash{color:var(--terracotta)}.login-main{flex:1;display:flex;align-items:center;justify-content:center;padding:60px 20px}.login-card{background:#fff;max-width:520px;width:100%;padding:50px;border-radius:16px;box-shadow:0 6px 24px #00000014;border:3px solid var(--sage-green)}.login-card h1{font-size:38px;color:var(--forest-green);margin-bottom:12px;font-weight:700;line-height:1.2}.subtitle{font-size:18px;color:var(--charcoal);margin-bottom:40px;line-height:1.6}.form-group label{display:block;font-size:17px;color:var(--forest-green);margin-bottom:10px;font-weight:600}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password]{width:100%;padding:14px 16px;border:2px solid var(--sage-green);border-radius:8px;font-family:var(--font-brand);font-size:16px;color:var(--charcoal);background:#fff;transition:all .3s}.form-group input:focus{outline:none;border-color:var(--forest-green);background:#fff;box-shadow:0 0 0 4px #2c5f4f1a}.form-group input::placeholder{color:var(--sand-beige)}.form-hint{font-size:14px;color:#b8aa8c;margin-top:6px;font-family:var(--font-ui)}.error-message{font-size:14px;color:#d32f2f;margin-top:6px;font-family:var(--font-ui)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.form-row .form-group{margin-bottom:0}.forgot-password{text-align:right;margin-bottom:24px;margin-top:-12px}.forgot-password a{font-size:14px;color:var(--sage-green);text-decoration:none;font-family:var(--font-ui);transition:color .3s}.forgot-password a:hover{color:var(--terracotta)}.btn-primary{width:100%;background:var(--terracotta)!important;color:var(--soft-cream);padding:16px 32px;border:none;border-radius:10px;font-family:var(--font-brand);font-size:18px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 16px #d4622f4d;text-decoration:none;display:block;text-align:center}.btn-primary:hover{background:#c85a3a!important;transform:translateY(-2px);box-shadow:0 6px 20px #d4622f66}.helper-box{background:var(--soft-cream);border-left:4px solid var(--sun-faded-orange);padding:20px;margin-top:32px;border-radius:8px}.helper-box p{font-size:15px;color:var(--charcoal);line-height:1.6;margin:0}.helper-box strong{color:var(--terracotta)}.toggle-auth{text-align:center;margin-top:24px;padding-top:24px;border-top:2px solid var(--warm-cream)}.toggle-auth p{font-size:15px;color:var(--charcoal);font-family:var(--font-ui);margin:0}.link-button{background:none;border:none;color:var(--terracotta);font-family:var(--font-ui);font-size:15px;font-weight:600;cursor:pointer;text-decoration:underline;padding:0;transition:color .3s}.link-button:hover{color:var(--sun-faded-orange)}.footer-links{text-align:center;margin-top:24px;padding-top:24px;border-top:2px solid var(--warm-cream)}.footer-links a{color:var(--sage-green);text-decoration:none;font-size:14px;font-family:var(--font-ui);transition:color .3s}.footer-links a:hover{color:var(--terracotta)}@media(max-width:768px){.login-card{padding:35px 25px}.login-card h1{font-size:32px}.header-content{flex-direction:column;gap:16px}.login-header{padding:20px}.login-main{padding:40px 20px}.form-row{grid-template-columns:1fr;gap:0}.form-row .form-group{margin-bottom:24px}.form-row .form-group:last-child{margin-bottom:0}}.onboarding-page{min-height:100vh;display:flex;flex-direction:column;background:var(--warm-cream)}.onboarding-header{background:#fff;padding:24px 40px;border-bottom:2px solid var(--sun-faded-orange);box-shadow:0 2px 8px #0000000d}.onboarding-header .header-content{max-width:800px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.onboarding-header .logo{font-size:36px;font-weight:700;color:var(--forest-green);font-family:var(--font-brand);text-decoration:none}.onboarding-header .logo .slash{color:var(--terracotta)}.progress-container{display:flex;align-items:center;gap:8px}.progress-step{width:40px;height:6px;background:#e8e3d6;border-radius:3px;transition:all .3s}.progress-step.active{background:var(--terracotta)}.progress-step.complete{background:var(--sage-green)}.progress-text{font-family:var(--font-ui);font-size:14px;color:var(--sand-beige);margin-left:8px}.onboarding-main{flex:1;display:flex;align-items:center;justify-content:center;padding:60px 20px}.onboarding-card{background:#fff;max-width:520px;width:100%;padding:50px;border-radius:16px;box-shadow:0 6px 24px #00000014;border:3px solid var(--sage-green)}.step-badge{display:inline-block;background:var(--soft-cream);color:var(--terracotta);padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;font-family:var(--font-ui);margin-bottom:20px;border:2px solid var(--sun-faded-orange)}.onboarding-card h1{font-size:38px;color:var(--forest-green);margin-bottom:12px;font-weight:700;line-height:1.2}.onboarding-card .subtitle{font-size:18px;color:var(--charcoal);margin-bottom:40px;line-height:1.6}.photo-upload-section{display:flex;align-items:center;gap:24px;margin-bottom:40px;padding:24px;background:var(--soft-cream);border-radius:12px;border:2px solid var(--sun-faded-orange)}.avatar-preview{width:100px;height:100px;background:linear-gradient(135deg,var(--forest-green) 0%,var(--sage-green) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--soft-cream);font-size:36px;font-weight:700;font-family:var(--font-ui);flex-shrink:0;border:4px solid white;box-shadow:0 4px 12px #2c5f4f33;overflow:hidden}.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-preview .initials{-webkit-user-select:none;user-select:none}.upload-controls{flex:1}.upload-btn{background:var(--terracotta);color:var(--soft-cream);padding:12px 24px;border:none;border-radius:8px;font-family:var(--font-brand);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 3px 10px #d4622f4d;display:block;margin-bottom:8px}.upload-btn:hover{background:#c85a3a;transform:translateY(-2px)}.upload-hint,.onboarding-card .upload-hint{font-size:14px;color:#b8aa8c;font-family:var(--font-ui);margin:0}.onboarding-card .form-group{margin-bottom:28px}.onboarding-card .form-group label{display:block;font-size:17px;color:var(--forest-green);margin-bottom:10px;font-weight:600}.optional-label,.onboarding-card .optional-label{font-size:14px;color:#b8aa8c;font-weight:400;margin-left:6px}.onboarding-card input[type=text],.onboarding-card textarea{width:100%;padding:14px 16px;border:2px solid var(--sage-green);border-radius:8px;font-family:var(--font-brand);font-size:16px;color:var(--charcoal);background:#fff;transition:all .3s;margin-bottom:0}.onboarding-card textarea{min-height:100px;resize:vertical}.onboarding-card input:focus,.onboarding-card textarea:focus{outline:none;border-color:var(--forest-green);background:#fff;box-shadow:0 0 0 4px #2c5f4f1a}.onboarding-card input::placeholder,.onboarding-card textarea::placeholder{color:var(--sand-beige)}.form-hint,.onboarding-card .form-hint{font-size:14px;color:#b8aa8c;margin-top:6px;margin-bottom:0;padding:0;font-family:var(--font-ui)}.char-count,.onboarding-card .char-count{text-align:right;font-size:13px;color:#b8aa8c;margin-top:0;margin-bottom:0;padding:0;font-family:var(--font-ui)}.bio-hint-row{display:flex;justify-content:space-between;align-items:baseline;margin-top:6px;margin-bottom:0;padding:0;gap:16px}.bio-hint-row .form-hint,.bio-hint-row .char-count{margin:0;padding:0}.onboarding-card .btn-primary{width:100%;background:var(--terracotta);color:var(--soft-cream);padding:16px 32px;border:none;border-radius:10px;font-family:var(--font-brand);font-size:18px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 16px #d4622f4d;text-decoration:none;display:block;text-align:center}.onboarding-card .btn-primary:hover{background:#c85a3a;transform:translateY(-2px);box-shadow:0 6px 20px #d4622f66}.nav-buttons{display:flex;gap:12px;margin-top:24px}.btn-back{flex:1;background:#fff;color:var(--charcoal);padding:14px 24px;border:2px solid var(--sage-green);border-radius:10px;font-family:var(--font-ui);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;text-decoration:none;display:block;text-align:center}.btn-back:hover{background:var(--warm-cream)}.btn-skip{color:var(--sage-green);background:none;border:none;text-decoration:none;font-size:15px;font-family:var(--font-ui);transition:color .3s;text-align:center;padding:12px;display:block;margin-top:12px;cursor:pointer}.btn-skip:hover{color:var(--terracotta)}@media(max-width:768px){.onboarding-card{padding:35px 25px}.onboarding-card h1{font-size:32px}.photo-upload-section{flex-direction:column;text-align:center}.onboarding-header .header-content{flex-direction:column;gap:16px}.onboarding-header{padding:20px}.onboarding-main{padding:40px 20px}}.tier-selection{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}.tier-option{background:var(--soft-cream);border:3px solid #E8E3D6;border-radius:12px;padding:24px 20px;cursor:pointer;transition:all .3s;text-align:center}.tier-option:hover{border-color:var(--sage-green);transform:translateY(-2px);box-shadow:0 4px 12px #5a827226}.tier-option.selected{border-color:var(--forest-green);background:#fff;box-shadow:0 4px 16px #2c5f4f26}.tier-name{font-size:20px;color:var(--forest-green);font-weight:700;margin-bottom:8px}.tier-price{font-size:32px;color:var(--forest-green);font-weight:700;margin-bottom:4px;font-family:var(--font-brand)}.tier-price span{font-size:16px;font-weight:400;color:var(--charcoal)}.tier-detail{font-size:15px;color:var(--charcoal)}.trial-callout{background:linear-gradient(135deg,var(--forest-green) 0%,var(--sage-green) 100%);padding:28px;border-radius:12px;margin-bottom:32px;color:var(--soft-cream);text-align:center}.trial-callout-title{font-size:24px;font-weight:700;margin-bottom:8px}.trial-callout-date{font-size:18px;margin-bottom:16px;opacity:.95}.trial-callout-detail{font-size:15px;opacity:.9;font-family:var(--font-ui);line-height:1.5}.form-row{display:grid;grid-template-columns:2fr 1fr;gap:16px}.security-badge{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--soft-cream);border-radius:8px;margin-bottom:24px;font-size:14px;color:var(--charcoal);font-family:var(--font-ui)}.security-icon{font-size:20px}.terms{font-size:13px;color:var(--sand-beige);text-align:center;margin-top:20px;font-family:var(--font-ui);line-height:1.5}.terms a{color:var(--sage-green);text-decoration:none;transition:color .3s}.terms a:hover{color:var(--terracotta)}@media(max-width:768px){.tier-selection,.form-row{grid-template-columns:1fr}}.invite-card{max-width:600px}.tip-box{background:var(--soft-cream);border-left:4px solid var(--sun-faded-orange);padding:20px;margin-bottom:32px;border-radius:8px}.tip-title{font-size:17px;color:var(--terracotta);font-weight:700;margin-bottom:8px}.tip-text{font-size:15px;color:var(--charcoal);line-height:1.6;margin:0}.invite-section{margin-bottom:32px}.invite-input-group{display:flex;gap:12px;margin-bottom:16px;align-items:center}.invite-input-group input[type=email],.invite-input-group input[type=text]{flex:1;padding:14px 16px;border:2px solid var(--sage-green);border-radius:8px;font-family:var(--font-ui);font-size:16px;color:var(--charcoal);background:#fff;transition:all .3s}.invite-input-group input:focus{outline:none;border-color:var(--forest-green);background:#fff;box-shadow:0 0 0 4px #2c5f4f1a}.invite-input-group input::placeholder{color:var(--sand-beige)}.remove-btn{width:40px;height:40px;min-width:40px;background:#fff;color:var(--charcoal);border:2px solid var(--sand-beige);border-radius:8px;font-size:24px;line-height:1;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;padding:0}.remove-btn:hover{background:#ffebee;border-color:#e57373;color:#c62828}.add-more-btn{background:#fff;color:var(--sage-green);padding:12px 24px;border:2px solid var(--sage-green);border-radius:8px;font-family:var(--font-ui);font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:8px}.add-more-btn:hover{background:var(--warm-cream);transform:translateY(-2px)}.invite-count{font-size:14px;color:#b8aa8c;margin-top:12px;font-family:var(--font-ui)}.share-section{background:linear-gradient(135deg,var(--forest-green) 0%,var(--sage-green) 100%);padding:28px;border-radius:12px;margin-bottom:32px;color:var(--soft-cream)}.share-title{font-size:20px;font-weight:700;margin-bottom:12px}.share-text{font-size:15px;margin-bottom:20px;opacity:.95}.share-link-container{display:flex;gap:12px;align-items:center}.share-link{flex:1;background:#fff3;padding:12px 16px;border-radius:8px;font-family:var(--font-ui);font-size:14px;color:var(--soft-cream);border:1px solid rgba(255,255,255,.3);word-break:break-all}.copy-btn{background:var(--terracotta);color:var(--soft-cream);padding:12px 24px;border:none;border-radius:8px;font-family:var(--font-ui);font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.copy-btn:hover{background:#c85a3a;transform:translateY(-2px)}@media(max-width:768px){.invite-input-group{flex-wrap:wrap}.invite-input-group input[type=email],.invite-input-group input[type=text]{min-width:100%}.remove-btn{margin-left:auto}.share-link-container{flex-direction:column}.copy-btn{width:100%}}.completion-page{min-height:100vh;background:linear-gradient(135deg,var(--soft-cream) 0%,var(--warm-cream) 50%,#FFF5E8 100%);display:flex;align-items:center;justify-content:center;padding:40px 20px;position:relative;overflow:hidden}.completion-page:before{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(90,130,114,.08) 0%,transparent 70%);border-radius:50%;top:-200px;right:-200px;z-index:1}.completion-page:after{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(212,98,47,.06) 0%,transparent 70%);border-radius:50%;bottom:-150px;left:-150px;z-index:1}.welcome-card{background:#fff;border-radius:24px;padding:60px 48px;max-width:640px;width:100%;box-shadow:0 20px 60px #2c5f4f1a;text-align:center;position:relative;z-index:2;animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.success-icon{font-size:80px;margin-bottom:24px;animation:popIn .8s cubic-bezier(.68,-.55,.265,1.55);display:inline-block}@keyframes popIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.welcome-card h1{font-family:var(--font-brand);font-size:42px;color:var(--forest-green);margin:0 0 16px;font-weight:400}.welcome-card .subtitle{font-family:var(--font-ui);font-size:18px;color:var(--charcoal);line-height:1.6;margin:0 0 48px}.next-steps{background:linear-gradient(135deg,var(--warm-cream) 0%,var(--soft-cream) 100%);border-radius:16px;padding:32px;margin-bottom:40px;text-align:left}.next-steps-title{font-family:var(--font-ui);font-size:20px;font-weight:700;color:var(--forest-green);margin-bottom:24px;text-align:center}.step-item{display:flex;gap:20px;margin-bottom:24px;align-items:flex-start}.step-item:last-child{margin-bottom:0}.step-number{width:40px;height:40px;min-width:40px;background:linear-gradient(135deg,var(--terracotta) 0%,var(--sun-faded-orange) 100%);color:var(--soft-cream);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-size:18px;font-weight:700}.step-content{flex:1}.step-title{font-family:var(--font-ui);font-size:17px;font-weight:700;color:var(--forest-green);margin-bottom:6px}.step-description{font-family:var(--font-ui);font-size:15px;color:var(--charcoal);line-height:1.6;opacity:.9}.cta-buttons{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.welcome-card .btn-primary,.welcome-card .btn-secondary{width:100%;padding:18px 32px;border-radius:12px;font-family:var(--font-ui);font-size:17px;font-weight:600;text-decoration:none;text-align:center;transition:all .3s;display:inline-block}.welcome-card .btn-primary{background:linear-gradient(135deg,var(--terracotta) 0%,var(--sun-faded-orange) 100%);color:var(--soft-cream);border:none;box-shadow:0 4px 12px #d4622f4d}.welcome-card .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4622f66}.welcome-card .btn-secondary{background:linear-gradient(135deg,var(--terracotta) 0%,var(--sun-faded-orange) 100%);color:var(--soft-cream);border:2px solid var(--terracotta)}.welcome-card .btn-secondary:hover{background:linear-gradient(135deg,var(--sun-faded-orange) 0%,var(--terracotta) 100%);transform:translateY(-2px)}.help-link{font-family:var(--font-ui);font-size:15px;color:var(--charcoal)}.help-link a{color:var(--terracotta);text-decoration:none;font-weight:600;transition:color .3s}.help-link a:hover{color:var(--sun-faded-orange);text-decoration:underline}@media(max-width:768px){.welcome-card{padding:40px 24px}.welcome-card h1{font-size:32px}.welcome-card .subtitle{font-size:16px}.success-icon{font-size:64px}.next-steps{padding:24px 20px}.step-number{width:36px;height:36px;min-width:36px;font-size:16px}.step-title{font-size:16px}.step-description{font-size:14px}}.sidebar-logo{font-family:var(--font-brand);font-size:42px;font-weight:700;color:var(--soft-cream);text-align:center;margin-bottom:48px;padding:0 24px;cursor:pointer;text-decoration:none;display:block}.sidebar-mobile-nav{display:none}@media(max-width:768px){.sidebar{display:none!important}.sidebar-mobile-nav{display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;background:var(--forest-green);justify-content:space-around;align-items:center;padding:8px 0 max(8px,env(safe-area-inset-bottom));box-shadow:0 -2px 10px #0000001a;z-index:1000}.sidebar-mobile-nav .nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;border-left:none;border-top:3px solid transparent;min-height:56px}.sidebar-mobile-nav .nav-item:hover{background:#faf5ed1a;border-left-color:transparent;border-top-color:var(--sun-faded-orange)}.sidebar-mobile-nav .nav-item.active{background:#d4622f26;border-left-color:transparent;border-top-color:var(--terracotta)}.sidebar-mobile-nav .nav-icon{width:24px;height:24px;margin-right:0;margin-bottom:4px}.sidebar-mobile-nav .nav-text{font-size:11px;font-weight:500}.sidebar-mobile-nav .notification-badge{position:absolute;top:4px;right:50%;transform:translate(10px)}}.top-bar-title{flex:1}.user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--forest-green) 0%,var(--sage-green) 100%);display:flex;align-items:center;justify-content:center;color:var(--soft-cream);font-family:var(--font-ui);font-weight:700;font-size:16px;cursor:pointer;transition:all .3s;border:3px solid white;box-shadow:0 2px 8px #0000001a;overflow:hidden}.user-avatar:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.logout-link{font-family:var(--font-ui);font-size:15px;color:var(--charcoal);background:none;border:none;cursor:pointer;padding:8px 16px;transition:color .3s;font-weight:500}.logout-link:hover{color:var(--terracotta)}@media(max-width:768px){.top-bar{padding:12px 16px;flex-wrap:wrap;gap:8px}.page-title{font-size:18px;flex:0 0 auto;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;order:0}.week-indicator{font-size:16px}.top-bar-actions{display:contents}.logout-link,.admin-link{display:none}.user-avatar-container{flex:0 0 auto;order:0!important;position:relative;margin-left:8px}.user-avatar{width:36px;height:36px;font-size:13px}.top-bar button{order:1;font-size:13px}}.avatar-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:2px solid var(--sand-beige);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:150px;z-index:1000;overflow:hidden}.dropdown-item{display:block;width:100%;padding:12px 16px;font-family:var(--font-ui);font-size:15px;font-weight:500;color:var(--charcoal);background:#fff;border:none;border-bottom:1px solid var(--warm-cream);text-align:left;cursor:pointer;transition:background .2s}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--warm-cream);color:var(--terracotta)}.system-update-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #4a90e2;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 4px 6px #4a90e21a;position:relative}.system-update-header{display:flex;align-items:center;margin-bottom:16px;gap:12px}.system-update-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.system-update-info{flex:1;min-width:0}.system-update-author{font-weight:600;color:#2c3e50;font-size:16px;margin-bottom:2px}.system-update-time{font-size:14px;color:#6c757d}.system-update-dismiss{background:none;border:none;font-size:28px;color:#6c757d;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0;line-height:1}.system-update-dismiss:hover{background-color:#6c757d1a;color:#495057}.system-update-content{color:#2c3e50;font-size:15px;line-height:1.6;word-wrap:break-word}.system-update-content p{margin:0 0 12px}.system-update-content p:last-child{margin-bottom:0}.system-update-content a{color:#4a90e2;text-decoration:none}.system-update-content a:hover{text-decoration:underline}.system-update-content strong{font-weight:600}.system-update-content em{font-style:italic}.system-update-content ul,.system-update-content ol{margin:12px 0;padding-left:24px}.system-update-content li{margin-bottom:6px}.week-indicator{font-family:var(--font-ui);font-size:18px;color:var(--forest-green);font-weight:600}.updates-container{max-width:800px;margin:0 auto;padding:40px 24px}.welcome-greeting{text-align:center;margin-bottom:24px}.welcome-greeting h1{font-size:32px;color:#d4622f;font-weight:700}.create-cta{background:linear-gradient(135deg,var(--terracotta) 0%,#C85A3A 100%);border-radius:16px;padding:32px;margin-bottom:40px;box-shadow:0 4px 20px #d4622f40;text-align:center;border:none;cursor:pointer;transition:all .3s;position:relative;overflow:hidden;width:100%}.create-cta:hover{transform:translateY(-2px);box-shadow:0 6px 24px #d4622f59}.create-cta-content{position:relative;z-index:1}.create-cta h2{font-family:var(--font-brand);font-size:28px;color:var(--soft-cream);margin-bottom:12px;font-weight:700}.create-cta p{font-family:var(--font-ui);font-size:16px;color:var(--soft-cream);opacity:.95;margin-bottom:20px}.btn-create{background:#fff;color:var(--terracotta);padding:14px 32px;border:none;border-radius:10px;font-family:var(--font-ui);font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;display:inline-block}.btn-create:hover{transform:scale(1.05);box-shadow:0 4px 16px #ffffff4d}.empty-state{text-align:center;padding:80px 40px;background:var(--soft-cream);border-radius:16px;border:2px dashed #E8E3D6}.empty-state h2{font-family:var(--font-brand);font-size:28px;color:var(--forest-green);margin-bottom:12px}.empty-state p{font-family:var(--font-ui);font-size:16px;color:var(--charcoal);line-height:1.6;margin-bottom:12px}.empty-hint{color:var(--sand-beige);font-style:italic}.update-card{background:#fff8f0;border-radius:16px;padding:32px;margin-bottom:32px;box-shadow:0 2px 12px #0000000f;border:2px solid #E8E3D6;transition:all .3s;width:100%;box-sizing:border-box}.update-card:hover{box-shadow:0 4px 20px #0000001a;transform:translateY(-2px);border-color:#d4622f}.update-header{display:flex;align-items:center;margin-bottom:24px;position:relative}.new-badge{position:absolute;top:0;right:0;background:#d4622f;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700;letter-spacing:.5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;box-shadow:0 2px 8px #d4622f4d}.update-header:has(.update-menu) .new-badge{right:40px}.menu-trigger{background:none;border:none;color:var(--sand-beige);font-size:20px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .3s;line-height:1}.menu-dropdown{position:absolute;top:100%;right:0;background:#fff;border:2px solid #E8E3D6;border-radius:8px;box-shadow:0 4px 16px #0000001a;min-width:160px;margin-top:4px;display:none;z-index:10}.menu-item{display:block;width:100%;padding:12px 16px;border:none;background:none;text-align:left;font-family:var(--font-ui);font-size:15px;font-weight:500;color:var(--charcoal);cursor:pointer;transition:all .3s;border-bottom:1px solid var(--warm-cream)}.update-avatar{width:56px;height:56px;border-radius:50%;background:#d4622f;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:20px;font-family:var(--font-ui);margin-right:16px;flex-shrink:0}.update-info{flex:1}.update-author{font-family:var(--font-ui);font-size:18px;font-weight:700;color:var(--forest-green);margin-bottom:2px}.update-time{font-family:var(--font-ui);font-size:14px;color:var(--sand-beige)}.update-type-badge{display:inline-flex;align-items:center;gap:6px;background:#fff8f0;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;color:#4a4a4a;margin-bottom:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;border:1px solid #E8935A}.update-type-badge span{font-size:16px}.update-content{font-family:var(--font-brand);font-size:17px;line-height:1.7;color:var(--charcoal);margin-bottom:20px;width:100%;max-width:100%;box-sizing:border-box;overflow-wrap:break-word;word-wrap:break-word}.update-content p{margin-bottom:16px}.update-content p:last-child{margin-bottom:0}.update-content.clickable:hover{color:var(--forest-green)}.update-content.preview,.text-content-wrapper.preview{max-height:240px;overflow:hidden;position:relative}.update-content.preview:after,.text-content-wrapper.preview:after{content:"";position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to bottom,transparent,#FFF8F0);pointer-events:none}.read-more{color:#d4622f;font-weight:600;text-decoration:none;font-family:var(--font-ui);font-size:15px;display:inline-block;margin-top:8px;transition:all .3s;padding:4px 0}.read-more:hover{color:#c85a3a;transform:translate(4px)}.photo-thumbnails{display:flex;gap:8px;margin:20px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.photo-thumbnails::-webkit-scrollbar{display:none}.photo-thumb{position:relative;flex-shrink:0;width:120px;height:120px;border-radius:8px;overflow:hidden;border:2px solid #E8E3D6;cursor:pointer;transition:all .3s;text-decoration:none}.photo-thumb:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026;border-color:#d4622f}.thumb-placeholder{width:100%;height:100%;object-fit:cover}.photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb-more{position:absolute;inset:0;background:#2c5f4fd9;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700;font-family:var(--font-ui)}.reactions-bar{display:flex;gap:12px;padding:16px 0;border-top:2px solid #FAF5ED;border-bottom:2px solid #FAF5ED;margin-bottom:16px;flex-wrap:wrap;justify-content:flex-start}.reaction-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:#fff;border:2px solid #E8E3D6;border-radius:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:600;color:#4a4a4a;cursor:pointer;transition:all .3s;white-space:nowrap;flex:0 0 auto}.reaction-button:hover{border-color:#5a8272;background:#faf5ed;transform:translateY(-2px)}.reaction-icon{font-size:18px}.comments-section{padding-top:4px}.comments-header{display:flex;justify-content:space-between;align-items:center}.comments-count,.comments-count-link{font-size:14px;color:#b8aa8c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;text-decoration:none;transition:color .3s}.comments-count-link:hover{color:#5a8272}.add-comment-button{background:none;border:none;color:#5a8272;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:color .3s;text-decoration:none;display:inline-block;padding:0}.add-comment-button:hover{color:#d4622f}.update-content ul,.update-content ol{margin:12px 0;padding-left:24px;width:100%;box-sizing:border-box;white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important;font-family:var(--font-brand)!important;font-size:17px!important}.update-content li{margin-bottom:8px;line-height:1.7;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:normal;width:100%;box-sizing:border-box;display:list-item;font-family:var(--font-brand)!important;font-size:17px!important}.update-content li:last-child{margin-bottom:0}.text-content-wrapper{width:100%!important;max-width:100%!important;overflow-wrap:break-word!important;word-wrap:break-word!important;word-break:break-word!important;box-sizing:border-box!important}.text-content-wrapper ul,.text-content-wrapper ol{margin:12px 0;padding-left:24px;width:100%!important;max-width:100%!important;box-sizing:border-box!important;white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important;font-family:var(--font-brand)!important;font-size:17px!important}.text-content-wrapper li{margin-bottom:8px;line-height:1.7;word-wrap:break-word!important;overflow-wrap:break-word!important;word-break:break-word!important;white-space:normal!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;display:list-item!important;font-family:var(--font-brand)!important;font-size:17px!important}.text-content-wrapper li:last-child{margin-bottom:0}.text-content-wrapper p{margin-bottom:16px;word-wrap:break-word;overflow-wrap:break-word}.text-content-wrapper p:last-child{margin-bottom:0}.update-photos{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:16px;border-radius:8px;overflow:hidden}.update-photos.single-photo{grid-template-columns:1fr}.update-photo{position:relative;aspect-ratio:1;overflow:hidden;background:var(--warm-cream)}.update-photo img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.update-photo:hover img{transform:scale(1.05)}.photo-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-ui);font-size:32px;font-weight:700}.update-video{margin-top:16px;border-radius:12px;overflow:hidden;background:#000;position:relative}.update-video video{width:100%;max-height:400px;display:block}.video-placeholder{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#2c5f4f,#1a3d31);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:16px;cursor:pointer}.play-button{width:80px;height:80px;background:#d4622fe6;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;position:relative}.play-button:hover{background:#d4622f;transform:scale(1.05)}.play-button:after{content:"";width:0;height:0;border-left:24px solid white;border-top:15px solid transparent;border-bottom:15px solid transparent;margin-left:4px}.video-placeholder-text{font-family:var(--font-ui);font-size:16px;opacity:.9}.update-audio{margin-top:16px;margin-bottom:20px}.audio-player{background:#fff8f0;border:2px solid #E8935A;border-radius:12px;padding:20px;margin-bottom:20px}.audio-player-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.audio-play-button{width:48px;height:48px;background:#d4622f;border:none;border-radius:50%;cursor:pointer;position:relative;transition:all .3s;flex-shrink:0}.audio-play-button:before{content:"▶";position:absolute;top:50%;left:52%;transform:translate(-50%,-50%);font-size:18px;color:#fff}.audio-play-button:hover{background:#c85a3a;transform:scale(1.05)}.audio-info{flex:1}.audio-duration{font-size:15px;font-weight:600;color:#2c5f4f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.audio-waveform{display:flex;align-items:center;gap:3px;height:40px}.waveform-bar{flex:1;background:#e8935a;border-radius:2px;opacity:.6;transition:all .3s}.waveform-bar:nth-child(1){height:20%}.waveform-bar:nth-child(2){height:45%}.waveform-bar:nth-child(3){height:60%}.waveform-bar:nth-child(4){height:35%}.waveform-bar:nth-child(5){height:75%}.waveform-bar:nth-child(6){height:55%}.waveform-bar:nth-child(7){height:90%}.waveform-bar:nth-child(8){height:70%}.waveform-bar:nth-child(9){height:50%}.waveform-bar:nth-child(10){height:65%}.waveform-bar:nth-child(11){height:40%}.waveform-bar:nth-child(12){height:80%}.waveform-bar:nth-child(13){height:60%}.waveform-bar:nth-child(14){height:45%}.waveform-bar:nth-child(15){height:70%}.waveform-bar:nth-child(16){height:55%}.waveform-bar:nth-child(17){height:35%}.waveform-bar:nth-child(18){height:50%}.waveform-bar:nth-child(19){height:25%}.waveform-bar:nth-child(20){height:40%}.audio-play-button.playing:before{content:"❚❚";font-size:16px}.audio-player.playing .waveform-bar{animation:wave 1.2s ease-in-out infinite}@keyframes wave{0%,to{opacity:.6}50%{opacity:1}}.waveform-bar:nth-child(odd){animation-delay:.1s}.waveform-bar:nth-child(2n){animation-delay:.2s}@media(max-width:768px){.sidebar{display:none!important}.main-content{margin-left:0;padding-bottom:80px}.top-bar{padding:16px 20px}.week-indicator{font-size:16px}.updates-container{padding:24px 16px 80px}.welcome-greeting h1{font-size:26px}.create-cta{padding:24px}.create-cta h2{font-size:24px}.update-card{padding:20px}.new-badge{right:32px;font-size:11px;padding:3px 10px}.reactions-bar{gap:8px}.reaction-button{padding:8px 14px;font-size:13px}.reaction-icon{font-size:16px}}@media(max-width:480px){.reactions-bar{gap:6px}.reaction-button{padding:6px 12px;font-size:13px}}.video-thumbnail-dashboard{position:relative}.video-thumbnail-dashboard video{pointer-events:none;width:100%;height:auto;display:block}.video-thumbnail-dashboard:hover .video-play-overlay{background:#00000080}.video-thumbnail-dashboard:hover .play-icon{transform:scale(1.1)}.update-detail-container{max-width:800px;margin:0 auto;padding:32px 24px}.back-button{display:flex;align-items:center;gap:8px;background:none;border:none;color:var(--forest-green);font-family:var(--font-ui);font-size:15px;font-weight:600;cursor:pointer;padding:12px 0;margin-bottom:24px;transition:all .3s}.back-button:hover{color:var(--sage-green);transform:translate(-4px)}.back-icon{width:20px;height:20px;fill:currentColor}.preview-banner{background:#fff8f0;border:2px solid #D4622F;border-radius:12px;padding:20px 24px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.preview-banner-content{display:flex;align-items:center;gap:16px;flex:1}.preview-banner-icon{font-size:28px;flex-shrink:0}.preview-banner-text{font-family:var(--font-ui);font-size:15px;color:var(--charcoal);line-height:1.5}.preview-banner-text strong{color:var(--terracotta);font-weight:700}.btn-post-preview{background:var(--terracotta);color:#fff;padding:12px 28px;border:none;border-radius:8px;font-family:var(--font-ui);font-size:15px;font-weight:700;cursor:pointer;transition:all .3s;white-space:nowrap;box-shadow:0 2px 8px #d4622f4d}.btn-post-preview:hover{background:#c85a3a;transform:translateY(-1px);box-shadow:0 4px 12px #d4622f66}.update-detail-card{background:var(--soft-cream);border-radius:16px;padding:40px;box-shadow:0 2px 12px #00000014;border:2px solid #E8E3D6;width:100%;box-sizing:border-box}.update-detail-header{display:flex;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #E8E3D6;position:relative}.update-avatar-large{width:64px;height:64px;border-radius:50%;background:var(--sage-green);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:24px;font-family:var(--font-ui);margin-right:16px;flex-shrink:0}.update-author-info{flex:1}.update-author-name{font-family:var(--font-brand);font-size:28px;font-weight:600;color:var(--forest-green);margin:0 0 6px}.update-timestamp{font-family:var(--font-ui);font-size:15px;color:var(--sand-beige)}.update-menu{position:absolute;top:0;right:0}.menu-trigger{background:none;border:none;color:var(--sand-beige);font-size:24px;cursor:pointer;padding:8px 12px;border-radius:6px;transition:all .3s;line-height:1}.menu-dropdown{position:absolute;top:100%;right:0;background:#fff;border:2px solid #E8E3D6;border-radius:8px;min-width:160px;box-shadow:0 4px 12px #0000001a;display:none;margin-top:4px;z-index:10}.menu-dropdown.active{display:block}.menu-item{display:block;width:100%;padding:12px 16px;background:none;border:none;text-align:left;font-family:var(--font-ui);font-size:15px;color:var(--charcoal);cursor:pointer;transition:background .3s;border-bottom:1px solid var(--warm-cream)}.menu-item.delete:hover{background:var(--soft-cream)}.update-detail-content{font-family:var(--font-brand);font-size:18px;line-height:1.8;color:var(--charcoal);margin-bottom:32px;width:100%;max-width:100%;box-sizing:border-box;overflow-wrap:break-word;word-wrap:break-word}.update-detail-content p{margin-bottom:20px}.update-detail-content p:last-child{margin-bottom:0}.update-detail-content ul,.update-detail-content ol{margin:16px 0;padding-left:28px;width:100%;box-sizing:border-box;white-space:normal!important;word-wrap:break-word!important;overflow-wrap:break-word!important;font-family:var(--font-brand)!important;font-size:18px!important}.update-detail-content ul li,.update-detail-content ol li{margin-bottom:10px;line-height:1.8;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;white-space:normal;width:100%;box-sizing:border-box;display:list-item;font-family:var(--font-brand)!important;font-size:18px!important}.update-detail-content ul li *,.update-detail-content ol li *,.update-detail-content li,.update-detail-content li *{font-family:var(--font-brand)!important;font-size:18px!important}.update-detail-content li:last-child{margin-bottom:0}.photo-gallery{margin-bottom:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.photo-item{border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #0000001a}.photo-item img{width:100%;height:auto;display:block;transition:transform .3s;cursor:pointer}.photo-item img:hover{transform:scale(1.02)}.photo-caption{padding:12px 16px;font-family:var(--font-ui);font-size:14px;color:var(--charcoal);background:#fff;margin:0}.video-container{margin-bottom:32px;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 4px 16px #00000026}.video-container video{width:100%;height:auto;display:block}.audio-container{margin-bottom:32px;padding:24px;background:#fff;border:2px solid #E8E3D6;border-radius:12px}.audio-container audio{width:100%}.reactions-section{margin-bottom:0}.reactions-bar{display:flex;gap:16px;padding:20px 0;border-top:2px solid #FAF5ED;border-bottom:2px solid #FAF5ED;margin-bottom:20px;flex-wrap:wrap;justify-content:flex-start}.reaction-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:#fff;border:2px solid #E8E3D6;border-radius:20px;font-family:var(--font-ui);font-size:15px;font-weight:600;color:#4a4a4a;cursor:pointer;transition:all .3s;white-space:nowrap;flex:0 0 auto}.reaction-button:hover{background:#faf5ed;border-color:#2c5f4f;transform:translateY(-2px)}.reaction-button.active{background:#fff8f0;border-color:#d4622f;color:#d4622f}.reaction-icon{font-size:20px}.reaction-count{margin-left:4px;padding:2px 8px;background:var(--soft-cream);border-radius:12px;font-size:13px;font-weight:700;color:var(--forest-green)}.comments-section{padding-top:0}.comments-title{font-family:var(--font-brand);font-size:24px;font-weight:600;color:var(--forest-green);margin:0 0 24px}.comments-list{margin-bottom:32px}.comment-item{display:flex;gap:12px;margin-bottom:24px;padding:20px;background:#fff;border-radius:12px;border:1px solid #E8E3D6}.comment-item:last-child{margin-bottom:0}.comment-avatar{width:40px;height:40px;min-width:40px;border-radius:50%;background:var(--sage-green);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px;font-family:var(--font-ui)}.comment-content{flex:1}.comment-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.comment-author{font-family:var(--font-ui);font-size:15px;font-weight:600;color:var(--forest-green)}.comment-timestamp{font-family:var(--font-ui);font-size:13px;color:var(--sand-beige)}.comment-text{font-family:var(--font-ui);font-size:15px;line-height:1.6;color:var(--charcoal);margin:0 0 8px}.comment-actions{display:flex;gap:12px;margin-top:8px}.btn-reply,.btn-edit-comment,.btn-delete-comment{background:none;border:none;color:var(--sage-green);font-family:var(--font-ui);font-size:13px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .3s}.btn-reply:hover,.btn-edit-comment:hover{background:var(--warm-cream);color:var(--forest-green)}.btn-delete-comment{color:var(--terracotta)}.btn-delete-comment:hover{background:var(--soft-cream);color:#c85a3a}.privacy-indicator{font-size:14px;margin-left:auto}.edited-label{font-style:italic;opacity:.8}.comment-item.reply{margin-left:52px;border-left:3px solid var(--sage-green)}.reply-indicator{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--soft-cream);border-radius:6px;margin-bottom:8px;font-family:var(--font-ui);font-size:14px;color:var(--forest-green);font-weight:500}.btn-cancel-reply{background:none;border:none;color:var(--sand-beige);font-size:20px;cursor:pointer;line-height:1;padding:0 4px;transition:color .3s}.btn-cancel-reply:hover{color:var(--charcoal)}.edit-comment-form{margin-top:8px}.edit-actions{display:flex;gap:8px;align-items:center;margin-top:8px}.btn-save-edit,.btn-cancel-edit{padding:6px 16px;border-radius:6px;font-family:var(--font-ui);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn-save-edit{background:var(--terracotta);color:#fff;border:none}.btn-save-edit:hover{background:#c85a3a}.btn-cancel-edit{background:#fff;color:var(--charcoal);border:1px solid #E8E3D6}.btn-cancel-edit:hover{background:var(--warm-cream)}.char-count{margin-left:auto;font-family:var(--font-ui);font-size:13px;color:var(--sand-beige)}.add-comment{display:flex;gap:12px;padding:24px;background:#fff;border-radius:12px;border:2px solid #E8E3D6}.comment-avatar-small{width:40px;height:40px;min-width:40px;border-radius:50%;background:var(--sage-green);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px;font-family:var(--font-ui)}.comment-input-wrapper{flex:1;display:flex;flex-direction:column;gap:12px}.comment-input{width:100%;padding:12px 16px;border:2px solid #E8E3D6;border-radius:8px;font-family:var(--font-ui);font-size:15px;color:var(--charcoal);background:var(--warm-cream);resize:vertical;min-height:80px;transition:all .3s}.comment-input:focus{outline:none;border-color:var(--forest-green);background:#fff;box-shadow:0 0 0 4px #2c5f4f1a}.comment-input::placeholder{color:var(--sand-beige)}.comment-form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:20px}.comment-submit-btn{align-self:flex-end;background:var(--terracotta);color:var(--soft-cream);padding:10px 24px;border:none;border-radius:8px;font-family:var(--font-ui);font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.comment-submit-btn:hover{background:var(--sun-faded-orange);transform:translateY(-2px);box-shadow:0 4px 12px #d4622f4d}.comment-submit-btn:disabled{background:var(--sand-beige);cursor:not-allowed;transform:none}.update-detail-loading{display:flex;min-height:100vh;background:var(--warm-cream)}.sidebar-placeholder{width:240px;background:var(--forest-green)}.content-placeholder{flex:1;display:flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-size:18px;color:var(--charcoal)}@media(max-width:768px){.update-detail-container{padding:20px 16px}.update-detail-card{padding:24px 20px}.update-avatar-large{width:52px;height:52px;font-size:20px}.update-author-name{font-size:24px}.update-detail-content{font-size:17px}.photo-gallery{grid-template-columns:1fr;gap:16px}.comments-title{font-size:20px}.comment-item{padding:16px}.add-comment{flex-direction:column;padding:16px}.comment-avatar-small{display:none}.back-button{margin-bottom:16px}.preview-banner{padding:16px 20px;margin-bottom:20px;flex-direction:column;align-items:stretch}.preview-banner-content{flex-direction:column;align-items:flex-start;gap:12px}.preview-banner-icon{font-size:24px}.preview-banner-text{font-size:14px}.btn-post-preview{width:100%;padding:12px 20px}}.lightbox-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.lightbox-close{position:absolute;top:-50px;right:0;background:none;border:none;color:#fff;font-size:36px;cursor:pointer;padding:10px;line-height:1;transition:opacity .3s;z-index:10001}.lightbox-close:hover{opacity:.7}.lightbox-photo img{max-width:90vw;max-height:85vh;width:auto;height:auto;display:block;border-radius:8px}.lightbox-caption{color:#fff;text-align:center;margin-top:16px;font-family:var(--font-ui);font-size:15px}.lightbox-video video{max-width:90vw;max-height:85vh;width:auto;height:auto;display:block;border-radius:8px}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#0009;border:none;color:#fff;font-size:48px;font-weight:300;width:60px;height:60px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:10002;-webkit-user-select:none;user-select:none}.lightbox-nav:hover{background:#000c;transform:translateY(-50%) scale(1.1)}.lightbox-prev{left:-80px}.lightbox-next{right:-80px}.lightbox-counter{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);background:#0009;color:#fff;padding:8px 16px;border-radius:20px;font-family:var(--font-ui);font-size:14px;font-weight:500;z-index:10002}@media(max-width:768px){.lightbox-nav{width:50px;height:50px;font-size:36px}.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-counter{bottom:20px}.lightbox-close{top:10px;right:10px}}.video-thumbnail{position:relative}.video-thumbnail video{pointer-events:none}.video-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;transition:background .3s}.video-thumbnail:hover .video-play-overlay{background:#00000080}.play-icon{width:80px;height:80px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:var(--forest-green);padding-left:6px;transition:transform .3s;box-shadow:0 4px 20px #0000004d}.video-thumbnail:hover .play-icon{transform:scale(1.1)}.btn-discard{background:#fff;color:var(--sage-green);padding:10px 20px;border:2px solid var(--sage-green);border-radius:8px;font-family:var(--font-ui);font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.btn-discard:hover{background:var(--warm-cream);border-color:var(--forest-green);color:var(--forest-green)}.btn-save-draft{background:#fff;color:var(--sage-green);padding:10px 20px;border:2px solid var(--sage-green);border-radius:8px;font-family:var(--font-ui);font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.btn-save-draft:hover{background:var(--warm-cream);border-color:var(--forest-green);color:var(--forest-green)}.btn-preview{background:#fff;color:var(--sage-green);padding:10px 20px;border:2px solid var(--sage-green);border-radius:8px;font-family:var(--font-ui);font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.btn-preview:hover:not(:disabled){background:var(--warm-cream);border-color:var(--forest-green);color:var(--forest-green)}.btn-preview:disabled{background:#fff;color:var(--sand-beige);border-color:var(--sand-beige);cursor:not-allowed;opacity:.6}.btn-post{background:var(--terracotta);color:#fff;padding:10px 24px;border:none;border-radius:8px;font-family:var(--font-ui);font-size:15px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #d4622f4d}.btn-post:hover:not(:disabled){background:#c85a3a;transform:translateY(-1px);box-shadow:0 4px 12px #d4622f66}.btn-post:disabled{background:var(--sand-beige);cursor:not-allowed;box-shadow:none;opacity:.6}.editor-container{max-width:800px;margin:0 auto;padding:40px 24px}.update-type-toggle{background:#fff8f0;border:2px solid #E8E3D6;border-radius:12px 12px 0 0;padding:0;margin-bottom:0;display:flex;gap:0}.toggle-option{flex:1;background:#fff8f0;border:none;border-right:2px solid #E8E3D6;padding:16px;border-radius:0;font-family:var(--font-ui);font-size:15px;font-weight:600;color:#5a8272;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}.toggle-option:first-child{border-radius:10px 0 0}.toggle-option:last-child{border-right:none;border-radius:0 10px 0 0}.toggle-option:hover{background:#faf5ed;color:#2c5f4f}.toggle-option.active{background:#fff;color:#2c5f4f;font-weight:700}.toggle-option.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#fff;z-index:1}.toggle-icon{font-size:28px;line-height:1}.toggle-label{font-size:14px}.prompt-helper{background:linear-gradient(135deg,var(--terracotta) 0%,#C85A3A 100%);border:none;padding:24px;margin-bottom:32px;border-radius:12px;position:relative;animation:slideDown .3s ease-out;box-shadow:0 4px 20px #d4622f40}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.prompt-helper-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.prompt-label{font-family:var(--font-ui);font-size:13px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.btn-dismiss{background:none;border:none;color:#fff;cursor:pointer;font-size:20px;line-height:1;padding:0;transition:color .3s;opacity:.8}.btn-dismiss:hover{opacity:1;color:#fff}.prompt-text{font-family:var(--font-brand);font-size:17px;color:#fff;line-height:1.6;margin:0;opacity:.95}.content-input-wrapper{background:#fff;border:2px solid #E8E3D6;border-top:none;border-radius:0 0 12px 12px;padding:20px;margin-bottom:24px;transition:all .3s;position:relative}.formatting-toolbar{display:flex;gap:8px;padding:0 0 22px;margin-bottom:16px;border-top:none!important;border-left:none!important;border-right:none!important;border-bottom:none!important;flex-wrap:wrap;background:#fff!important;box-shadow:none!important;outline:none!important;border-radius:0!important;position:relative}.formatting-toolbar:after{content:"";position:absolute;bottom:0;left:12px;right:12px;height:1px;background:#e8e3d6;z-index:1}.formatting-toolbar grammarly-extension,.formatting-toolbar [data-grammarly-part],.formatting-toolbar ._grammarly_inline,.content-input-wrapper grammarly-extension,.content-input-wrapper [data-grammarly-part],.content-input-wrapper ._grammarly_inline{display:none!important}.format-button{background:transparent;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-family:var(--font-ui);font-size:14px;font-weight:600;color:var(--charcoal);transition:all .3s;min-width:40px}.format-button:hover{background:var(--warm-cream)}.format-button.active{background:var(--soft-cream);color:var(--terracotta)}.toolbar-divider{width:1px;background:#e8e3d6;margin:0 8px}.text-editor{min-height:400px;font-family:var(--font-brand);font-size:17px;line-height:1.7;color:var(--charcoal);background:#fff;border:none!important;border-top:none!important;border-radius:0;outline:none;width:100%;padding:0 0 60px;margin:0;overflow-y:auto;word-wrap:break-word;box-shadow:none!important}.text-editor:empty:before{content:attr(data-placeholder);color:var(--sand-beige);pointer-events:none}.text-editor p,.text-editor div{margin:0;padding:0}.text-editor ul,.text-editor ol{margin:10px 0;padding-left:30px}.text-editor li{margin:5px 0}.autosave-indicator{font-family:var(--font-ui);font-size:13px;position:absolute;bottom:16px;left:32px;display:flex;align-items:center;gap:8px}.autosave-icon{display:inline-block;margin-right:2px;color:var(--sage-green)}.autosave-main{color:var(--sage-green);font-weight:500}.autosave-saving{color:#9ca3af;font-size:11px;font-style:italic;font-weight:400}.word-count{font-family:var(--font-ui);font-size:14px;position:absolute;bottom:16px;right:32px;font-weight:500}.word-count.normal{color:var(--sand-beige)}.word-count.soft-limit{color:var(--sage-green);font-weight:600}.word-count.warning{color:var(--sun-faded-orange);font-weight:600}.word-count.limit-reached{color:var(--terracotta);font-weight:700}.recording-area{text-align:center;padding:40px 20px}.recording-preview{width:100%;max-width:640px;height:360px;background:#1a1a1a;border-radius:12px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.video-playback-container{width:100%;height:100%;position:relative}.video-preview-element{width:100%;height:100%;object-fit:cover}.play-overlay{position:absolute;inset:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;pointer-events:auto}.play-overlay:hover{background:#0009}.play-icon-large{font-size:80px;color:#fff;margin-bottom:16px;text-shadow:0 4px 12px rgba(0,0,0,.5);transition:all .3s}.play-overlay:hover .play-icon-large{transform:scale(1.1)}.preview-label{font-family:var(--font-ui);font-size:16px;color:#fff;font-weight:600;text-shadow:0 2px 8px rgba(0,0,0,.5)}.preview-placeholder{color:var(--sand-beige);font-family:var(--font-ui);font-size:16px;display:flex;flex-direction:column;align-items:center;gap:12px}.preview-icon{font-size:64px;opacity:.5}.recording-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:16px}.btn-record{background:var(--terracotta);color:#fff;width:80px;height:80px;border:none;border-radius:50%;font-size:32px;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #d4622f4d;display:flex;align-items:center;justify-content:center}.btn-record:hover{transform:scale(1.05);box-shadow:0 6px 16px #d4622f66}.btn-record.recording{background:#c85a3a;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.recording-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 60%,transparent 100%);padding:40px 20px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;z-index:10;pointer-events:auto}.recording-overlay .btn-record{width:90px;height:90px;font-size:40px;box-shadow:0 6px 20px #0009}.recording-overlay .stop-label{color:#fff;font-family:var(--font-ui);font-size:16px;font-weight:600;text-shadow:0 2px 8px rgba(0,0,0,.8);text-align:center}.btn-secondary{background:#fff;color:var(--sage-green);padding:12px 24px;border:2px solid var(--sage-green);border-radius:8px;font-family:var(--font-ui);font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.recording-time{font-family:var(--font-ui);font-size:24px;color:var(--charcoal);font-weight:600;margin-bottom:8px}.recording-hint{font-family:var(--font-ui);font-size:14px;color:var(--sand-beige);margin-bottom:32px}.optional-description{padding:24px 32px 32px;border-top:2px solid #E8E3D6;margin-top:24px}.description-label{display:block;font-family:var(--font-ui);font-size:14px;font-weight:600;color:var(--sage-green);margin-bottom:8px}.description-textarea{width:100%;min-height:80px;border:2px solid #E8E3D6;border-radius:8px;padding:12px;font-family:var(--font-brand);font-size:16px;line-height:1.6;color:var(--charcoal);resize:vertical;outline:none;transition:all .3s}.description-textarea:focus{border-color:var(--forest-green);box-shadow:0 0 0 3px #2c5f4f1a}.description-textarea::placeholder{color:var(--sand-beige)}.character-count{font-family:var(--font-ui);font-size:12px;color:var(--sand-beige);text-align:right;margin-top:4px}.audio-recording-area{text-align:center;padding:30px 20px 60px}.audio-icon{font-size:60px;color:var(--sand-beige);margin-bottom:30px}.audio-visualizer{width:100%;max-width:400px;height:200px;margin:0 auto 32px;display:flex;align-items:center;justify-content:center;gap:4px}.visualizer-bar{width:8px;height:40px;background:#e8e3d6;border-radius:4px;transition:all .1s}.visualizer-bar.active{background:var(--forest-green);animation:visualize .5s ease-in-out infinite alternate}.visualizer-bar:nth-child(1).active{animation-delay:0s}.visualizer-bar:nth-child(2).active{animation-delay:.1s}.visualizer-bar:nth-child(3).active{animation-delay:.2s}.visualizer-bar:nth-child(4).active{animation-delay:.05s}.visualizer-bar:nth-child(5).active{animation-delay:.15s}.visualizer-bar:nth-child(6).active{animation-delay:.25s}.visualizer-bar:nth-child(7).active{animation-delay:.1s}.visualizer-bar:nth-child(8).active{animation-delay:.2s}.visualizer-bar:nth-child(9).active{animation-delay:.05s}.visualizer-bar:nth-child(10).active{animation-delay:.15s}@keyframes visualize{0%{height:40px;background:var(--sage-green)}to{height:120px;background:var(--forest-green)}}.audio-playback{margin-top:32px;padding-top:32px;border-top:2px solid #E8E3D6}.audio-player-element{width:100%;max-width:500px;height:54px}.media-attachments{margin-top:0;padding-top:0;border-top:none;margin-bottom:24px}.media-attachments-container{background:#fff;border:2px solid #E8E3D6;border-radius:12px;padding:24px}.attachments-header{font-family:var(--font-ui);font-size:16px;font-weight:600;color:#2c5f4f;margin-bottom:16px}.upload-area{background:#fff8f0;border:2px dashed #E8E3D6;border-radius:12px;padding:48px 32px;text-align:center;cursor:pointer;transition:all .3s}.upload-area:hover{background:#faf5ed;border-color:#2c5f4f}.upload-area.drag-active{background:#faf5ed;border-color:#2c5f4f;border-width:3px}.upload-icon-svg{margin:0 auto 16px;display:block}.upload-area:hover .upload-icon-svg path,.upload-area:hover .upload-icon-svg rect,.upload-area:hover .upload-icon-svg circle{stroke:#2c5f4f}.upload-area:hover .upload-icon-svg circle{fill:#2c5f4f}.upload-prompt{font-family:var(--font-ui);font-size:16px;color:#4a4a4a;margin-bottom:12px}.upload-action{color:#2c5f4f;font-weight:600;text-decoration:underline;text-decoration-color:#2c5f4f;text-decoration-thickness:2px;text-underline-offset:2px}.upload-specs{font-family:var(--font-ui);font-size:13px;color:#b8aa8c}.upload-thumbnails{margin-top:24px;padding-top:24px;border-top:2px solid #E8E3D6;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.thumbnail-item{position:relative;width:100px;height:100px;border-radius:8px;overflow:hidden;background:#fff;border:2px solid #E8E3D6}.thumbnail-item img,.thumbnail-item video{width:100%;height:100%;object-fit:cover}.thumbnail-remove{position:absolute;top:4px;right:4px;background:#d4622fe6;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s}.thumbnail-remove:hover{background:#d4622f;transform:scale(1.1)}.media-notice{font-family:var(--font-ui);font-size:14px;color:var(--sage-green);background:#e8f5f1;padding:12px 16px;border-radius:8px;margin-top:16px;text-align:center;font-weight:500}.additional-options{background:#fff;border:2px solid #E8E3D6;border-radius:12px;padding:24px;margin-bottom:24px}.option-row{display:flex;justify-content:space-between;align-items:center}.option-label{font-family:var(--font-ui);font-size:16px;font-weight:600;color:#4a4a4a;margin-bottom:4px}.option-description{font-family:var(--font-ui);font-size:14px;color:#b8aa8c}.btn-option{background:#fff;color:#5a8272;padding:10px 20px;border:2px solid #5A8272;border-radius:8px;font-family:var(--font-ui);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn-option:hover{background:#faf5ed;border-color:#2c5f4f;color:#2c5f4f}@media(max-width:768px){.upload-drag-text{display:none}.upload-note-desktop{display:none!important}.editor-container{padding:24px 16px}.btn-discard,.btn-save-draft,.btn-preview,.btn-post{padding:8px 16px;font-size:14px}.toggle-option{padding:12px 8px}.toggle-icon{font-size:24px}.toggle-label{font-size:12px}.content-input-wrapper{padding:20px}.text-editor{min-height:300px;font-size:16px}.formatting-toolbar{gap:2px}.format-button{padding:6px 10px;font-size:13px;min-width:36px}.autosave-indicator,.word-count{font-size:12px}.recording-preview{height:240px}.btn-record{width:70px;height:70px;font-size:28px}.prompt-helper{padding:16px}.prompt-text{font-size:15px}.media-attachments-container{padding:20px 16px}.attachments-header{font-size:15px}.upload-area{padding:32px 20px}.upload-thumbnails{gap:8px}.thumbnail-item{width:80px;height:80px}}.audience-reminder{background:#fff8f0;border:2px solid var(--sun-faded-orange);padding:20px;border-radius:12px;text-align:center;margin-bottom:32px}.audience-icon{font-size:24px;margin-bottom:8px}.audience-text{font-size:16px;color:var(--charcoal);font-family:var(--font-ui)}.audience-count{font-weight:700;color:var(--terracotta)}.filter-tabs{background:#fff;border-bottom:2px solid #E8E3D6;padding:0 40px;display:flex;gap:8px}.filter-tab{background:none;border:none;padding:16px 20px;font-family:var(--font-ui);font-size:15px;font-weight:600;color:var(--sand-beige);cursor:pointer;transition:all .3s;position:relative}.filter-tab:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:transparent;transition:background .3s}.filter-tab:hover{color:var(--sage-green)}.filter-tab.active{color:var(--forest-green)}.filter-tab.active:after{background:var(--terracotta)}.filter-tab .count{display:inline-block;background:#e8e3d6;color:var(--sage-green);font-size:12px;padding:2px 8px;border-radius:10px;margin-left:6px;font-weight:700}.filter-tab.active .count{background:var(--terracotta);color:#fff}.top-bar-actions{display:flex;align-items:center;gap:12px}.btn-mark-read{background:none;border:none;color:var(--sage-green);font-family:var(--font-ui);font-size:14px;font-weight:600;cursor:pointer;padding:8px 12px;border-radius:6px;transition:all .3s}.btn-mark-read:hover{background:var(--warm-cream);color:var(--forest-green)}.btn-clear-all{background:none;border:none;color:var(--sand-beige);font-family:var(--font-ui);font-size:14px;font-weight:600;cursor:pointer;padding:8px 12px;border-radius:6px;transition:all .3s}.btn-clear-all:hover{background:var(--soft-cream);color:var(--charcoal)}.notifications-container{max-width:800px;margin:0 auto;padding:0}.date-separator{padding:24px 40px 12px;font-family:var(--font-ui);font-size:13px;font-weight:600;color:var(--sage-green);text-transform:uppercase;letter-spacing:.5px;background:var(--warm-cream)}.notification-item{background:#fff;border-bottom:1px solid #E8E3D6;padding:20px 40px;display:flex;gap:16px;align-items:start;transition:all .3s;cursor:pointer;position:relative}.notification-item:hover{background:#fff8f0}.notification-item.unread{background:#fff8f0;border-left:4px solid var(--terracotta);padding-left:36px}.notification-item.unread:hover{background:#fff4e6}.notification-item.reminder{background:linear-gradient(135deg,#fff8f0,#fffbf5);border-left:4px solid var(--sun-faded-orange);padding-left:36px}.notification-item.reminder:hover{background:linear-gradient(135deg,#fff4e6,#fff8f0)}.notification-item.reminder .notification-avatar{background:linear-gradient(135deg,var(--sun-faded-orange),var(--terracotta))!important;box-shadow:0 2px 8px #d4622f33}.unread-indicator{width:10px;height:10px;background:var(--terracotta);border-radius:50%;position:absolute;left:16px;top:28px}.notification-avatar{width:48px;height:48px;min-width:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-ui);font-size:16px;font-weight:700;color:#fff;flex-shrink:0;text-transform:uppercase}.notification-content{flex:1;min-width:0}.notification-message{font-family:var(--font-ui);font-size:16px;line-height:1.6;color:var(--charcoal);margin:0 0 4px}.notification-message strong{font-weight:600;color:var(--forest-green)}.notification-preview{font-family:var(--font-brand);font-size:15px;color:var(--sand-beige);margin:8px 0 0;line-height:1.5;font-style:italic}.notification-time{font-family:var(--font-ui);font-size:13px;color:var(--sand-beige);margin-top:8px;display:block}.notification-group{background:#fff;border-bottom:1px solid #E8E3D6;padding:20px 40px}.notification-group.unread{background:#fff8f0;border-left:4px solid var(--terracotta);padding-left:36px}.group-header{display:flex;align-items:center;gap:16px;cursor:pointer}.group-avatar-stack{display:flex;flex-shrink:0}.group-avatar-stack .notification-avatar{width:40px;height:40px;min-width:40px;font-size:14px;margin-left:-12px;border:3px solid white}.group-avatar-stack .notification-avatar:first-child{margin-left:0}.group-content{flex:1}.group-text{font-family:var(--font-ui);font-size:16px;color:var(--charcoal);line-height:1.6;margin:0}.group-text strong{font-weight:600;color:var(--forest-green)}.group-time{font-family:var(--font-ui);font-size:13px;color:var(--sand-beige);margin-top:4px}.group-items{padding-left:56px;margin-top:12px}.group-item{padding:12px 0;border-bottom:1px solid #E8E3D6}.group-item:last-child{border-bottom:none}.group-item-author{font-family:var(--font-ui);font-size:14px;font-weight:600;color:var(--forest-green);margin-bottom:4px}.group-item-text{font-family:var(--font-ui);font-size:15px;color:var(--charcoal);line-height:1.5}.empty-state{text-align:center;padding:80px 40px}.empty-icon{font-size:64px;margin-bottom:24px}.empty-state h2{font-family:var(--font-brand);font-size:24px;color:var(--forest-green);font-weight:700;margin-bottom:12px}.empty-state p{font-family:var(--font-ui);font-size:16px;color:var(--sage-green);max-width:400px;margin:0 auto;line-height:1.6}@media(max-width:768px){.filter-tabs{padding:0 20px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;position:relative;max-width:100vw;box-sizing:border-box}.filter-tabs::-webkit-scrollbar{display:none}.filter-tabs:after{content:"";position:absolute;top:0;right:0;bottom:2px;width:40px;background:linear-gradient(to right,#fff0,#fff);pointer-events:none}.filter-tab{padding:14px 16px;font-size:14px;flex-shrink:0}.date-separator{padding:20px 20px 10px}.notification-item{padding:16px 20px}.notification-item.unread{padding-left:16px}.unread-indicator{left:8px;top:24px}.notification-avatar{width:40px;height:40px;min-width:40px;font-size:14px}.notification-group{padding:16px 20px}.notification-group.unread{padding-left:16px}.group-items{padding-left:0}}.sidebar-logo{font-family:var(--font-brand);font-size:42px;font-weight:700;color:var(--soft-cream);text-align:center;margin-bottom:48px;padding:0 24px;cursor:pointer}.nav-items{flex:1}.nav-item:hover{background:#faf5ed1a;border-left-color:var(--sun-faded-orange)}.nav-icon{width:24px;height:24px;margin-right:12px;fill:currentColor}.main-content{margin-left:240px;flex:1;padding:0;min-height:100vh}.page-title-top{font-family:var(--font-brand);font-size:24px;color:var(--forest-green);font-weight:700;margin:0}.top-bar-actions{display:flex;align-items:center;gap:20px}.user-avatar:hover{transform:scale(1.05);box-shadow:0 2px 8px #2c5f4f4d}.circle-container{max-width:1000px;margin:32px auto;padding:48px;background:var(--soft-cream);border-radius:16px;box-shadow:0 2px 12px #00000014;border:2px solid #E8E3D6}.circle-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:24px;border-bottom:2px solid #E8E3D6}.circle-title-section{flex:1}.circle-title{font-family:var(--font-brand);font-size:36px;font-weight:700;color:var(--forest-green);margin:0 0 8px}.circle-subtitle{font-family:var(--font-ui);font-size:16px;color:var(--sand-beige);margin:0}.btn-invite-primary{display:flex;align-items:center;gap:8px;background:var(--terracotta);color:#fff;padding:14px 28px;border:none;border-radius:10px;font-family:var(--font-ui);font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #d4622f4d}.btn-invite-primary:hover{background:#c85a3a;transform:translateY(-2px);box-shadow:0 4px 12px #d4622f66}.invite-icon{font-size:20px;font-weight:700;line-height:1}.circle-empty-state{text-align:center;padding:80px 40px;background:#fff;border-radius:12px;border:2px dashed #E8E3D6}.empty-icon{font-size:72px;margin-bottom:24px}.circle-empty-state h2{font-family:var(--font-brand);font-size:32px;color:var(--forest-green);margin:0 0 12px}.circle-empty-state p{font-family:var(--font-ui);font-size:17px;color:var(--charcoal);line-height:1.6;max-width:500px;margin:0 auto 32px}.btn-invite-empty{display:inline-flex;align-items:center;gap:10px;background:var(--terracotta);color:#fff;padding:16px 32px;border:none;border-radius:12px;font-family:var(--font-ui);font-size:17px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 16px #d4622f4d}.btn-invite-empty:hover{background:#c85a3a;transform:translateY(-2px);box-shadow:0 6px 20px #d4622f66}.members-section{margin-bottom:48px}.members-section:last-of-type{margin-bottom:40px}.section-title{font-family:var(--font-brand);font-size:22px;font-weight:600;color:var(--forest-green);margin:0 0 24px}.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.member-card{background:#fff;border:2px solid #E8E3D6;border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;position:relative;transition:all .3s}.member-card:hover{border-color:var(--sage-green);box-shadow:0 4px 12px #00000014}.member-card.pending{background:var(--warm-cream)}.member-avatar{width:56px;height:56px;min-width:56px;border-radius:50%;background:var(--sage-green);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-ui);font-size:20px;font-weight:700;flex-shrink:0}.member-avatar.pending{background:var(--sand-beige);opacity:.7}.member-info{flex:1;min-width:0;padding-right:30px}.member-name{font-family:var(--font-ui);font-size:18px;font-weight:600;color:var(--forest-green);margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-family:var(--font-ui);font-size:13px;font-weight:700;letter-spacing:.3px}.member-badge.active{background:#d4f4dd;color:#2c5f4f}.member-badge.pending{background:#ffe8d1;color:#c85a3a}.member-date{font-family:var(--font-ui);font-size:14px;color:var(--sand-beige);margin:8px 0 0}.member-menu{position:absolute;top:20px;right:20px}.menu-trigger{background:none;border:none;color:var(--sand-beige);font-size:24px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .3s;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.menu-trigger:hover{background:var(--warm-cream);color:var(--charcoal)}.menu-dropdown{position:absolute;top:100%;right:0;background:#fff;border:2px solid #E8E3D6;border-radius:8px;box-shadow:0 4px 16px #00000026;min-width:200px;margin-top:4px;display:none!important;z-index:10}.menu-dropdown.active{display:block!important}.menu-item{display:block;width:100%;padding:14px 18px;border:none;background:none;text-align:left;font-family:var(--font-ui);font-size:15px;font-weight:500;color:var(--charcoal);cursor:pointer;transition:all .3s;border-bottom:1px solid var(--warm-cream)}.menu-item:last-child{border-bottom:none}.menu-item:hover{background:var(--warm-cream)}.menu-item.delete{color:var(--terracotta)}.menu-item.delete:hover{background:#d4622f1a}.circle-helper-box{background:linear-gradient(135deg,#2c5f4f0d,#7698760d);border:2px solid var(--sage-green);border-radius:12px;padding:24px 28px}.circle-helper-box h3{font-family:var(--font-brand);font-size:18px;font-weight:600;color:var(--forest-green);margin:0 0 16px}.circle-helper-box ul{margin:0;padding:0 0 0 20px}.circle-helper-box li{font-family:var(--font-ui);font-size:15px;line-height:1.7;color:var(--charcoal);margin-bottom:8px}.circle-helper-box li:last-child{margin-bottom:0}.modal-overlay{position:fixed;inset:0;background:#2c5f4fb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:16px;max-width:500px;width:100%;box-shadow:0 20px 60px #2c5f4f66;animation:slideUp .3s ease;position:relative}.modal-content.invite-modal{max-width:560px;max-height:90vh;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:32px 32px 24px;border-bottom:2px solid #E8E3D6;position:relative}.modal-title{font-family:var(--font-brand);font-size:28px;font-weight:700;color:var(--forest-green);margin:0 0 8px}.modal-subtitle{font-family:var(--font-ui);font-size:16px;color:var(--sage-green);line-height:1.6;margin:0}.modal-close{position:absolute;top:24px;right:24px;background:none;border:none;color:var(--sand-beige);font-size:28px;cursor:pointer;line-height:1;padding:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s}.modal-close:hover{background:var(--warm-cream);color:var(--charcoal)}.modal-body{padding:32px}.info-box{background:#fff8f0;border-left:4px solid var(--terracotta);padding:20px;border-radius:8px;margin-bottom:28px}.info-box-title{font-family:var(--font-ui);font-size:15px;font-weight:600;color:var(--terracotta);margin-bottom:8px}.info-box-text{font-size:15px;color:var(--charcoal);line-height:1.6;margin:0}.form-group{margin-bottom:28px}.form-label{display:block;font-family:var(--font-ui);font-size:14px;font-weight:600;color:var(--forest-green);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.form-input{width:100%;padding:14px 16px;border:2px solid #E8E3D6;border-radius:10px;font-family:var(--font-ui);font-size:16px;color:var(--charcoal);background:#fff;transition:all .3s;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--forest-green);box-shadow:0 0 0 3px #2c5f4f1a}.form-input::placeholder{color:var(--sand-beige)}.form-textarea{min-height:120px;resize:vertical;font-family:Georgia,Times New Roman,serif;line-height:1.7}.form-hint{font-family:var(--font-ui);font-size:14px;color:var(--sage-green);margin:8px 0 0;line-height:1.5}.char-counter{font-family:var(--font-ui);font-size:13px;color:var(--sand-beige);text-align:right;margin-top:6px}.char-counter.warning{color:var(--terracotta)}.modal-footer{padding:24px 32px 32px;display:flex;gap:12px;justify-content:flex-end;border-top:2px solid #E8E3D6}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:28px}.btn-primary,.btn-secondary,.btn-danger{padding:12px 24px;border-radius:8px;font-family:var(--font-ui);font-size:15px;font-weight:700;cursor:pointer;transition:all .3s}.btn-primary{background:var(--terracotta);color:#fff;border:none;box-shadow:0 2px 8px #d4622f4d}.btn-primary:hover{background:#c85a3a;transform:translateY(-1px);box-shadow:0 4px 12px #d4622f66}.btn-primary:disabled{background:var(--sand-beige);cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:#fff;color:var(--sage-green);border:2px solid var(--sage-green);font-weight:600}.btn-secondary:hover{background:var(--warm-cream);border-color:var(--forest-green);color:var(--forest-green)}.btn-danger{background:var(--terracotta);color:#fff;box-shadow:0 2px 8px #d4622f4d}.btn-danger:hover{background:#b84d2f;transform:translateY(-1px);box-shadow:0 4px 12px #d4622f66}.confirm-dialog{max-width:450px}.confirm-message{font-family:var(--font-ui);font-size:16px;line-height:1.7;color:var(--charcoal);margin:0}.confirm-message strong{color:var(--forest-green);font-weight:600}@media(max-width:768px){.sidebar{display:none!important}.main-content{margin-left:0;padding-bottom:80px}.top-bar{padding:16px 20px}.page-title-top{font-size:20px}.circle-container{margin:24px 16px;padding:28px 20px}.circle-header{flex-direction:column;align-items:flex-start;gap:20px}.btn-invite-primary{width:100%;justify-content:center}.circle-title{font-size:28px}.members-grid{grid-template-columns:1fr;gap:16px}.member-card{padding:20px}.member-avatar{width:48px;height:48px;min-width:48px;font-size:18px}.member-name{font-size:16px}.section-title{font-size:20px}.circle-empty-state{padding:60px 24px}.circle-empty-state h2{font-size:26px}.circle-empty-state p{font-size:16px}.circle-helper-box{padding:20px}.circle-helper-box h3{font-size:17px}.circle-helper-box li{font-size:14px}.modal-content{max-width:100%;margin:0 16px;max-height:calc(100vh - 32px)}.modal-header{padding:24px 24px 20px}.modal-title{font-size:24px;padding-right:32px}.modal-subtitle{font-size:15px}.modal-close{top:20px;right:20px}.modal-body{padding:24px}.modal-footer{padding:20px 24px 24px;flex-direction:column-reverse}.modal-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary,.btn-danger{width:100%;justify-content:center}}.app-container{display:flex;min-height:100vh;background:var(--warm-cream)}.sidebar{width:240px;background:var(--forest-green);color:var(--soft-cream);padding:32px 0;position:fixed;height:100vh;left:0;top:0;display:flex;flex-direction:column;z-index:1000}.sidebar-logo{font-family:var(--font-brand);font-size:42px;font-weight:700;color:var(--soft-cream);text-align:center;margin-bottom:48px;padding:0 24px;cursor:pointer;transition:opacity .3s}.sidebar-logo:hover{opacity:.8}.sidebar-logo .slash{color:var(--terracotta)}.nav-items{display:flex;flex-direction:column}.nav-item{display:flex;align-items:center;padding:16px 24px;color:var(--soft-cream);text-decoration:none;font-family:var(--font-ui);font-size:16px;font-weight:500;transition:all .3s;border-left:4px solid transparent;position:relative}.nav-item:hover{background:#d4622f1a;border-left-color:#d4622f4d}.nav-item.active{background:#d4622f26;border-left-color:var(--terracotta);font-weight:600}.nav-icon{width:20px;height:20px;margin-right:12px;fill:currentColor}.notification-badge{position:absolute;right:24px;background:var(--terracotta);color:#fff;font-size:11px;padding:2px 6px;border-radius:10px;font-weight:700}.main-content{margin-left:240px;flex:1;min-height:100vh}.top-bar{background:#fff;border-bottom:2px solid #E8E3D6;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.page-title{font-family:var(--font-brand);font-size:28px;color:var(--forest-green);font-weight:700;margin:0}.top-bar-actions{display:flex;gap:12px;align-items:center}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--sage-green);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-family:var(--font-ui);cursor:pointer;transition:all .3s;overflow:hidden}.user-avatar:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.user-avatar img{width:100%;height:100%;object-fit:cover}.settings-container{max-width:900px;margin:0 auto;padding:40px 24px}.success-message{background:#e8f5f1;border:2px solid var(--sage-green);border-radius:8px;padding:12px 16px;margin-bottom:20px;display:flex;align-items:center;gap:12px;color:var(--forest-green);font-family:var(--font-ui);font-size:14px;font-weight:600;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.success-message svg{width:20px;height:20px;fill:var(--sage-green);flex-shrink:0}.settings-section{background:#fff;border-radius:12px;padding:32px;margin-bottom:24px;box-shadow:0 2px 8px #0000000f;border:1px solid #E8E3D6}.section-header{margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--warm-cream)}.section-title{font-family:var(--font-brand);font-size:22px;color:var(--forest-green);font-weight:700;margin:0 0 8px}.section-description{font-family:var(--font-ui);font-size:15px;color:#b8aa8c;margin:0;line-height:1.5}.setting-group{margin-bottom:28px}.setting-group:last-child{margin-bottom:0}.setting-label{display:block;font-family:var(--font-ui);font-size:15px;font-weight:600;color:var(--forest-green);margin-bottom:8px}.setting-hint{font-family:var(--font-ui);font-size:13px;color:#b8aa8c;margin-top:6px;line-height:1.5}.form-input{width:100%;max-width:100%;padding:12px 16px;border:2px solid #E8E3D6;border-radius:8px;font-family:var(--font-brand);font-size:16px;color:#4a4a4a;background:#fff;transition:all .3s;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--sage-green);box-shadow:0 0 0 3px #5a82721a}.form-textarea{min-height:100px;resize:vertical;font-family:var(--font-brand)}.profile-photo-upload{display:flex;align-items:flex-start;gap:24px}.profile-photo-preview{width:80px;height:80px;border-radius:50%;background:var(--sage-green);display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:700;flex-shrink:0;overflow:hidden}.profile-photo-preview img{width:100%;height:100%;object-fit:cover}.profile-photo-actions{flex:1;display:flex;flex-direction:column;gap:12px;align-items:flex-start}.btn-upload-photo{background:var(--forest-green);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-family:var(--font-ui);font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.btn-upload-photo:hover{background:#245647;transform:translateY(-1px);box-shadow:0 4px 12px #2c5f4f4d}.btn-upload-photo:active{transform:translateY(0)}.btn-remove-photo{background:none;color:var(--terracotta);border:none;padding:8px 16px;border-radius:8px;font-family:var(--font-ui);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn-remove-photo:hover{background:#fff8f0}.btn-remove{background:none;color:var(--terracotta);border:none;padding:10px 20px;border-radius:8px;font-family:var(--font-ui);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;align-self:flex-start}.btn-remove:hover{background:#fff8f0}.account-status{display:inline-flex;align-items:center;gap:8px;background:#fff8f0;padding:8px 16px;border-radius:8px;border:1px solid #E8935A}.status-icon{width:20px;height:20px;border-radius:50%;background:var(--sage-green);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700}.status-text{font-family:var(--font-ui);font-size:14px;color:var(--forest-green);font-weight:600}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-option{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:all .3s}.radio-option:hover{background:#fff8f0}.radio-option input[type=radio]{margin-top:4px;width:18px;height:18px;accent-color:var(--sage-green);cursor:pointer;flex-shrink:0}.radio-option-content{flex:1}.radio-option-label{font-family:var(--font-ui);font-size:15px;font-weight:600;color:var(--forest-green);margin-bottom:4px}.radio-option-description{font-family:var(--font-ui);font-size:14px;color:#b8aa8c;line-height:1.5}.toggle-setting{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:16px 0}.toggle-info{flex:1}.toggle-label{font-family:var(--font-ui);font-size:15px;font-weight:600;color:var(--forest-green);margin-bottom:6px}.toggle-description{font-family:var(--font-ui);font-size:14px;color:#b8aa8c;line-height:1.5}.toggle-switch{position:relative;width:52px;height:30px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#e8e3d6;transition:.3s;border-radius:30px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--sage-green)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.interest-tags{display:flex;flex-wrap:wrap;gap:10px}.interest-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:#fff8f0;border:2px solid #E8935A;border-radius:20px;font-family:var(--font-ui);font-size:14px;font-weight:600;color:var(--forest-green)}.interest-tag-remove{background:none;border:none;color:var(--terracotta);cursor:pointer;font-size:18px;line-height:1;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s}.interest-tag-remove:hover{background:var(--terracotta);color:#fff}.btn-add-interest{background:none;border:2px dashed var(--sage-green);color:var(--sage-green);padding:8px 14px;border-radius:20px;font-family:var(--font-ui);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.btn-add-interest:hover{background:#fff8f0;border-color:var(--forest-green);color:var(--forest-green)}.btn-primary{background:var(--terracotta);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-family:var(--font-ui);font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary:hover{background:#c85a3a;transform:translateY(-1px);box-shadow:0 4px 12px #d4622f4d}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fff;color:var(--forest-green);border:2px solid var(--forest-green);padding:12px 24px;border-radius:8px;font-family:var(--font-ui);font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.btn-secondary:hover{background:var(--forest-green);color:#fff}.btn-danger{background:none;color:var(--terracotta);border:2px solid var(--terracotta);padding:12px 24px;border-radius:8px;font-family:var(--font-ui);font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.btn-danger:hover{background:var(--terracotta);color:#fff}.button-group{display:flex;gap:12px;margin-top:20px}.organizer-only{border-left:4px solid #E8935A;padding-left:20px}.organizer-badge{display:inline-block;background:#e8935a;color:#fff;padding:4px 10px;border-radius:4px;font-family:var(--font-ui);font-size:12px;font-weight:700;margin-left:8px;text-transform:uppercase;letter-spacing:.5px;vertical-align:middle}.privacy-description{font-family:var(--font-ui);font-size:15px;color:#4a4a4a;margin-bottom:16px;line-height:1.6}.privacy-summary{font-family:var(--font-ui);font-size:14px;color:#b8aa8c;margin-bottom:12px;line-height:1.6}.policy-links,.support-links{display:flex;gap:16px;flex-wrap:wrap}.policy-link{color:var(--sage-green);text-decoration:underline;font-family:var(--font-ui);font-size:14px;transition:color .3s}.policy-link:hover{color:var(--forest-green)}.danger-zone{background:#fff8f0;border:2px solid var(--terracotta);border-radius:12px;padding:24px;margin-top:40px}.danger-zone-title{font-family:var(--font-brand);font-size:18px;color:var(--terracotta);font-weight:700;margin-bottom:12px}.danger-zone-description{font-family:var(--font-ui);font-size:14px;color:#4a4a4a;margin-bottom:20px;line-height:1.6}@media(max-width:768px){.sidebar{display:none!important}.main-content{margin-left:0;padding-bottom:80px;max-width:100vw;overflow-x:hidden}.nav-item{flex-direction:column;padding:12px 16px;font-size:12px;border-left:none;border-bottom:3px solid transparent;white-space:nowrap}.nav-item.active{border-left:none;border-bottom-color:var(--terracotta)}.nav-icon{margin-right:0;margin-bottom:4px}.main-content{margin-left:0}.settings-container{padding:20px 16px 80px;max-width:100%;box-sizing:border-box}.settings-section{padding:24px 20px;max-width:100%;box-sizing:border-box}.top-bar{padding:16px 20px}.page-title{font-size:24px}.button-group{flex-direction:column}.button-group button{width:100%}.profile-photo-upload{flex-direction:column;align-items:flex-start}.profile-photo-actions{width:100%}.toggle-setting{flex-direction:column;align-items:flex-start}.policy-links,.support-links{flex-direction:column}}.welcome-editor-container{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a}.welcome-editor-header{margin-bottom:24px}.welcome-editor-header h2{margin:0 0 8px;font-size:24px;color:#333}.welcome-editor-header p{margin:0;color:#666;font-size:14px}.welcome-editor-content{margin-bottom:24px}.formatting-toolbar{display:flex;gap:8px;padding:12px;background:#f5f5f5;border-radius:8px 8px 0 0;border:1px solid #ddd;border-bottom:none}.format-button{background:#fff;border:1px solid #ddd;border-radius:4px;padding:8px 12px;cursor:pointer;font-size:14px;transition:all .2s;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center}.format-button:hover{background:#e0e0e0;border-color:#999}.format-button:active{background:#d0d0d0}.toolbar-divider{width:1px;background:#ddd;margin:0 8px}.text-editor{min-height:300px;max-height:600px;overflow-y:auto;padding:16px;border:1px solid #ddd;border-radius:0 0 8px 8px;background:#fff;font-size:16px;line-height:1.6;outline:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.text-editor:focus{border-color:#007bff}.text-editor[data-placeholder]:empty:before{content:attr(data-placeholder);color:#999;font-style:italic}.text-editor p{margin:0 0 12px}.text-editor p:last-child{margin-bottom:0}.text-editor ul,.text-editor ol{margin:0 0 12px;padding-left:24px}.text-editor li{margin-bottom:4px}.text-editor strong{font-weight:600}.text-editor em{font-style:italic}.text-editor u{text-decoration:underline}.word-count{text-align:right;font-size:14px;color:#666;margin-top:8px}.photo-section{margin-top:24px;padding-top:24px;border-top:1px solid #eee}.photo-section h3{margin:0 0 16px;font-size:18px;color:#333}.photo-upload-area{display:flex;flex-direction:column;gap:16px}.photo-preview{position:relative;display:inline-block}.photo-preview img{max-width:400px;max-height:300px;border-radius:8px;border:1px solid #ddd;display:block}.btn-remove-photo{margin-top:12px;padding:8px 16px;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background .2s}.btn-remove-photo:hover{background:#c82333}.upload-progress{margin-top:16px;padding:16px;background:#f8f9fa;border-radius:8px}.progress-bar{width:100%;height:20px;background:#e9ecef;border-radius:10px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:#007bff;transition:width .3s}.welcome-editor-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1px solid #eee}.loading{text-align:center;padding:40px;color:#666}.error-banner{background:#f8d7da;color:#721c24;padding:12px 16px;border-radius:4px;margin-bottom:16px;border:1px solid #f5c6cb}.success-banner{background:#d4edda;color:#155724;padding:12px 16px;border-radius:4px;margin-bottom:16px;border:1px solid #c3e6cb}.btn-primary{padding:10px 24px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:500;transition:background .2s}.btn-primary:hover:not(:disabled){background:#0056b3}.btn-primary:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.btn-secondary{padding:10px 24px;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:500;transition:background .2s}.btn-secondary:hover:not(:disabled){background:#545b62}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.admin-container{padding:2rem;max-width:1400px;margin:0 auto}.admin-header{margin-bottom:2rem}.admin-header h1{margin:0 0 .5rem;font-size:2rem;color:#333}.admin-header p{margin:0;color:#666;font-size:1rem}.error-banner{background-color:#fee;border:1px solid #fcc;color:#c00;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.success-banner{background-color:#efe;border:1px solid #cfc;color:#060;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.admin-welcome-section{margin-bottom:2.5rem;background:#f8f9fa;padding:1.5rem;border-radius:12px}.admin-welcome-section .section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.admin-welcome-section .section-header h2{margin:0 0 .5rem;font-size:1.5rem;color:#333}.admin-welcome-section .section-header p{margin:0;color:#666;font-size:.9rem}.welcome-editor-wrapper{margin-top:1.5rem}.admin-search-section{margin-bottom:2rem;background:#f8f9fa;padding:1.5rem;border-radius:12px}.admin-search-form{display:flex;gap:1rem;max-width:600px}.admin-search-input{flex:1;padding:.75rem 1rem;border:1px solid #ddd;border-radius:8px;font-size:1rem}.admin-search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.admin-users-section h2{margin:0 0 1rem;font-size:1.5rem;color:#333}.admin-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.admin-table{width:100%;border-collapse:collapse}.admin-table thead{background:#f8f9fa;border-bottom:2px solid #e9ecef}.admin-table th{padding:1rem;text-align:left;font-weight:600;color:#495057;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.admin-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s}.admin-table tbody tr:hover{background-color:#f8f9fa}.admin-table td{padding:1rem;color:#212529}.badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-admin{background-color:#dc3545;color:#fff}.badge-user{background-color:#6c757d;color:#fff}.badge-member-type{background-color:#17a2b8;color:#fff}.btn-primary{background-color:#007bff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-secondary:hover{background-color:#5a6268}.btn-small{background-color:#28a745;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-small:hover{background-color:#218838}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:12px;width:90%;max-width:500px;box-shadow:0 10px 40px #0000004d}.modal-header{padding:1.5rem;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.25rem;color:#333}.modal-close{background:none;border:none;font-size:2rem;line-height:1;color:#999;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#333}.modal-body{padding:1.5rem}.modal-body p{margin:0 0 1.5rem;color:#666}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.input,.textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;font-family:inherit}.input:focus,.textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.modal-footer{padding:1.5rem;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:1rem}.loading,.empty-state{padding:3rem;text-align:center;color:#666;font-size:1.125rem}@media(max-width:768px){.admin-container{padding:1rem}.admin-table-container{overflow-x:auto}.admin-table{min-width:800px}.admin-search-form{flex-direction:column}.modal{width:95%;margin:1rem}}#root{width:100%;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}