*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;min-height:100vh;color:#1e3a1e;background:linear-gradient(145deg,#f9fef5,#f0f9ea);padding:2rem 1.5rem}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.page-loader{min-height:60vh;display:grid;place-items:center;font-weight:800;color:#2e7d5e}.main-nav{max-width:1400px;margin:0 auto 1.5rem;background:#fffff8f5;border-bottom:2px solid transparent;border-image:linear-gradient(90deg,#92c47c,#6abf69,#ffd966,#e6b87e,#7fbc6e);border-image-slice:1;padding:1rem 2rem;border-radius:2rem 2rem 0 0;box-shadow:0 4px 20px #3c641e14}.nav-container{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.6rem;background:linear-gradient(135deg,#2c7a2c,#5eae4e,#c9a03d);-webkit-background-clip:text;background-clip:text;color:transparent}.logo-icon{font-size:1.9rem;background:none;color:#5a9e48}.nav-links{display:flex;gap:2rem;align-items:center;flex-wrap:wrap}.language-toggle{display:inline-flex;background:#eef3ea;border-radius:999px;padding:.25rem;border:1px solid #cde0d4}.language-toggle button{border:0;background:transparent;color:#2e7d5e;font-weight:800;border-radius:999px;padding:.35rem .7rem}.language-toggle button.active{background:#2e7d5e;color:#fff}.auth-tools{display:flex;justify-content:flex-end;margin-bottom:.8rem}.nav-link{font-size:1rem;font-weight:600;padding:.5rem .35rem .6rem;border-bottom:2px solid transparent;display:inline-flex;align-items:center;gap:.35rem;min-height:42px;transition:all .2s ease}.nav-link:hover{border-bottom-color:currentColor;transform:translateY(-2px)}.home-link{color:#2b7a3e}.tracker-link{color:#4f8bc9}.progress-link{color:#e6a017}.rankings-link{color:#b567c2}.rankings-link.nav-link{padding-bottom:.6rem;margin-bottom:0}.profile-link{color:#e8596b}.nav-link.active{border-bottom-width:3px;border-bottom-color:currentColor}.home-hero{position:relative;background:url(https://images.pexels.com/photos/1486572/forest-morning-light-fog-1486572.jpeg?auto=compress&cs=tinysrgb&w=1920&h=1080&dpr=2) center 30%/cover no-repeat;min-height:78vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem}.home-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 40%,#ebffd266,#dcf5be59)}.hero-content{position:relative;max-width:880px;background:#fffff5d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:48px;padding:2.5rem 2rem;border:1px solid rgba(110,170,70,.6);box-shadow:0 20px 36px -12px #28501440}.hero-content h1{font-size:3.2rem;font-weight:700;background:linear-gradient(125deg,#1e6b1a,#4da847,#c68b2b);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:1rem}.hero-content p{font-size:1.2rem;color:#2d6028;max-width:620px;margin:0 auto 2rem;font-weight:500}.start-btn,.btn-primary,.log-btn{background:linear-gradient(105deg,#6ab04c,#4a9e42,#f3b33d);border:1px solid #ccebb8;padding:.9rem 2rem;border-radius:60px;color:#fff;font-weight:700;box-shadow:0 8px 18px #506e284d;display:inline-flex;align-items:center;justify-content:center;gap:10px}.btn-secondary{background:#e2ecd9;color:#1e3a2f;border:0;padding:.7rem 1.8rem;border-radius:3rem;font-weight:700}.nature-showcase{background:#f6fef0;padding:2rem;border-bottom:1px solid #deecce}.showcase-inner{max-width:1280px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:2rem}.nature-card{flex:1;min-width:260px;border-radius:36px;overflow:hidden;box-shadow:0 14px 26px #32461e1a;border:1px solid #d0e6bc}.nature-card img{width:100%;height:210px;object-fit:cover;display:block}.nature-text{flex:1}.nature-text h3{font-size:1.7rem;color:#2b6e2b;margin-bottom:.5rem}.nature-text p,.section-head p{color:#4a7a3b;font-weight:500}.facts-area{background:linear-gradient(120deg,#fff,#fafff2);padding:3rem 2rem}.facts-wrapper,.main-container,.account-container{max-width:1300px;margin:0 auto}.section-head{text-align:center;margin-bottom:2.5rem}.section-head h2{font-size:2rem;font-weight:700;color:#3a8c3a;background-color:#eef6e8;padding:.4rem 1.8rem;border-radius:100px;display:inline-flex}.facts-grid,.card-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem}.fact-card,.card,.profile-card{background:#fffef9;border-radius:2rem;padding:1.6rem 1.5rem;box-shadow:0 10px 24px #0000000a;border:1px solid #ddebd0}.fact-card{width:270px;text-align:center;border-left:6px solid #8cc084}.fact-emoji,.card-icon{font-size:2.8rem;margin-bottom:1rem}.rotating-fact-card{animation:factFadeIn .45s ease}@keyframes factFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.survey-container,.dashboard-container{max-width:1400px;margin:0 auto;background:#fffff8f5;border-radius:2.5rem;box-shadow:0 25px 45px -12px #00200066;overflow:hidden}.dashboard-container.visible{display:block}.dashboard-header,.survey-header{background:#1a3e2c;padding:1.5rem 2rem;color:#fff}.dashboard-content{display:flex;flex-wrap:wrap;gap:1.5rem;padding:1.5rem}.log-panel,.stats-panel{flex:1 1 420px;background:#fff;border-radius:1.5rem;padding:1.2rem;box-shadow:0 2px 8px #0000000d}.filter-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:.8rem 0}.filter-chip{background:#eef3ea;border:0;padding:.3rem 1rem;border-radius:2rem;font-size:.75rem;font-weight:700;color:#1e3a2f}.filter-chip.active{background:#2e7d5e;color:#fff}.activities-list{max-height:430px;overflow-y:auto;margin:1rem 0}.other-activity-wrap{border-top:1px solid #e0ecd6;padding-top:.75rem;margin-bottom:.75rem}.activity-card{width:100%;text-align:left;background:#fafef7;border:1px solid #e0ecd6;border-radius:1rem;padding:.7rem;margin-bottom:.6rem;display:flex;justify-content:space-between;gap:1rem;align-items:center;color:#1e3a2f;flex-wrap:wrap}.activity-card.selected{background:#2e7d5e;color:#fff;border-color:#1f5e46}.activity-name{font-weight:800}.activity-meta{font-size:.75rem}.activity-feedback{flex-basis:100%;font-size:.75rem;color:#4a6741}.activity-card.selected .activity-feedback{color:#f6fff0}.inline-input,.form-stack input,.form-stack textarea,.form-stack select,.edit-modal input,.edit-modal textarea,.edit-modal select{width:100%;padding:.85rem 1rem;border:1.5px solid #cde0d4;border-radius:1rem;margin-top:.35rem;background:#fbfff7;color:#1e3a2f;outline:none;box-shadow:inset 0 1px #ffffffb3;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.form-stack input:focus,.form-stack textarea:focus,.form-stack select:focus,.edit-modal input:focus,.edit-modal textarea:focus,.edit-modal select:focus{border-color:#76b852;background:#fff;box-shadow:0 0 0 4px #76b85229}.form-stack select,.edit-modal select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding-right:2.8rem;background-image:linear-gradient(45deg,transparent 50%,#2e7d5e 50%),linear-gradient(135deg,#2e7d5e 50%,transparent 50%),linear-gradient(135deg,#76b85233,#ffc66e33);background-position:calc(100% - 22px) 55%,calc(100% - 15px) 55%,right .65rem center;background-size:7px 7px,7px 7px,2rem 2rem;background-repeat:no-repeat}.edit-modal select{min-height:48px;font-weight:800}textarea{min-height:88px;resize:vertical}#dashPreview,.overall-feedback{background:#eef2ea;border-radius:1rem;padding:.7rem;font-size:.85rem;margin:.7rem 0}.accumulator-card,.carbon-stats,.journey-section,.score-wrapper{background:linear-gradient(145deg,#f4f8f0,#e8f0e2);border-radius:2rem;padding:1.2rem;text-align:center;margin-bottom:1rem}.journey-section{background:#fffffff5;border:1px solid rgba(218,232,207,.95);box-shadow:0 22px 46px #5f7d4e21;padding:1.8rem 2rem}.accumulator-score,.carbon-score{font-size:3rem;font-weight:800;color:#1e3a2f}.carbon-score-positive{color:#2e7d5e}.carbon-score-negative{color:#e67e22}.neutral-badge,.badge,.score-pill{background:#cde0d4;display:inline-block;padding:.25rem 1rem;border-radius:2rem;font-size:.8rem;font-weight:800}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:1rem 0}.stat-square{background:#fafef7;border-radius:1.2rem;padding:.8rem;text-align:center;border:1px solid #e2ecd9}.stat-number{font-size:1.8rem;font-weight:800;color:#1e3a2f}.survey-shell{max-width:1400px;margin:0 auto;background:linear-gradient(145deg,#fbfff5,#e8f5df);border-radius:2rem;overflow:hidden;box-shadow:0 22px 44px #27552d38;border:1px solid #d6e8cc}.survey-topbar{background:#143f2b;color:#fff;padding:1.35rem 2rem}.survey-topbar h1{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;font-size:1.55rem;line-height:1.2}.survey-topbar h1 span{background:#e6b24d;color:#143f2b;border-radius:999px;font-size:.72rem;padding:.25rem .75rem;font-weight:900}.survey-topbar p{color:#d6eadb;font-size:.82rem;margin-top:.25rem;font-weight:700}.survey-tabs{display:flex;gap:.65rem;flex-wrap:wrap;padding:.85rem 2rem;background:#f2f9edf2}.survey-tab{min-width:94px;border:0;background:#dcebe0;color:#173a2b;border-radius:999px;padding:.42rem 1rem;font-size:.82rem;font-weight:900}.survey-tab.active{background:#2f8b68;color:#fff}.survey-log-card{margin:2rem;background:#fffffff5;border-radius:1.7rem;padding:1.45rem 1.55rem;box-shadow:0 12px 28px #234c2d1a;border:1px solid #e6f0e1}.survey-log-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:.9rem;border-bottom:1px solid #e1ecdc}.survey-log-head h2{color:#234536;font-size:1.45rem;border-left:5px solid #2f8b68;padding-left:.8rem}.survey-log-head p{margin-top:.4rem;color:#53675d;font-size:.82rem;font-weight:700}.survey-count{background:#e6f0df;color:#2a654e;border-radius:999px;padding:.35rem .8rem;font-size:.78rem;font-weight:900;white-space:nowrap}.survey-options{max-height:430px;overflow-y:auto;padding:.85rem .2rem .4rem}.survey-option{width:100%;min-height:42px;border:1px solid #dbe9d6;background:#fbfff9;border-radius:999px;color:#1c3529;padding:.55rem 1.1rem;margin-bottom:.55rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;text-align:left;box-shadow:0 3px 8px #1c45260a}.survey-option span{font-weight:800}.survey-option strong{white-space:nowrap;font-size:.78rem}.survey-option.selected{background:#2f8b68;color:#fff;border-color:#23694e}.other-option{background:#dcebd3}.survey-actions{display:flex;justify-content:flex-end;align-items:center;gap:.7rem;margin-top:1rem}.survey-next{border:0;border-radius:999px;background:#143f2b;color:#fff;padding:.75rem 1.35rem;font-weight:900;min-width:110px}.tracker-summary{max-width:1400px;margin:1.3rem auto 0;background:#ffffffe0;border:1px solid #e1ecd9;border-radius:1.5rem;padding:1.2rem}.form-success{background:#e0f4df;color:#1d6535;border-radius:1rem;padding:.75rem 1rem;font-weight:800;margin-top:.8rem}.log-list{max-height:240px;overflow-y:auto}.log-entry{background:#f9fcf6;padding:.7rem;border-radius:.8rem;margin-bottom:.5rem;border-left:4px solid #8bc34a;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.feedback-solution{flex-basis:100%;font-size:.75rem;color:#4a6741}.log-note{flex-basis:100%;display:block;font-size:.78rem;color:#2e5c4a;background:#eef7ea;border-radius:.8rem;padding:.45rem .65rem;margin-top:.35rem}.guide-fab{position:fixed;bottom:20px;right:20px;background:#1a3e2c;color:#fff;border:none;width:52px;height:52px;border-radius:50%;font-size:1.5rem;z-index:100;box-shadow:0 6px 14px #00000040}.guide-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1900;display:grid;place-items:center;padding:1.2rem;background:#151d16eb}.guide-card{width:min(550px,100%);max-height:min(88vh,720px);overflow-y:auto;background:#fff;color:#101910;border-radius:30px;padding:1.8rem;box-shadow:0 28px 50px #00000059}.guide-heading{display:flex;align-items:center;gap:.9rem;margin-bottom:.9rem}.guide-accent{width:5px;height:34px;background:#2e8b73}.guide-book{font-size:1.6rem}.guide-heading h2{font-size:1.55rem;line-height:1.1;color:#18352a}.guide-card p{font-size:.88rem;line-height:1.42;margin-bottom:.35rem}.guide-card h3{margin:.45rem 0 .75rem;font-size:1.2rem;color:#0d1b13}.guide-table-wrap{overflow-x:auto;margin:.4rem 0 1rem}.guide-table{width:100%;border-collapse:collapse;font-size:.78rem}.guide-table th,.guide-table td{border:1px solid #d3dcd0;padding:.45rem;text-align:center}.guide-table th{background:#edf3e8;font-weight:800}.guide-tip{margin:.6rem 0 1rem}.guide-start-btn{width:100%;border:0;border-radius:999px;padding:.85rem 1rem;background:#2f8b68;color:#fff;font-weight:800;box-shadow:0 10px 20px #2f8b682e}.section-title{font-size:1.5rem;font-weight:800;margin:1.5rem 0 1rem;color:#457b3a;display:flex;align-items:center;gap:.5rem}.progress-section-title{color:#1e2f22;margin-top:2rem}.progress-section-title span{color:#17251b;font-size:.9rem;font-weight:500}.progress-card-grid{justify-content:stretch;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.active-quest-grid{grid-template-columns:repeat(4,minmax(180px,1fr))}.progress-card-grid .card{min-height:154px;border-radius:1.35rem;background:#fffff9e0}.progress-card-grid .card-icon{color:#667267;font-size:2.1rem;margin-bottom:.8rem}.progress-card-grid h3{color:#657062;font-size:1.05rem;margin-bottom:.35rem}.quest-card h3{color:#17251b}.quest-card.locked{background:linear-gradient(145deg,#f6f7ef,#fff8ea)}.quest-card.unlocked{background:linear-gradient(145deg,#f2fff1,#fffdf0)}.quest-reward,.quest-requires{font-size:.82rem;margin-top:.55rem}.quest-reward{color:#245f34}.quest-requires{color:#e5651a}.progress-footnote{margin:2rem 0 0;text-align:center;color:#386335;font-size:.9rem}.rank-icon{font-size:3rem;background:linear-gradient(145deg,#b6e3b0,#f9dd9e);width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto .65rem;box-shadow:0 14px 28px #4c673f2e}.rank-name{font-size:1.75rem;font-weight:800;color:#2b6e3c}.rank-description{color:#6c7e6e;margin-top:.2rem;font-size:.86rem}.rank-next{color:#e5651a;font-size:.78rem;margin-top:.35rem;font-weight:800}.rank-helper{margin-top:1.05rem;background:linear-gradient(90deg,#edf3e6,#f7f5e7);border-radius:999px;padding:.5rem 1rem;font-size:.78rem;color:#17251b;font-weight:800}.progress-track{background:#dfe7da;border-radius:40px;height:15px;width:100%;margin:1.25rem 0 .9rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#4caf50,#8bc34a);height:16px;border-radius:40px;transition:width .8s ease}.journey-stats{display:flex;justify-content:space-between;align-items:center;margin:.6rem 0 1.15rem;font-weight:700;color:#425446;font-size:.82rem}.rank-action-row{display:flex;justify-content:center}.rank-log-btn,.close-log-btn,.edit-btn{background:#e8f0e2;border:0;border-radius:40px;padding:.55rem 1.2rem;font-weight:800;color:#2e7d5e}.rank-log-modal,.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.rank-log-content,.edit-modal,.auth-card{background:#fff;border-radius:2rem;padding:1.5rem;max-width:500px;width:100%;max-height:86vh;overflow-y:auto}.rank-log-modal{background:#1e1e1eb8}.rank-log-content{max-width:480px;border-radius:1.6rem;padding:1.5rem 1.6rem 1.6rem;color:#1c3427;box-shadow:0 24px 50px #00000038}.rank-log-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.rank-log-header h3{color:#1c3427;font-size:1.08rem;line-height:1.2}.rank-log-list{display:grid;gap:.75rem;margin-bottom:1.15rem}.rank-exit-btn{border:0;border-radius:999px;padding:.6rem 1rem;background:#2f8a67;color:#fff;font-weight:800;width:100%;box-shadow:0 8px 18px #2f8a672e}.rank-entry{display:grid;grid-template-columns:44px 1fr 22px;align-items:center;gap:.85rem;padding:.25rem .15rem}.rank-entry-icon{width:36px;height:36px;display:grid;place-items:center;font-size:1.75rem}.rank-entry-main strong{display:block;color:#1e2d24;font-size:.95rem}.rank-entry-date{font-size:.72rem;color:#6c746c;margin-top:.12rem}.rank-entry-check{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#4caf50;color:#fff;font-size:.75rem;font-weight:900}.confetti-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2100;pointer-events:none;display:grid;place-items:center;overflow:hidden}.confetti-layer strong{background:#fffff8f5;color:#23694e;border:2px solid #8bc34a;border-radius:999px;padding:.8rem 1.4rem;box-shadow:0 18px 34px #1f4f2d38;animation:confettiMessage 2.6s ease forwards}.confetti-layer span{position:absolute;top:-24px;left:calc((var(--i) * 37px) % 100vw);width:10px;height:16px;border-radius:3px;background:hsl(calc(var(--i) * 37),75%,58%);animation:confettiFall 2.6s ease-out forwards;animation-delay:calc((var(--i) % 8) * .06s)}@keyframes confettiFall{to{transform:translateY(110vh) rotate(680deg);opacity:.2}}@keyframes confettiMessage{0%{transform:scale(.8);opacity:0}12%{transform:scale(1);opacity:1}82%{transform:scale(1);opacity:1}to{transform:scale(.92);opacity:0}}.rankings-page{background:linear-gradient(145deg,#d4f3ef,#ffe1b9);margin:0 -1.5rem -2rem;padding:1.5rem 1.5rem 2rem;min-height:100vh}.rankings-page .main-container{padding-top:.5rem}.rank-hero{text-align:center;margin-bottom:2rem}.rank-hero h1{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#0f6b3a,#f4a261,#e76f51,#2a9d8f);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{background:#fffae1e6;display:inline-block;padding:.6rem 2rem;border-radius:60px;font-weight:700;color:#2b6e47;margin-top:12px;border:1px solid #ffda99}.leaderboard-card{background:#fffff7;border-radius:2rem;overflow:hidden;box-shadow:0 30px 45px -18px #0000004d;border:2px solid #ffddb0}.board-header,.rank-row{display:grid;grid-template-columns:90px 1fr 140px;align-items:center}.board-header{background:linear-gradient(115deg,#2a6b47,#3d8f66);padding:1rem 2rem;color:#fff7e0;font-weight:800}.rank-row{padding:.9rem 2rem;border-bottom:2px solid #ffefcf}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;background:#fff7e7;font-weight:800;color:#2b6e47}.pagination-controls button{border:0;border-radius:999px;background:#2e7d5e;color:#fff;padding:.55rem 1rem;font-weight:900}.pagination-controls button:disabled{opacity:.45;cursor:not-allowed}.rank-number{font-size:1.7rem;font-weight:800;text-align:center}.gold{color:#f9a825}.silver{color:#9e9e9e}.bronze{color:#cd7f4a}.normal-rank{color:#518d6e}.user-block,.profile-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.avatar,.avatar-circle{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#b6e3b0,#f9dd9e);font-weight:800;color:#2b6e3c}.avatar-circle{width:120px;height:120px;font-size:4rem;border:4px solid #ffe2ab}.avatar-circle img{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile-page{background:linear-gradient(135deg,#c3e9b0,#fbf5cf);margin:0 -1.5rem -2rem;padding:1.5rem 1.5rem 2rem;min-height:100vh}.profile-page .account-container{padding-top:.5rem}.profile-card{margin-bottom:2rem;border-color:#fff0cf}.profile-modern{max-width:1100px}.profile-section-title{color:#2f7a37;font-size:1.2rem;font-weight:900;margin-bottom:1rem}.eco-profile-card{border-left:6px solid #ffbd66}.info-fields{flex:1}.info-fields h1{color:#2c6537;font-size:2.2rem;display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.info-badge,.detail-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:1rem}.info-badge span,.detail-item{background:#f0ebc8;padding:.35rem 1rem;border-radius:40px;font-weight:700}.score-number{font-size:5rem;font-weight:800;background:linear-gradient(135deg,#2f8b46,#ffb347);-webkit-background-clip:text;background-clip:text;color:transparent}.profile-score-box{background:linear-gradient(135deg,#f5f7c7,#d9f2c5);border-radius:1.3rem;margin:0}.profile-score-bar{width:100%;height:22px;background:#ffdca4;border-radius:999px;overflow:hidden;margin:.8rem 0 .35rem}.profile-score-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4caf50,#8bc34a)}.profile-note{display:inline-block;background:#fff2d8;border-radius:999px;padding:.35rem .7rem;font-weight:800;font-size:.8rem;margin-bottom:1rem}.custom-action-list{display:grid;gap:.75rem}.custom-empty,.custom-action-item{background:#fff1dc;border-radius:1.2rem;padding:1rem;text-align:center}.custom-action-item{text-align:left;display:flex;justify-content:space-between;align-items:center;gap:1rem}.custom-action-item span{display:block;color:#5c6b55;margin-top:.25rem}.delete-custom-btn{border:0;background:#e8596b;color:#fff;border-radius:999px;padding:.45rem .8rem;font-weight:900;flex:0 0 auto}.submit-custom-btn{margin-top:1rem;border:0;background:#ffc66e;color:#173a2b;border-radius:999px;padding:.55rem 1rem;font-weight:900}.feedback-card{border-left:6px solid #ffb14e}.feedback-panel{background:#fff1d9;border-radius:1.2rem;padding:1rem}.feedback-panel h3{color:#111;margin-bottom:.8rem}.feedback-insight{background:#ffffff8c;border-radius:1rem;padding:.75rem .9rem;margin-top:.7rem}.feedback-insight strong{display:block;color:#1e3a2f;margin-bottom:.3rem}.feedback-insight p{color:#344d38;line-height:1.45;font-weight:600}.profile-logout{border-top:1px solid #f3d28f;padding-top:1.5rem}.profile-footer{color:#367236;text-align:center;font-weight:700;margin-top:1rem}.logout-section{text-align:center}.logout-btn{background:#e8596b;color:#fff;border:0;padding:.8rem 2rem;border-radius:60px;font-weight:800}.auth-page{min-height:calc(100vh - 4rem);display:grid;place-items:center;background:linear-gradient(135deg,#c3e9b0,#fbf5cf);margin:-2rem -1.5rem;padding:2rem 1.5rem}.auth-card{border:1px solid #fff0cf;box-shadow:0 25px 45px -12px #00200040}.auth-logo{margin-bottom:1rem}.auth-card h1{color:#2c6537;font-size:2.2rem;margin-bottom:.5rem}.auth-card p{color:#4a7a3b;margin-bottom:1.3rem}.form-stack{display:grid;gap:1rem}.form-stack label,.edit-modal label{font-weight:800;color:#1e3a2f}.form-error{background:#ffe5e8;color:#a12636;border:1px solid #ffc7ce;padding:.8rem 1rem;border-radius:1rem;margin:1rem auto;max-width:900px}.auth-switch{margin-top:1rem}.auth-switch a{color:#2e7d5e;font-weight:800}.empty-state{background:#fff3e0;border-radius:2rem;padding:2rem;text-align:center;font-weight:700;color:#6c5a2c}.card{flex:1 1 220px}.card.unlocked{border-left:6px solid #4caf50}.card.locked{filter:grayscale(.4);opacity:.75}@media (max-width: 780px){body{padding:1rem}.rankings-page,.profile-page,.auth-page{margin:-1rem;padding:1rem}.nav-container,.nav-links{justify-content:center}.nav-links{gap:1rem}.hero-content h1,.rank-hero h1{font-size:2.1rem}.board-header,.rank-row{grid-template-columns:64px 1fr 90px;padding:.8rem;font-size:.86rem}.stats-grid,.progress-card-grid,.active-quest-grid{grid-template-columns:1fr}.survey-topbar,.survey-tabs{padding-left:1rem;padding-right:1rem}.survey-log-card{margin:1rem;padding:1rem}.survey-log-head{flex-direction:column}.survey-tab{min-width:0;flex:1 1 120px}.guide-card{border-radius:24px;padding:1.35rem}.guide-heading h2{font-size:1.32rem}}