*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);color:#2d484d;line-height:1.6}.App{min-height:100vh}.app-header{background:linear-gradient(135deg,#127f84 0%,#66f2f8 100%);padding:1rem 2rem;box-shadow:0 4px 20px #127f844d;position:sticky;top:0;z-index:100}.logo-container{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.logo{height:60px;width:60px;border-radius:50%;background:white;padding:5px;box-shadow:0 2px 10px #0000001a}.brand-title{color:#fff;font-size:1.8rem;font-weight:700;letter-spacing:-.02em}.nav-container{display:flex;gap:.5rem;flex-wrap:wrap}.nav-btn{background:rgba(255,255,255,.2);border:2px solid transparent;color:#fff;padding:.75rem 1.5rem;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease}.nav-btn:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}.nav-btn.active{background:white;color:#127f84;box-shadow:0 4px 15px #0000001a}.home{padding:3rem 2rem;max-width:1200px;margin:0 auto;position:relative;overflow:hidden}.home:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cg fill='none' stroke='%2366f2f8' stroke-width='1.5' opacity='0.4'%3E%3C!-- Center circle --%3E%3Ccircle cx='200' cy='200' r='50'/%3E%3C!-- First ring - Seed of Life --%3E%3Ccircle cx='200' cy='150' r='50'/%3E%3Ccircle cx='243.3' cy='175' r='50'/%3E%3Ccircle cx='243.3' cy='225' r='50'/%3E%3Ccircle cx='200' cy='250' r='50'/%3E%3Ccircle cx='156.7' cy='225' r='50'/%3E%3Ccircle cx='156.7' cy='175' r='50'/%3E%3C!-- Second ring - Flower of Life --%3E%3Ccircle cx='200' cy='100' r='50'/%3E%3Ccircle cx='286.6' cy='150' r='50'/%3E%3Ccircle cx='286.6' cy='250' r='50'/%3E%3Ccircle cx='200' cy='300' r='50'/%3E%3Ccircle cx='113.4' cy='250' r='50'/%3E%3Ccircle cx='113.4' cy='150' r='50'/%3E%3C!-- Third ring --%3E%3Ccircle cx='243.3' cy='125' r='50'/%3E%3Ccircle cx='286.6' cy='100' r='50'/%3E%3Ccircle cx='330' cy='150' r='50'/%3E%3Ccircle cx='330' cy='250' r='50'/%3E%3Ccircle cx='286.6' cy='300' r='50'/%3E%3Ccircle cx='243.3' cy='275' r='50'/%3E%3Ccircle cx='156.7' cy='275' r='50'/%3E%3Ccircle cx='113.4' cy='300' r='50'/%3E%3Ccircle cx='70' cy='250' r='50'/%3E%3Ccircle cx='70' cy='150' r='50'/%3E%3Ccircle cx='113.4' cy='100' r='50'/%3E%3Ccircle cx='156.7' cy='125' r='50'/%3E%3C/g%3E%3C/svg%3E");background-size:400px 400px;background-position:0 0;background-repeat:repeat;animation:rotateFlower 40s linear infinite}.home:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cg fill='none' stroke='%2366f2f8' stroke-width='1.2' opacity='0.2'%3E%3C!-- Large outer pattern --%3E%3Ccircle cx='200' cy='200' r='80'/%3E%3Ccircle cx='200' cy='120' r='80'/%3E%3Ccircle cx='269.3' cy='160' r='80'/%3E%3Ccircle cx='269.3' cy='240' r='80'/%3E%3Ccircle cx='200' cy='280' r='80'/%3E%3Ccircle cx='130.7' cy='240' r='80'/%3E%3Ccircle cx='130.7' cy='160' r='80'/%3E%3C/g%3E%3C/svg%3E");background-size:500px 500px;background-position:200px 100px;background-repeat:repeat;animation:rotateFlower 60s linear infinite reverse}@keyframes rotateFlower{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.05)}to{transform:rotate(360deg) scale(1)}}.hero-section h1{font-size:3rem;color:#127f84;text-align:center;margin-bottom:1rem;font-weight:800}.hero-text{font-size:1.2rem;text-align:center;color:#535254;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.feature-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);gap:2rem;margin-top:3rem;max-width:1200px;margin-left:auto;margin-right:auto}.feature-cards .feature-card:nth-child(1){grid-column:1;grid-row:1}.feature-cards .feature-card:nth-child(2){grid-column:2;grid-row:1}.feature-cards .feature-card:nth-child(3){grid-column:3;grid-row:1}.feature-cards .feature-card.weekly-modules{grid-column:2;grid-row:2}@media (max-width: 768px){.feature-cards{grid-template-columns:1fr;grid-template-rows:auto}.feature-cards .feature-card:nth-child(1),.feature-cards .feature-card:nth-child(2),.feature-cards .feature-card:nth-child(3),.feature-cards .feature-card.weekly-modules{grid-column:1;grid-row:auto}}.feature-card{background:white;padding:2rem;border-radius:20px;box-shadow:0 8px 30px #127f841a;border:2px solid #66f2f8;transition:all .3s ease;text-align:center}.feature-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #127f8433;border-color:#127f84}.feature-card.clickable{cursor:pointer}.feature-card.clickable:hover{transform:translateY(-8px);box-shadow:0 15px 50px #127f8440;border-color:#127f84}.feature-card.clickable:active{transform:translateY(-2px)}.feature-icon{display:flex;justify-content:center;align-items:center;width:60px;height:60px;background:linear-gradient(135deg,#66f2f8,#127f84);border-radius:15px;margin:0 auto 1.5rem;color:#fff}.feature-card h3{color:#127f84;margin-bottom:1rem;font-size:1.3rem}.tracker{max-width:800px;margin:0 auto;padding:2rem}.tracker-header{text-align:center;margin-bottom:2rem;padding:2rem;background:linear-gradient(135deg,#66f2f8 0%,#127f84 100%);border-radius:20px;color:#fff}.tracker-header h2{font-size:2.5rem;margin-bottom:.5rem;font-weight:700}.tracker-header p{font-size:1.1rem;opacity:.9}.date-input{margin-top:1rem;padding:.5rem 1rem;border:none;border-radius:10px;font-size:1rem;background:rgba(255,255,255,.2);color:#fff}.date-input::-webkit-calendar-picker-indicator{filter:invert(1)}.tracker-form{background:white;padding:2rem;border-radius:20px;box-shadow:0 8px 30px #127f841a;border:2px solid #66f2f8}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#127f84;font-size:1rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:border-color .3s ease;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#66f2f8;box-shadow:0 0 0 3px #66f2f81a}.form-group textarea{resize:vertical;min-height:100px}.form-group input[type=range]{-webkit-appearance:none;background:#e2e8f0;height:8px;border-radius:4px}.form-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#127f84;cursor:pointer;box-shadow:0 2px 10px #127f844d}.range-value{display:inline-block;margin-left:1rem;font-weight:600;color:#127f84;font-size:1.1rem}.progress-section{text-align:center;margin:2rem 0;padding:2rem;background:white;border-radius:20px;box-shadow:0 8px 30px #127f841a}.progress-circle{width:120px;height:120px;border:8px solid #e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;transition:border-color .3s ease}.progress-number{font-size:1.5rem;font-weight:700;color:#127f84}.feedback{font-size:1.2rem;font-weight:600;margin-top:1rem}.category-progress{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2rem 0}.category-summary{background:white;padding:1rem;border-radius:15px;box-shadow:0 4px 15px #127f841a;border-left:4px solid;display:flex;justify-content:space-between;align-items:center}.category-title{font-weight:600;font-size:.9rem;color:#2d484d}.category-count{font-weight:700;font-size:1.1rem}.habit-category{margin:2rem 0;background:white;padding:2rem;border-radius:20px;box-shadow:0 8px 30px #127f841a;border:2px solid #e2e8f0}.category-header{font-size:1.5rem;margin-bottom:1.5rem;text-align:center;font-weight:700}.habits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.habit-item{background:#f8fafc;padding:1rem;border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;align-items:center;gap:1rem;transition:all .2s ease;border:2px solid transparent}.habit-item:hover{transform:translateY(-2px);background:white;box-shadow:0 4px 15px #0000001a}.habit-item input[type=checkbox]{width:20px;height:20px;cursor:pointer}.habit-label{font-size:.9rem;color:#2d484d;cursor:pointer;font-weight:500}.modules{max-width:1000px;margin:0 auto;padding:2rem}.modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0}.module-card{background:white;padding:2rem;border-radius:20px;box-shadow:0 8px 30px #127f841a;border:2px solid #66f2f8;transition:transform .3s ease}.module-card:hover{transform:translateY(-5px)}.week-number{background:linear-gradient(135deg,#127f84,#66f2f8);color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:600;display:inline-block;margin-bottom:1rem;font-size:.9rem}.module-card h3{color:#127f84;margin-bottom:.5rem;font-size:1.3rem}.module-card p{color:#535254;margin-bottom:1rem}.module-status{padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;display:inline-block;background:#f2f2f2;color:#535254}.program-info{background:white;padding:2rem;border-radius:20px;box-shadow:0 8px 30px #127f841a;margin-top:2rem;border:2px solid #66f2f8}.program-info h3{color:#127f84;margin-bottom:1rem;font-size:1.5rem}.program-info ul{list-style:none;padding:0}.program-info li{padding:.5rem 0;color:#2d484d;font-weight:500}.submit-btn{background:linear-gradient(135deg,#127f84,#66f2f8);color:#fff;border:none;padding:1rem 2rem;border-radius:25px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #127f844d;width:100%;margin-top:1rem}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #127f8466}.nav-date-btn{background:rgba(18,127,132,.1);border:2px solid #127f84;color:#127f84;padding:.5rem 1rem;border-radius:15px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.nav-date-btn:hover{background:#127f84;color:#fff}.history-btn{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;border:none;padding:.5rem 1rem;border-radius:15px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.history-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #8b5cf64d}.current-date{text-align:center;color:#66f2f8;font-weight:600;margin-top:.5rem}.history-view{max-width:800px;margin:0 auto;padding:2rem}.history-view h3{color:#127f84;margin-bottom:2rem;text-align:center;font-size:1.8rem}.history-entries{display:flex;flex-direction:column;gap:1rem}.history-entry{background:white;padding:1.5rem;border-radius:15px;box-shadow:0 4px 15px #127f841a;border:2px solid #e2e8f0;cursor:pointer;transition:all .3s ease}.history-entry:hover{border-color:#66f2f8;transform:translateY(-2px);box-shadow:0 8px 25px #127f8426}.entry-date{font-weight:700;color:#127f84;font-size:1.1rem;margin-bottom:.5rem}.entry-summary{color:#535254;display:flex;flex-direction:column;gap:.5rem}.entry-summary span{font-weight:600}.bleeding-indicator{color:#ef4444;font-weight:700}.progress-bar{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(135deg,#127f84,#66f2f8);transition:width .3s ease}.existing-entries{background:white;padding:2rem;border-radius:20px;box-shadow:0 8px 30px #127f841a;margin-bottom:2rem;border:2px solid #66f2f8}.existing-entries h3{color:#127f84;margin-bottom:1.5rem;font-size:1.5rem}.entries-list{display:flex;flex-direction:column;gap:1rem}.food-entry{background:#f8fafc;padding:1.5rem;border-radius:12px;border:2px solid #e5e7eb;position:relative}.entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;color:#127f84;font-size:1.1rem}.entry-content p{margin:.5rem 0;color:#2d484d;line-height:1.4}.entry-content strong{color:#127f84}.module-card.clickable{cursor:pointer}.module-card.clickable:hover{transform:translateY(-8px);box-shadow:0 12px 40px #127f8426}.header-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;width:100%}.back-btn{background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.3);padding:.5rem 1rem;border-radius:20px;cursor:pointer;font-weight:600;color:#fff;transition:all .3s ease}.back-btn:hover{background:rgba(255,255,255,.3);transform:translate(-2px)}.admin-toggle{background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.admin-toggle:hover{background:rgba(255,255,255,.3)}.admin-toggle.active{background:white;color:#127f84;border-color:#fff}.week-content-container{max-width:1000px;margin:0 auto}.upload-section{background:white;padding:2rem;border-radius:20px;box-shadow:0 8px 30px #127f841a;margin-bottom:2rem;border:2px solid #66f2f8}.upload-section h3{color:#127f84;margin-bottom:1.5rem;font-size:1.5rem}.upload-options{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.upload-option h4{color:#2d484d;margin-bottom:1rem;font-size:1.1rem}.file-input{width:100%;padding:1rem;border:2px dashed #66f2f8;border-radius:10px;background:#f8fafc;cursor:pointer;transition:all .3s ease}.file-input:hover{border-color:#127f84;background:#f0fdff}.storage-info{margin-top:1rem;padding:1rem;background:#fef3c7;border:1px solid #f59e0b;border-radius:10px}.storage-info-text{color:#065f46;font-size:.9rem;margin-bottom:.5rem;background:#d1fae5;padding:.5rem;border-radius:8px;border:1px solid #10b981}.clear-week-btn{background:#ef4444;color:#fff;border:none;padding:.5rem 1rem;border-radius:10px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.clear-week-btn:hover{background:#dc2626}.upload-help{font-size:.9rem;color:#6b7280;margin-top:.5rem}.content-form{display:flex;flex-direction:column;gap:1rem}.content-type-select{padding:.75rem;border:2px solid #e5e7eb;border-radius:10px;background:white;font-size:1rem}.content-type-select:focus{outline:none;border-color:#66f2f8}.content-display{background:white;padding:2rem;border-radius:20px;box-shadow:0 8px 30px #127f841a;border:2px solid #66f2f8}.content-display h3{color:#127f84;margin-bottom:1.5rem;font-size:1.5rem}.content-section{margin-bottom:3rem;background:white;padding:2rem;border-radius:20px;box-shadow:0 4px 15px #127f8414;border:1px solid #e5e7eb}.content-section h4{color:#127f84;margin-bottom:1.5rem;font-size:1.4rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;padding:1rem 0}.links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.link-item{background:white;border:2px solid #e5e7eb;border-radius:15px;padding:1rem;transition:all .3s ease}.link-item:hover{border-color:#66f2f8;box-shadow:0 4px 20px #127f841a}.link-info{display:flex;align-items:flex-start;margin-bottom:1rem}.link-icon{font-size:1.5rem;margin-right:.75rem;color:#127f84}.link-details{display:flex;flex-direction:column;flex:1}.link-title{font-weight:600;color:#2d484d;font-size:1rem;margin-bottom:.25rem}.link-description{font-size:.9rem;color:#6b7280;margin-bottom:.25rem}.link-date{font-size:.8rem;color:#9ca3af}.link-actions{display:flex;gap:.5rem}.link-input{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;margin-bottom:.5rem}.link-input:focus{outline:none;border-color:#66f2f8}.link-textarea{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;resize:vertical;margin-bottom:.5rem}.link-textarea:focus{outline:none;border-color:#66f2f8}.file-item{background:#f8fafc;padding:1rem;border-radius:12px;border:2px solid #e5e7eb;position:relative;transition:all .2s ease}.file-item:hover{border-color:#66f2f8;transform:translateY(-2px);box-shadow:0 4px 15px #127f841a}.file-info{display:flex;align-items:flex-start;gap:.75rem}.file-icon{font-size:2.5rem;min-width:50px;text-align:center;background:linear-gradient(135deg,rgba(18,127,132,.1),rgba(102,242,248,.1));border-radius:12px;padding:.75rem;display:flex;align-items:center;justify-content:center}.file-details{display:flex;flex-direction:column;gap:.25rem;flex:1}.file-name{font-weight:600;color:#2d484d;font-size:.9rem;word-break:break-word}.file-size,.file-date{font-size:.8rem;color:#6b7280}.file-preview{margin-top:.75rem}.file-preview img{width:100%;max-height:120px;object-fit:cover;border-radius:8px}.file-actions-bottom{position:absolute;bottom:.5rem;right:.5rem;display:flex;gap:.5rem}.view-btn{background:linear-gradient(135deg,#127f84,#66f2f8);color:#fff;border:none;border-radius:12px;padding:.75rem 1.25rem;cursor:pointer;font-size:.9rem;font-weight:700;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-top:auto}.view-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #127f8466;background:linear-gradient(135deg,#0f6b70,#4dd0d7)}.delete-btn{background:#ef4444;color:#fff;border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.delete-btn:hover{background:#dc2626;transform:scale(1.1)}.text-content-list{display:flex;flex-direction:column;gap:1rem}.text-content-item{background:#f8fafc;padding:1.5rem;border-radius:12px;border:2px solid #e5e7eb;position:relative}.content-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.content-type{background:#127f84;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.content-date{font-size:.8rem;color:#6b7280}.content-text{color:#2d484d;line-height:1.6;white-space:pre-wrap}.no-content{text-align:center;padding:3rem;color:#6b7280;font-style:italic}@media (max-width: 768px){.upload-options,.files-grid{grid-template-columns:1fr}.header-controls{flex-direction:column;gap:.5rem}.admin-toggle{align-self:flex-end}.file-actions-bottom{position:static;margin-top:.75rem;justify-content:center}}.library{max-width:1200px;margin:0 auto;padding:2rem}.library-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:2rem 0}.category-card{background:white;padding:2rem;border-radius:20px;box-shadow:0 8px 30px #127f841a;border:2px solid #66f2f8;transition:all .3s ease;cursor:pointer;text-align:center}.category-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #127f8433;border-color:#127f84}.category-icon{font-size:3rem;margin-bottom:1rem;display:block}.category-card h3{color:#127f84;margin-bottom:.5rem;font-size:1.3rem}.category-card p{color:#535254;font-size:.9rem}.back-btn{background:rgba(18,127,132,.1);border:2px solid #127f84;color:#127f84;padding:.5rem 1rem;border-radius:20px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem;margin-bottom:1rem}.back-btn:hover{background:#127f84;color:#fff}.library-content{max-width:800px;margin:0 auto}.category-content{background:white;padding:2rem;border-radius:20px;box-shadow:0 8px 30px #127f841a;border:2px solid #66f2f8}.category-content h3{color:#127f84;margin-bottom:2rem;font-size:1.8rem;text-align:center}.content-item{margin-bottom:2rem;padding:1.5rem;background:#f8fafc;border-radius:15px;border-left:4px solid #66f2f8}.content-item h4{color:#127f84;margin-bottom:1rem;font-size:1.2rem}.content-item p{color:#2d484d;margin-bottom:1rem;line-height:1.6}.content-item ul{color:#2d484d;padding-left:1.5rem}.content-item li{margin-bottom:.5rem}.video-placeholder{background:linear-gradient(135deg,#127f84,#66f2f8);color:#fff;padding:2rem;border-radius:15px;text-align:center;margin:1rem 0}.video-placeholder p{color:#fff;margin-bottom:.5rem}.download-btn{background:linear-gradient(135deg,#127f84,#66f2f8);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:20px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem}.download-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #127f844d}.downloads-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1rem}.download-item{background:white;padding:1.5rem;border-radius:15px;border:2px solid #66f2f8;text-align:center;transition:all .3s ease}.download-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px #127f8426}.downloads-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.download-item{background:white;padding:1.5rem;border-radius:15px;box-shadow:0 4px 15px #127f841a;border:2px solid #e2e8f0;transition:border-color .3s ease}.download-item:hover{border-color:#66f2f8}.download-item h4{color:#127f84;margin-bottom:.5rem;font-size:1.1rem}.download-item p{color:#535254;margin-bottom:1rem;font-size:.9rem}.community{max-width:800px;margin:0 auto;padding:2rem}.weekly-prompt{background:linear-gradient(135deg,#127f84,#66f2f8);color:#fff;padding:2rem;border-radius:20px;margin-bottom:2rem;box-shadow:0 8px 30px #127f8433}.prompt-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.prompt-icon{font-size:1.5rem}.prompt-header h3{color:#fff;font-size:1.3rem;margin:0}.weekly-prompt p{color:#fff;font-size:1.1rem;margin:0;opacity:.95}.post-form-container{background:white;padding:2rem;border-radius:20px;box-shadow:0 8px 30px #127f841a;border:2px solid #66f2f8;margin-bottom:2rem}.post-form-container h3{color:#127f84;margin-bottom:1.5rem;font-size:1.5rem}.post-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.file-input{border:2px dashed #66f2f8!important;padding:1rem!important;text-align:center;cursor:pointer}.image-preview{position:relative;margin-top:1rem;display:inline-block}.image-preview img{max-width:200px;max-height:200px;border-radius:10px;box-shadow:0 4px 15px #0000001a}.remove-image{position:absolute;top:-8px;right:-8px;background:#f87171;color:#fff;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center}.filter-container{background:white;padding:1.5rem;border-radius:20px;box-shadow:0 4px 20px #127f841a;margin-bottom:2rem;border:2px solid #e2e8f0}.filter-container h4{color:#127f84;margin-bottom:1rem;font-size:1.1rem}.filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.filter-btn{padding:.5rem 1rem;border:2px solid #66f2f8;background:transparent;color:#127f84;border-radius:20px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s ease}.filter-btn:hover{background:rgba(102,242,248,.1)}.filter-btn.active{background:#127f84;color:#fff;border-color:#127f84}.posts-container{display:flex;flex-direction:column;gap:1.5rem}.no-posts{background:white;padding:3rem;border-radius:20px;text-align:center;box-shadow:0 4px 20px #127f841a;border:2px solid #e2e8f0}.no-posts p{color:#535254;font-size:1.1rem}.post-card{background:white;padding:2rem;border-radius:20px;box-shadow:0 8px 30px #127f841a;border:2px solid #66f2f8;transition:transform .3s ease}.post-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #127f8426}.post-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.post-user-info{display:flex;flex-direction:column;gap:.25rem}.post-name{font-weight:700;color:#127f84;font-size:1.1rem}.post-timestamp{font-size:.8rem;color:#6b7280}.post-category{padding:.4rem 1rem;border-radius:20px;color:#fff;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.post-content{margin-bottom:1.5rem}.post-content p{color:#2d484d;line-height:1.6;margin-bottom:1rem;white-space:pre-wrap}.post-link{color:#127f84;text-decoration:underline;font-weight:600}.post-link:hover{color:#66f2f8}.post-image{margin-top:1rem}.post-image img{max-width:100%;height:auto;border-radius:15px;box-shadow:0 4px 20px #0000001a}.post-actions{display:flex;gap:1rem;align-items:center;padding:1rem 0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.like-btn{background:transparent;border:none;cursor:pointer;font-size:1rem;color:#6b7280;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:10px}.like-btn:hover{background:rgba(239,68,68,.1);color:#ef4444}.like-btn.liked{color:#ef4444;background:rgba(239,68,68,.1)}.comment-count{color:#6b7280;font-size:1rem;display:flex;align-items:center;gap:.5rem}.comments-section{margin-top:1rem}.comment{background:#f8fafc;padding:1rem;border-radius:15px;margin-bottom:.75rem;border-left:4px solid #66f2f8}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.comment-name{font-weight:600;color:#127f84;font-size:.9rem}.comment-timestamp{font-size:.7rem;color:#6b7280}.comment-text{color:#2d484d;margin:0;line-height:1.5;font-size:.9rem}.add-comment{margin-top:1rem}.comment-form{display:flex;flex-direction:column;gap:.75rem}.comment-name-input{padding:.75rem;border:2px solid #e2e8f0;border-radius:10px;font-size:.9rem}.comment-name-input:focus{outline:none;border-color:#66f2f8}.comment-input{padding:.75rem;border:2px solid #e2e8f0;border-radius:10px;resize:vertical;font-family:inherit;font-size:.9rem}.comment-input:focus{outline:none;border-color:#66f2f8}.comment-submit{background:linear-gradient(135deg,#127f84,#66f2f8);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:15px;font-weight:600;cursor:pointer;transition:all .3s ease;align-self:flex-start;font-size:.9rem}.comment-submit:hover{transform:translateY(-2px);box-shadow:0 4px 15px #127f844d}@media (min-width: 1200px){.feature-cards{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto;gap:2rem;margin-top:3rem;max-width:900px;margin-left:auto;margin-right:auto}.feature-card:nth-child(1){grid-column:1;grid-row:1}.feature-card:nth-child(2){grid-column:2;grid-row:1}.feature-card:nth-child(3){grid-column:3;grid-row:1}.feature-card:nth-child(4){grid-column:2;grid-row:2}}@media (max-width: 768px){.app-header{padding:1rem}.brand-title{font-size:1.4rem}.nav-container{justify-content:center}.nav-btn{padding:.5rem 1rem;font-size:.8rem}.hero-section h1{font-size:2rem}.feature-cards,.habits-grid,.modules-grid,.library-categories,.downloads-grid{grid-template-columns:1fr}.category-content,.content-item{padding:1rem}.post-form .form-row{grid-template-columns:1fr}.filter-buttons{justify-content:center}.post-header{flex-direction:column;align-items:flex-start;gap:.5rem}.post-actions{flex-wrap:wrap}.comment-form{gap:.5rem}}