@charset "UTF-8";:root{--font-family-main: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--sidebar-width: 250px;--mobile-breakpoint: 768px;--small-mobile-breakpoint: 480px;--mobile-padding: 20px;--mobile-gap: 15px}body{--primary-h: 207;--primary-s: 70%;--primary-l: 55%;--chart-primary-color: hsl(var(--primary-h), var(--primary-s), var(--primary-l));--btn-primary-bg: var(--chart-primary-color);--btn-primary-hover-bg: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) + 5%))}body{--active-item-bg: #e0e0e0;--bg-color: #f4f7f9;--border-color: #e0e0e0;--card-bg: #ffffff;--chart-grid-color: #ecf0f1;--hover-item-bg: #ecf0f1;--sidebar-bg: #ffffff;--stat-box-bg: #f8f9fa;--text-color: #333;--text-color-light: #7f8c8d;--btn-text-color: #ffffff;--btn-danger-bg: #e74c3c;--btn-danger-hover-bg: #c0392b;--btn-neutral-bg: #95a5a6;--btn-neutral-hover-bg: #7f8c8d;--btn-disabled-bg: #bdc3c7;--btn-disabled-text-color: #7f8c8d;--btn-icon-color: var(--text-color-light);--btn-icon-hover-color: var(--text-color);--btn-icon-solid-hover-bg: #bdc3c7;--success-color: #2ecc71;--success-color-light: #58d68d;--success-color-dark: #27ae60}body.dark-mode{--active-item-bg: #4a4a4a;--bg-color: #1a1a1a;--border-color: #444444;--card-bg: #2c2c2c;--chart-grid-color: #444444;--hover-item-bg: #3a3a3a;--sidebar-bg: #252525;--stat-box-bg: #333333;--text-color: #e0e0e0;--text-color-light: #8e8e8e;--btn-primary-hover-bg: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) + 7%));--btn-danger-bg: #c0392b;--btn-danger-hover-bg: #e74c3c;--btn-neutral-bg: #566573;--btn-neutral-hover-bg: #627282;--btn-disabled-bg: #424949;--btn-disabled-text-color: var(--text-color-light);--btn-icon-solid-hover-bg: #555555;--success-color: #27ae60;--success-color-light: #2ecc71;--success-color-dark: #229954}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes pop-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fade-up{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shake-horizontal{0%,to{transform:translate(0)}10%,30%,50%,70%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes footer-bar-success-morph{0%{background-color:#fffc;box-shadow:0 -8px 32px #0000001f;border-color:#fff3}15%{background-color:#2ecc71f2;box-shadow:0 -8px 32px #2ecc7166,0 0 20px #2ecc714d;border-color:#2ecc7180}50%{background-color:#2ecc71fa;box-shadow:0 -8px 40px #2ecc7180,0 0 30px #2ecc7166;border-color:#2ecc7199;transform:translateY(0) scale(1.02)}85%{background-color:#2ecc71f2;box-shadow:0 -8px 32px #2ecc7166,0 0 20px #2ecc714d;border-color:#2ecc7180;transform:translateY(0) scale(1)}to{background-color:#fffc;box-shadow:0 -8px 32px #0000001f;border-color:#fff3}}@keyframes footer-bar-success-morph-dark{0%{background-color:#2c2c2ccc;box-shadow:0 -8px 32px #0000004d;border-color:#ffffff1a}15%{background-color:#2ecc71f2;box-shadow:0 -8px 32px #2ecc7166,0 0 20px #2ecc714d;border-color:#2ecc7180}50%{background-color:#2ecc71fa;box-shadow:0 -8px 40px #2ecc7180,0 0 30px #2ecc7166;border-color:#2ecc7199;transform:translateY(0) scale(1.02)}85%{background-color:#2ecc71f2;box-shadow:0 -8px 32px #2ecc7166,0 0 20px #2ecc714d;border-color:#2ecc7180;transform:translateY(0) scale(1)}to{background-color:#2c2c2ccc;box-shadow:0 -8px 32px #0000004d;border-color:#ffffff1a}}@keyframes success-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes success-icon-pop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes success-text-fade-up{0%{transform:translateY(5px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pop-in-feedback{to{transform:scale(1);opacity:1}}@keyframes fade-up-feedback{to{transform:translateY(0);opacity:1}}@keyframes tooltip-grow{0%{transform:translate(-50%,calc(-100% - 12px)) scale(.8);opacity:0}to{transform:translate(-50%,calc(-100% - 12px)) scale(1);opacity:1}}@keyframes tooltip-shrink{0%{transform:translate(-50%,calc(-100% - 12px)) scale(1);opacity:1}to{transform:translate(-50%,calc(-100% - 12px)) scale(.8);opacity:0}}@keyframes pulseOutline{0%{box-shadow:0 0 #ffc10799}70%{box-shadow:0 0 0 6px #ffc10700}to{box-shadow:0 0 #ffc10700}}@keyframes trophyShine{0%,to{filter:brightness(1) drop-shadow(0 0 0 transparent);transform:scale(1)}50%{filter:brightness(1.2) drop-shadow(0 0 10px rgba(255,193,7,.5));transform:scale(1.05)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}@keyframes quest-trophy-rotate-in{0%{transform:rotate(-180deg) scale(0)}to{transform:rotate(0) scale(1)}}@keyframes quest-scale-up{0%{transform:scale(.95)}to{transform:scale(1)}}@keyframes quest-slide-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes quest-gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes progress-ring-celebration{0%,to{stroke-width:6;opacity:1;filter:drop-shadow(0 0 0 rgba(var(--primary-rgb, 52, 152, 219),0))}50%{stroke-width:7;opacity:1;filter:drop-shadow(0 0 8px rgba(var(--primary-rgb, 52, 152, 219),.6))}}@keyframes progress-text-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:1}}@keyframes progress-bar-celebration{0%,to{box-shadow:0 0 rgba(var(--primary-rgb, 52, 152, 219),0)}50%{box-shadow:0 0 16px rgba(var(--primary-rgb, 52, 152, 219),.6)}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-family-main);margin:0}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:5px;color:var(--text-color);font-size:1em;margin:5px;padding:10px}.dashboard{display:flex;height:100vh}.main-content{color:var(--text-color-light);flex-grow:1;overflow-y:auto;padding:40px;position:relative}button{background-color:var(--chart-primary-color);border:none;border-radius:5px;color:var(--btn-text-color);cursor:pointer;font-size:1em;margin:5px;padding:10px;transition:background-color .2s}button:hover{background-color:var(--btn-primary-hover-bg)}button:disabled{background-color:var(--btn-disabled-bg);color:var(--btn-disabled-text-color);cursor:not-allowed}.primary-btn{background-color:var(--btn-primary-bg);color:var(--btn-text-color);font-weight:600}.primary-btn:hover:not(:disabled){background-color:var(--btn-primary-hover-bg)}.primary-btn:active{opacity:.9;transform:translateY(1px)}.danger-btn{background-color:var(--btn-danger-bg)}.danger-btn:hover{background-color:var(--btn-danger-hover-bg)}.neutral-btn{background-color:var(--btn-neutral-bg)}.neutral-btn:hover{background-color:var(--btn-neutral-hover-bg)}.card-header .neutral-btn{margin:0;padding:8px 12px;white-space:nowrap}.card-header .neutral-btn i{margin-right:6px}.icon-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--btn-icon-color);cursor:pointer;display:flex;flex-shrink:0;font-size:1.1em;height:34px;justify-content:center;padding:8px;transition:background-color .2s,color .2s;width:34px}.icon-button:hover{background-color:var(--hover-item-bg);color:var(--btn-icon-hover-color)}.sidebar-footer-actions .icon-button{background-color:var(--active-item-bg);flex-shrink:0;height:44px;width:44px}.sidebar-footer-actions .icon-button:hover{background-color:var(--btn-icon-solid-hover-bg)}.add-project-list-item{align-items:center;align-self:center;background-color:var(--chart-primary-color);border:none;border-radius:99px;color:var(--btn-text-color);display:flex;flex-shrink:0;font-size:1em;font-weight:500;margin-top:8px;padding:8px 10px;text-align:left;transition:background-color .2s,opacity .2s;width:100%}.add-project-list-item:hover{opacity:.9}.add-project-list-item .project-icon-wrapper{background:#fff3}.add-project-btn{background-color:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:20px;margin-top:10px;padding:12px;transition:background-color .2s;width:100%}.add-project-btn:hover{background-color:#2980b9}.submit-entry-icon-btn{flex-shrink:0;width:50px;height:50px;font-size:1.4em;padding:0;border:none;border-radius:8px;background-color:var(--chart-primary-color);color:var(--btn-text-color);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;overflow:hidden}.submit-entry-icon-btn .btn-text{display:none}.submit-entry-icon-btn:not(:disabled):hover{transform:scale(1.05)}.submit-entry-icon-btn:disabled{background-color:var(--btn-disabled-bg);cursor:not-allowed;color:var(--btn-disabled-text-color)}.submit-entry-icon-btn .btn-icon-success,.submit-entry-icon-btn.is-success .btn-text,.submit-entry-icon-btn.is-success .btn-icon-send{display:none}.submit-entry-icon-btn.is-success .btn-icon-success{display:block}.submit-entry-icon-btn.is-success{background-color:#2ecc71;transform:scale(1.1)}@media(min-width:1025px){.submit-entry-icon-btn{width:auto;padding:0 20px;font-size:1.1em}.submit-entry-icon-btn .btn-text{display:inline;font-weight:600}.submit-entry-icon-btn .btn-icon-send i{font-size:.9em}}.welcome-cta-btn{background-color:var(--chart-primary-color);color:var(--btn-text-color);border:none;border-radius:8px;padding:15px 30px;font-size:1.2em;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;display:inline-flex;align-items:center;gap:12px;box-shadow:0 4px 15px rgba(var(--chart-primary-color-rgb, 52, 152, 219),.2)}.welcome-cta-btn:hover{background-color:var(--btn-primary-hover-bg);transform:translateY(-3px);box-shadow:0 6px 20px rgba(var(--chart-primary-color-rgb, 52, 152, 219),.3)}.landing-cta-primary,.landing-cta-secondary{padding:16px 32px;font-size:1.1em;font-weight:600;border:none;border-radius:12px;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease}.landing-cta-primary{background:var(--chart-primary-color);color:#fff;box-shadow:0 4px 12px #00000026}.landing-cta-primary:hover{background:var(--btn-primary-hover-bg);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #0003}.landing-cta-secondary{background:transparent;color:var(--text-color);border:2px solid var(--border-color)}.landing-cta-secondary:hover{background:var(--hover-item-bg);transform:translateY(-2px)}.empty-state-cta{padding:18px 36px;font-size:1.2em;font-weight:600;border:none;border-radius:12px;background:var(--chart-primary-color);color:#fff;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 12px #00000026;margin-top:20px}.empty-state-cta:hover{background:var(--btn-primary-hover-bg);transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #0003}.auth-btn,.logout-btn{width:100%;padding:8px 12px;background:var(--neutral-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:.9em;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;position:relative}.auth-btn:hover,.logout-btn:hover{background:var(--neutral-color-hover);border-color:var(--border-color-hover);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.auth-btn:active,.logout-btn:active{transform:translateY(0);box-shadow:0 1px 4px #0000001a}.auth-text,.logout-text{transition:all .3s cubic-bezier(.4,0,.2,1);opacity:1;transform:translate(0)}.sidebar-collapsed .logout-btn{width:40px;height:40px;padding:0;border-radius:50%;gap:0;min-width:40px;flex-shrink:0;margin:0 auto;display:flex;align-items:center;justify-content:center}.sidebar-collapsed .logout-text{opacity:0;transform:translate(-10px);width:0;overflow:hidden}.sidebar-collapsed .logout-btn i{margin:0;font-size:16px}.sidebar-collapsed .auth-btn{width:40px;height:40px;padding:0;border-radius:50%;gap:0;min-width:40px;flex-shrink:0;margin:0 auto 8px;display:flex;align-items:center;justify-content:center}.sidebar-collapsed .auth-text{opacity:0;transform:translate(-10px);width:0;overflow:hidden}.sidebar-collapsed .auth-btn i{margin:0;font-size:16px}.mobile-menu-btn{display:none;position:fixed;top:15px;left:15px;z-index:999;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:10px 12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:all .2s ease}.mobile-menu-btn:hover{background-color:var(--hover-item-bg);box-shadow:0 3px 12px #00000026}.mobile-menu-btn i{font-size:1.2em;color:var(--text-color)}@media(max-width:768px){.mobile-menu-btn{display:block}#toggle-sidebar-btn{display:none}}.language-flag-btn{display:flex;align-items:center;justify-content:center;width:60px;height:50px;border:2px solid var(--border-color);border-radius:8px;background-color:var(--card-bg);cursor:pointer;transition:all .2s ease-in-out;font-size:2em;padding:0}.language-flag-btn:hover{transform:translateY(-2px);border-color:var(--text-color-light)}.language-flag-btn.active{border-color:var(--chart-primary-color);box-shadow:0 0 0 2px var(--chart-primary-color)}.language-flag-btn .flag{font-size:inherit;line-height:1}.feedback-buttons-group{display:flex;gap:12px;flex-wrap:wrap}.feedback-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:2px solid var(--border-color);border-radius:8px;background-color:var(--stat-box-bg);color:var(--text-color);font-size:.95em;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;flex:1;min-width:140px}.feedback-btn i{font-size:1em;color:var(--text-color-light)}.feedback-btn:hover{transform:translateY(-2px);border-color:var(--chart-primary-color);background-color:var(--hover-item-bg);box-shadow:0 2px 8px #0000001a}.feedback-btn:hover i{color:var(--text-color)}.feedback-btn-feedback{color:var(--text-color);border-color:var(--border-color)}.feedback-btn-feedback:hover{border-color:var(--chart-primary-color)}.feedback-btn-bug{color:var(--text-color);border-color:var(--border-color)}.feedback-btn-bug:hover{border-color:var(--chart-primary-color)}.card{background-color:var(--card-bg);border-radius:8px;box-shadow:0 4px 12px #0000000d;margin-bottom:30px;padding:25px}.card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.card-header h1{margin:0}.card h3{margin-top:0}.card-actions{margin-top:20px;border-top:1px solid var(--border-color);padding-top:20px}#project-settings-card{padding:0;display:flex;flex-direction:column}.project-settings-main-zone{padding:25px 25px 20px}.project-settings-actions{margin-top:20px;display:flex}.project-settings-actions #update-project-btn{flex-grow:1;margin:0;padding:12px;font-size:1.1em;font-weight:600}.settings-divider{border:none;border-top:1px solid var(--border-color);margin:0}.project-settings-danger-zone{padding:20px 25px 25px;background-color:#e74c3c0d;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.project-settings-danger-zone h4{margin-top:0;margin-bottom:5px;color:var(--text-color);font-size:1.1em}.project-settings-danger-zone p{margin-top:0;margin-bottom:15px;font-size:.9em;color:var(--text-color-light)}.project-settings-danger-zone #delete-project-btn{width:100%;margin:0}#project-settings-form{display:flex;flex-direction:column;gap:20px;margin:20px 0 0}.setting-row{align-items:center;display:flex;gap:15px}.setting-row label{flex-basis:110px;font-weight:500;color:var(--text-color);padding-top:8px;align-self:flex-start}.setting-row .clearable-input-container{flex-grow:1}.setting-row input{margin:0;width:100%;box-sizing:border-box}.progress-stats{display:flex;font-size:1.2em;font-weight:500;justify-content:space-between;margin:10px 0}#progress-percent{color:var(--chart-primary-color)}.progress-bar-container{background-color:var(--hover-item-bg);border-radius:10px;height:20px;margin-bottom:20px;width:100%}.progress-bar{background-color:var(--chart-primary-color);border-radius:10px;height:100%;transition:width .5s ease-in-out;width:0%}.mini-progress-container{height:18px;background-color:var(--border-color);border-radius:9px;position:relative}.modal-backdrop{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000;opacity:0;transition:opacity .2s ease-out}.modal-backdrop.is-visible{opacity:1}.modal{background-color:var(--card-bg);border-radius:8px;box-shadow:0 5px 15px #0000004d;max-width:600px;max-height:90vh;width:90%;display:flex;flex-direction:column;transform:scale(.95);opacity:0;transition:transform .2s ease-out,opacity .2s ease-out}.modal-backdrop.is-visible .modal{transform:scale(1);opacity:1}.modal:has(.account-modal-content){max-width:900px;width:95%;align-self:flex-start;margin-top:5vh;margin-bottom:5vh;transform:scale(.95) translateY(-20px);transform-origin:top center;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.modal-backdrop.is-visible .modal:has(.account-modal-content){transform:scale(1) translateY(0)}.modal h2{color:var(--text-color);padding:30px 30px 20px;margin:0;flex-shrink:0}.modal-actions{padding:20px 30px 30px;margin-top:auto;text-align:right;display:flex;justify-content:flex-end;flex-shrink:0;border-top:none}.modal-actions.has-scrollable-content{border-top:1px solid var(--border-color)}.modal-actions button{margin-left:10px}#modal-cancel-btn{background-color:var(--btn-neutral-bg)}#modal-cancel-btn:hover{background-color:var(--btn-neutral-hover-bg)}#modal-content{color:var(--text-color-light);padding:0 30px;flex-grow:1;overflow-y:auto;max-height:90vh;transition:min-height .3s cubic-bezier(.4,0,.2,1)}#settings-modal .setting-group{margin-bottom:20px}#settings-modal h4{border-bottom:1px solid var(--border-color);margin-bottom:10px;margin-top:0;padding-bottom:5px}#settings-modal .radio-group,#settings-modal .theme-group{display:flex;gap:15px}#settings-modal .theme-button{border:2px solid var(--border-color);border-radius:50%;cursor:pointer;height:30px;transition:transform .2s,border-color .2s;width:30px}#settings-modal .theme-button.active{border-color:var(--chart-primary-color);transform:scale(1.15)}.mode-selector-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.mode-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;border:2px solid var(--border-color);border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;background-color:var(--card-bg);color:var(--text-color)}.mode-button.mode-light-preview{background-color:#f4f7f9;border-color:#e0e0e0;color:#333}.mode-button.mode-dark-preview{background-color:#2c2c2c;border-color:#444;color:#e0e0e0}.mode-button:not(.active):hover{transform:translateY(-2px);border-color:var(--text-color-light)}.mode-button.active{border-color:var(--chart-primary-color);box-shadow:0 0 0 2px var(--chart-primary-color);color:var(--chart-primary-color)}.mode-button[data-mode=auto].active{color:var(--text-color)}.mode-button i{font-size:1.1em}.mode-button .pro-badge{display:inline-block!important;margin-left:6px;font-size:.75em;background:var(--chart-primary-color);color:#fff;padding:2px 6px;border-radius:8px;font-weight:600;line-height:1.2;flex-shrink:0;white-space:nowrap}#customize-stats-list{display:grid;gap:10px;grid-template-columns:1fr 1fr}.customize-stat-item{display:flex;align-items:center;border-radius:8px;padding:8px;transition:background-color .2s ease-in-out}.customize-stat-item input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.customize-stat-item label{display:flex;align-items:center;cursor:pointer;color:var(--text-color);flex-grow:1;position:relative}.customize-stat-item label:before{content:"";display:block;width:20px;height:20px;border:2px solid var(--text-color-light);border-radius:5px;margin-right:12px;background-color:var(--card-bg);transition:all .2s ease-in-out}.customize-stat-item:hover{background-color:var(--hover-item-bg)}.customize-stat-item input[type=checkbox]:checked+label:before{background-color:var(--chart-primary-color);border-color:var(--chart-primary-color)}.customize-stat-item label:after{content:"";position:absolute;left:7px;top:5px;width:6px;height:10px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg);opacity:0;transition:opacity .1s ease-in-out}.customize-stat-item input[type=checkbox]:checked+label:after{opacity:1}.customize-stat-item input[type=checkbox]:focus-visible+label:before{box-shadow:0 0 0 3px hsla(var(--primary-h),var(--primary-s),var(--primary-l),.4)}.entry-edit-list{list-style:none;margin:0;padding:0}.entry-edit-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:10px;padding:10px}.entry-edit-item:last-child{border-bottom:none}.entry-edit-item input{background-color:var(--bg-color);border-color:var(--border-color);color:var(--text-color);min-width:0}.entry-edit-item input[type=date]{flex-basis:130px;flex-grow:1;flex-shrink:1}.entry-edit-item input[type=number]{flex-basis:70px;flex-grow:1;flex-shrink:1}.entry-edit-item .save-entry-btn{margin-left:auto;white-space:nowrap}.entry-edit-item .icon-button.danger-btn{background-color:transparent;border:none;color:var(--btn-danger-bg);flex-shrink:0;height:40px;width:40px}.entry-edit-item .icon-button.danger-btn:hover{background-color:#e74c3c1a}.entry-edit-item.is-marked-for-deletion{position:relative;opacity:.6;text-decoration:none}.entry-edit-item.is-marked-for-deletion:after{content:"";position:absolute;left:20px;top:47%;width:80%;height:2px;background-color:var(--btn-danger-bg);pointer-events:none}.entry-edit-item.is-marked-for-deletion .edit-date-input,.entry-edit-item.is-marked-for-deletion .edit-words-input{pointer-events:none;background-color:transparent;border-color:transparent}.entry-edit-item.is-marked-for-deletion .delete-entry-btn,.entry-edit-item .undo-delete-btn{display:none}.entry-edit-item.is-marked-for-deletion .undo-delete-btn{display:inline-block;vertical-align:middle;color:var(--chart-primary-color);background-color:transparent;border:none;text-decoration:none}.entry-edit-item.is-marked-for-deletion .undo-delete-btn:hover{background-color:var(--hover-item-bg)}.icon-picker-header,.color-picker-header{margin-bottom:15px}.icon-picker-header input{font-size:1.1em;margin:0;padding:10px;width:95%}.icon-picker-grid,.color-picker-grid{display:grid;gap:15px;height:40vh;overflow-y:auto;padding-top:5px;scrollbar-gutter:stable;padding-right:10px;align-content:start}.icon-picker-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.color-picker-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}.icon-picker-item{align-items:center;background-color:#f0f0f1;border-radius:50%;color:#3c4043;cursor:pointer;display:flex;font-size:28px;height:60px;justify-content:center;transition:background-color .2s,transform .1s;width:60px}.icon-picker-item:hover{background-color:#e8eaed;transform:scale(1.1)}.icon-picker-item.selected{background-color:var(--chart-primary-color);color:#fff}.color-picker-item{border-radius:50%;cursor:pointer;height:50px;transition:transform .1s,box-shadow .2s;width:50px}.color-picker-item:hover{transform:scale(1.15);box-shadow:0 2px 8px #0003}.color-picker-item.selected{box-shadow:0 0 0 3px var(--chart-primary-color),0 0 0 5px #0000001a;transform:scale(1.1)}.style-controls{align-items:center;display:flex;flex-grow:1;gap:10px}.style-control{border:2px solid #ccc;border-radius:50%;box-sizing:border-box;cursor:pointer;flex-shrink:0;height:40px;margin:0;padding:0;transition:transform .2s,border-color .2s;width:40px}.color-picker-btn.style-control{background:transparent}.color-picker-btn.style-control:hover{transform:scale(1.1)}.icon-picker-btn.style-control{align-items:center;background-color:#f0f0f1;color:#3c4043;display:flex;justify-content:center}.icon-picker-btn.style-control:hover{background-color:#e0e0e0;transform:scale(1.1)}.icon-picker-btn.style-control i{font-size:1.2em;margin:0}.account-modal-content{width:100%;max-width:800px;position:relative;padding-top:20px;transition:height .3s cubic-bezier(.4,0,.2,1)}.account-modal-close{position:absolute;top:0;right:0;width:36px;height:36px;border:none;background:var(--card-bg);color:var(--text-color-light);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.1em;transition:all .2s ease;z-index:10;box-shadow:0 2px 8px #0000001a;border:1px solid var(--border-color)}.account-modal-close:hover{transform:scale(1.1);background:var(--hover-item-bg);color:var(--text-color)}.account-header{display:flex;align-items:center;justify-content:space-between;padding:24px;background:var(--card-bg);border-radius:12px;margin-bottom:24px;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000000d}.account-header-profile{display:flex;align-items:center;gap:16px;flex:1}.account-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--accent-color, #667eea),var(--accent-hover, #764ba2));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #0000001a}.account-avatar-initials{color:#fff;font-size:1.5em;font-weight:600;line-height:1}.account-header-info{flex:1;min-width:0}.account-header-name{margin:0 0 4px;font-size:1.25em;font-weight:600;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-header-email{margin:0;font-size:.9em;color:var(--text-color-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-header-status{flex-shrink:0}.account-status-badge{display:inline-block;padding:6px 16px;border-radius:20px;font-weight:600;font-size:.9em;white-space:nowrap}.account-status-badge.status-free{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff}.account-status-badge.status-monthly,.account-status-badge.status-annual{background:linear-gradient(135deg,var(--accent-color, #667eea),var(--accent-hover, #764ba2));color:#fff}.account-status-badge.status-lifetime{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.account-tabs{display:flex;gap:4px;border-bottom:2px solid var(--border-color);margin-bottom:24px;overflow:visible;width:100%}.account-tab{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-color-light);font-size:.9em;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-height:44px;flex:1;min-width:0}.account-tab:hover{color:var(--text-color);background:var(--hover-item-bg)}.account-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color);background:var(--hover-item-bg)}.account-tab span{flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-tab i{font-size:1.1em;flex-shrink:0}.account-tab-content{min-height:300px;transition:min-height .3s cubic-bezier(.4,0,.2,1)}.account-panel{display:none}.account-panel.active{display:block;animation:fadeIn .3s ease 0s forwards}.account-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:16px;box-shadow:0 2px 8px #0000000d;overflow:hidden;transition:box-shadow .2s ease}.account-card:hover{box-shadow:0 4px 12px #0000001a}.account-card-header{padding:20px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.account-card-title{margin:0;font-size:1.125em;font-weight:600;color:var(--text-color);display:flex;align-items:center;gap:10px}.account-card-title i{font-size:1em;color:var(--accent-color)}.account-card-title-danger,.account-card-title-danger i{color:#e74c3c}.account-card-body{padding:24px}.account-card-description{margin:0 0 16px;color:var(--text-color-light);line-height:1.6;font-size:.95em}.account-card-danger{border-color:#e74c3c;background:#e74c3c05}.account-field-group{display:flex;align-items:center;gap:12px;margin-bottom:12px}.account-field-group-editable{position:relative}.account-field-group.is-editing .account-field-input{border-color:var(--accent-color);background:var(--card-bg)}.account-field-value{flex:1;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:.95em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-field-input{flex:1;padding:10px 14px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);color:var(--text-color);font-size:.95em;transition:all .2s ease}.account-field-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb, 102, 126, 234),.1)}.account-field-input:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-secondary)}.account-field-hint{display:block;margin-top:6px;font-size:.85em;color:var(--text-color-light);opacity:.8}.account-copy-btn,.account-edit-btn,.account-save-btn,.account-cancel-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-color);font-size:.9em;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.account-copy-btn:hover,.account-edit-btn:hover{background:var(--hover-item-bg);border-color:var(--accent-color);color:var(--accent-color)}.account-save-btn{background:var(--accent-color);color:#000;border-color:var(--accent-color)}.account-save-btn:hover{opacity:.9;transform:translateY(-1px);color:#fff}.account-cancel-btn{background:transparent;color:var(--text-color-light)}.account-cancel-btn:hover{background:var(--hover-item-bg);color:var(--text-color)}.account-action-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--accent-color);color:#fff;border:none;border-radius:8px;font-size:.95em;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:8px}#export-data-btn{color:#000;border:1px solid}#export-data-btn:hover{color:#fff}.account-action-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.account-action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.account-action-btn-primary{background:linear-gradient(135deg,var(--accent-color, #667eea),var(--accent-hover, #764ba2))}.account-action-btn-danger{background:linear-gradient(135deg,#e74c3c,#c0392b)}.account-action-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#c0392b,#a93226)}.account-action-btn-secondary{background:var(--bg-secondary);color:var(--text-color);border:1px solid var(--border-color)}.account-action-btn-secondary:hover:not(:disabled){background:var(--hover-item-bg)}.account-action-btn-full{width:100%;justify-content:center}.account-action-group{display:flex;gap:12px;margin-top:16px}.account-action-group .account-action-btn{flex:1;margin-top:0}.account-info-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border-color)}.account-info-item:last-child{border-bottom:none}.account-info-label{font-weight:500;color:var(--text-color-light);font-size:.95em}.account-info-value{font-weight:600;color:var(--text-color);font-size:.95em}.account-info-value.status-free{color:#7f8c8d}.account-info-value.status-monthly,.account-info-value.status-annual{color:var(--accent-color)}.account-info-value.status-lifetime{color:#f5576c}.account-form-group{margin-bottom:20px}.account-form-label{display:block;margin-bottom:8px;font-size:.9em;font-weight:500;color:var(--text-color)}.account-form-input{width:100%;padding:12px 14px;border:1px solid var(--border-color);border-radius:8px;background:var(--card-bg);color:var(--text-color);font-size:.95em;transition:all .2s ease;box-sizing:border-box}.account-form-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb, 102, 126, 234),.1)}.account-password-wrapper{position:relative;display:flex;align-items:center}.account-password-wrapper .account-form-input{padding-right:48px}.account-password-toggle{position:absolute;right:12px;background:none;border:none;color:var(--text-color-light);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.account-password-toggle:hover{color:var(--text-color)}.account-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.95em;color:var(--text-color);-webkit-user-select:none;user-select:none}.account-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--accent-color)}.account-feedback{display:none;margin-top:8px;padding:8px 12px;border-radius:6px;font-size:.85em;line-height:1.4}.account-feedback-error{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.account-feedback-success{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.account-feedback-warning{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}.account-accordion{overflow:hidden}.account-accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:transparent;border:none;cursor:pointer;transition:background .2s ease;text-align:left}.account-accordion-header:hover{background:var(--hover-item-bg)}.account-accordion-title{display:flex;align-items:center;gap:12px;font-size:1.05em;font-weight:600;color:var(--text-color)}.account-accordion-title i{font-size:1em;color:var(--accent-color)}.account-accordion-icon{transition:transform .3s ease;color:var(--text-color-light)}.account-accordion-icon.rotated{transform:rotate(180deg)}.account-accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.account-accordion-content.expanded{max-height:1000px}.account-card-subscription{border-color:var(--accent-color)}.account-subscription-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:20px;font-weight:600;font-size:1em}.account-subscription-badge.status-free{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff}.account-subscription-badge.status-monthly,.account-subscription-badge.status-annual{background:linear-gradient(135deg,var(--accent-color, #667eea),var(--accent-hover, #764ba2));color:#fff}.account-subscription-badge.status-lifetime{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.account-subscription-info{display:flex;align-items:center;gap:8px;margin:16px 0;padding:12px;background:var(--bg-secondary);border-radius:8px;color:var(--text-color-light);font-size:.95em}.account-subscription-info i{color:var(--accent-color)}.account-feature-list{list-style:none;padding:0;margin:16px 0}.account-feature-list li{display:flex;align-items:center;gap:10px;padding:8px 0;color:var(--text-color-light);font-size:.95em}.account-feature-list i{color:var(--accent-color);font-size:1em;flex-shrink:0}.account-danger-warning{display:flex;align-items:center;gap:10px;padding:14px;background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);border-radius:8px;margin-bottom:16px;color:#e74c3c}.account-danger-warning i{font-size:1.2em;flex-shrink:0}.account-danger-warning strong{font-weight:600}.account-danger-list{list-style:none;padding:0;margin:16px 0}.account-danger-list li{padding:8px 0 8px 24px;color:var(--text-color-light);position:relative;font-size:.95em}.account-danger-list li:before{content:"•";position:absolute;left:8px;color:#e74c3c;font-weight:700;font-size:1.2em}.delete-account-step{animation:fadeIn .3s ease 0s forwards}.supporter-modal-content{position:relative;display:flex;flex-direction:column;gap:20px;padding:20px;width:100%;max-width:100%;box-sizing:border-box}.supporter-modal-close{position:absolute;top:0;right:0;width:32px;height:32px;border:none;background-color:var(--bg-color);color:var(--text-color-light);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2em;transition:all .2s ease;z-index:10;box-shadow:0 2px 8px #00000026}.supporter-modal-close:hover{background-color:var(--border-color);color:var(--text-color);transform:scale(1.1)}.support-header{text-align:center;padding:0 4px}.support-icon{font-size:2.5em;color:var(--chart-primary-color);margin-bottom:10px}.support-header h3{color:var(--text-color);font-size:1.5em;font-weight:700;margin-bottom:10px;padding:0 8px}.support-header p{color:var(--text-color-light);font-size:1em;line-height:1.6;margin:0;padding:0 4px}.support-perks{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin:0;width:80%;box-sizing:border-box;align-self:center}.support-perks h4{color:var(--text-color);font-size:1em;font-weight:600;margin-bottom:12px;text-align:center}.perks-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;align-items:start}.perks-list li{display:flex;align-items:center;gap:12px;color:var(--text-color);font-size:.95em;justify-content:center}.perks-list li i{color:var(--chart-primary-color);font-size:1.1em;flex-shrink:0}.price-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;box-sizing:border-box}.price-tier{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 12px;border:2px solid var(--border-color);border-radius:8px;background-color:var(--card-bg);cursor:pointer;transition:all .2s ease-in-out;min-width:0;box-sizing:border-box}.price-tier:hover{transform:translateY(-2px);border-color:var(--text-color-light)}.price-tier.active{border-color:var(--chart-primary-color);box-shadow:0 0 0 2px var(--chart-primary-color)}.price-tier-highlighted{border-color:var(--chart-primary-color);background-color:var(--bg-color)}.price-tier-highlighted:hover{border-color:var(--chart-primary-color)}.tier-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background-color:var(--chart-primary-color);color:#fff;padding:4px 12px;border-radius:12px;font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.tier-label{color:var(--text-color);font-size:.9em;font-weight:600;margin-bottom:8px;text-align:center;padding:0 4px;word-wrap:break-word;overflow-wrap:break-word}.tier-price{color:var(--text-color);font-size:1.8em;font-weight:700;margin-bottom:4px;line-height:1.2;word-wrap:break-word;overflow-wrap:break-word}.tier-subtext{color:var(--text-color-light);font-size:.85em;text-align:center;padding:0 4px;word-wrap:break-word;overflow-wrap:break-word}.support-cta-btn{width:100%;padding:14px 24px;background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border:none;border-radius:8px;font-size:1.05em;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.support-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000040;background:linear-gradient(135deg,#5568d3,#6a4190)!important}.support-cta-btn:active{transform:translateY(0)}.support-footer{text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.support-footer-separator{color:var(--text-color-light);font-size:.9em}.support-terms-link-inline{color:var(--text-color-light);font-size:.9em;text-decoration:underline;transition:color .2s ease}.support-terms-link-inline:hover{color:var(--text-color)}.support-close-link{background:none;border:none;color:var(--text-color-light);font-size:.9em;text-decoration:underline;cursor:pointer;padding:0;transition:color .2s ease}.support-close-link:hover{color:var(--text-color)}.feedback-form-container{padding:0}.feedback-form-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.feedback-form-header i{font-size:1.5em;color:var(--chart-primary-color)}.feedback-form-header h3{margin:0;font-size:1.2em;color:var(--text-color)}.feedback-form-description{color:var(--text-color-light);font-size:.9em;line-height:1.5;margin-bottom:20px}.feedback-form{display:flex;flex-direction:column;gap:20px}.feedback-form-group{display:flex;flex-direction:column;gap:8px}.feedback-form-label{font-weight:600;color:var(--text-color);font-size:.95em}.feedback-form-input,.feedback-form-textarea{width:100%;padding:12px;border:2px solid var(--border-color);border-radius:8px;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-family-main);font-size:.95em;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.feedback-form-input:focus,.feedback-form-textarea:focus{outline:none;border-color:var(--chart-primary-color);box-shadow:0 0 0 3px rgba(var(--chart-primary-color-rgb, 52, 152, 219),.1)}.feedback-form-textarea{resize:vertical;min-height:120px;line-height:1.5}.feedback-form-input:disabled,.feedback-form-textarea:disabled{opacity:.6;cursor:not-allowed}.feedback-form-hint{color:var(--text-color-light);font-size:.85em;margin-top:-4px}.feedback-char-count{text-align:right;color:var(--text-color-light);font-size:.85em;margin-top:-4px}.feedback-char-count span{font-weight:600}.feedback-form-feedback{padding:12px 16px;border-radius:8px;font-size:.95em;display:flex;align-items:center;gap:8px;margin-top:8px}.feedback-form-feedback.success{background-color:#2ecc711a;border:1px solid rgba(46,204,113,.3);color:#27ae60}.feedback-form-feedback.error{background-color:#e74c3c1a;border:1px solid rgba(231,76,60,.3);color:#e74c3c}.feedback-form-feedback i{font-size:1.1em}.challenge-created-success{display:flex;align-items:center;justify-content:center;min-height:400px;padding:40px 20px}.challenge-created-success-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:500px;width:100%;gap:24px}.challenge-created-success-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.challenge-created-success-icon{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--success-color-light),var(--success-color));display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #2ecc714d;animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1) .2s both;position:relative;z-index:2}.challenge-created-success-icon i{font-size:3.5em;color:#fff;animation:checkmark .6s cubic-bezier(.34,1.56,.64,1) .4s both}.challenge-created-success-particles{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.challenge-created-success-particles i{position:absolute;font-size:1.2em;color:var(--success-color);opacity:0;animation:particleFloat 1.5s ease-out .8s both}.challenge-created-success-particles i:nth-child(1){top:-20px;left:20px;animation-delay:.8s;animation-name:particleFloat1}.challenge-created-success-particles i:nth-child(2){top:10px;right:-10px;animation-delay:1s;animation-name:particleFloat2}.challenge-created-success-particles i:nth-child(3){bottom:-10px;left:10px;animation-delay:1.2s;animation-name:particleFloat3}.challenge-created-success-title{font-size:1.75em;font-weight:700;color:var(--success-color);margin:0;animation:fadeInUp .6s ease-out .3s both}.challenge-created-success-message{font-size:1em;color:var(--text-color-light);margin:0;line-height:1.6;animation:fadeInUp .6s ease-out .4s both}.challenge-link-display{display:flex;flex-direction:column;gap:12px;width:100%;animation:fadeInUp .6s ease-out .5s both}.challenge-link-wrapper{display:flex;align-items:center;gap:8px;background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease}.challenge-link-wrapper:hover{border-color:var(--success-color);box-shadow:0 0 0 3px #2ecc711a}.challenge-link-text{flex:1;font-size:.9em;color:var(--text-color);background:transparent;border:none;padding:0;margin:0;word-break:break-all;text-align:left;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.challenge-link-copy-btn{flex-shrink:0;width:36px;height:36px;border:none;background:var(--bg-secondary);border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.challenge-link-copy-btn:hover{background:var(--success-color);color:#fff;transform:scale(1.1)}.challenge-created-close-btn{margin-top:8px;padding:14px 32px;border:none;border-radius:8px;background:linear-gradient(135deg,var(--success-color),var(--success-color-dark));color:#fff;font-size:1em;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #2ecc7133;animation:fadeInUp .6s ease-out .6s both}.challenge-created-close-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2ecc7166}.challenge-created-close-btn:active{transform:translateY(0)}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes checkmark{0%{transform:scale(0) rotate(-45deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes particleFloat1{0%{transform:translate(0) scale(0);opacity:0}50%{opacity:1}to{transform:translate(30px,-40px) scale(1);opacity:0}}@keyframes particleFloat2{0%{transform:translate(0) scale(0);opacity:0}50%{opacity:1}to{transform:translate(-40px,-20px) scale(1);opacity:0}}@keyframes particleFloat3{0%{transform:translate(0) scale(0);opacity:0}50%{opacity:1}to{transform:translate(20px,30px) scale(1);opacity:0}}@keyframes fadeInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.challenge-created-success{min-height:350px;padding:30px 16px}.challenge-created-success-icon{width:80px;height:80px}.challenge-created-success-icon i{font-size:2.8em}.challenge-created-success-title{font-size:1.5em}}.setting-row.checkbox-row{flex-direction:column;align-items:flex-start;gap:8px;padding:0;margin-top:0;height:50px;border-top:none}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:500;color:var(--text-color);-webkit-user-select:none;user-select:none;position:relative}.checkbox-label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.checkbox-label:before{content:"";display:block;width:20px;height:20px;border:2px solid var(--text-color-light);border-radius:5px;background-color:var(--card-bg);transition:all .2s ease-in-out;flex-shrink:0}.checkbox-label:after{content:"";position:absolute;left:10px;top:50%;width:6px;height:10px;border:solid white;border-width:0 3px 3px 0;transform:translate(-50%,-50%) rotate(45deg);opacity:0;transition:opacity .1s ease-in-out}.checkbox-label:has(input[type=checkbox]:checked):before{background-color:var(--chart-primary-color);border-color:var(--chart-primary-color)}.checkbox-label:has(input[type=checkbox]:checked):after{opacity:1}.checkbox-label:has(input[type=checkbox]:focus-visible):before{box-shadow:0 0 0 3px hsla(var(--primary-h),var(--primary-s),var(--primary-l),.4)}.checkbox-label span{flex:1}.checkbox-hint{font-size:.85em;color:var(--text-color-light);margin-left:32px;line-height:1.4}.monthly-challenge-result-content{display:flex;flex-direction:column;gap:24px;padding:8px 0}.challenge-result-header{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.challenge-result-icon{font-size:3em;line-height:1;margin-bottom:4px}.challenge-result-title{font-size:1.1em;font-weight:600;color:var(--text-color);line-height:1.4}.challenge-result-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin:8px 0}.challenge-stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000f}.challenge-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.challenge-stat-card.highlight{border-color:var(--chart-primary-color);background:linear-gradient(135deg,rgba(var(--chart-primary-color-rgb, 52, 152, 219),.05),rgba(var(--chart-primary-color-rgb, 52, 152, 219),.02));box-shadow:0 2px 8px rgba(var(--chart-primary-color-rgb, 52, 152, 219),.15)}.challenge-stat-card.highlight:hover{box-shadow:0 4px 16px rgba(var(--chart-primary-color-rgb, 52, 152, 219),.25)}body.dark-mode .challenge-stat-card{box-shadow:0 2px 8px #0003}body.dark-mode .challenge-stat-card:hover{box-shadow:0 4px 12px #0000004d}body.dark-mode .challenge-stat-card.highlight{box-shadow:0 2px 8px rgba(var(--chart-primary-color-rgb, 52, 152, 219),.3)}body.dark-mode .challenge-stat-card.highlight:hover{box-shadow:0 4px 16px rgba(var(--chart-primary-color-rgb, 52, 152, 219),.4)}.challenge-stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-color-light);opacity:.8;margin-bottom:8px}.challenge-stat-value{font-size:32px;font-weight:700;line-height:1.1;color:var(--text-color);letter-spacing:-.8px;margin-bottom:4px}.challenge-stat-card.highlight .challenge-stat-value{color:var(--chart-primary-color)}.challenge-stat-unit{font-size:13px;line-height:1.4;color:var(--text-color-light);margin-top:4px}.challenge-result-text{font-size:14px;line-height:1.6;color:var(--text-color-light);margin:0;text-align:center}.challenge-result-highlight{font-size:15px;line-height:1.6;color:var(--text-color);font-weight:600;margin:0;text-align:center;padding:12px 16px;background:var(--bg-secondary)}.challenge-result-footer{margin-top:8px;padding-top:16px;border-top:1px solid var(--border-color)}.challenge-result-footer .challenge-result-text{font-size:15px;font-weight:500;color:var(--text-color)}.monthly-challenge-result-content.high-five-success{animation:celebrate .6s ease-out}@keyframes celebrate{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}#modal-confirm-btn.high-fived{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.modal-actions.challenge-result-actions{flex-direction:column-reverse;align-items:center;justify-content:center;gap:12px;padding:20px 30px 30px}.modal-actions.challenge-result-actions button{margin-left:0;width:auto;min-width:220px}.modal-actions.challenge-result-actions #modal-cancel-btn{background:none;border:none;color:var(--text-color-light);font-size:.9em;text-decoration:underline;cursor:pointer;padding:8px 16px;transition:color .2s ease;min-width:auto;font-weight:400}.modal-actions.challenge-result-actions #modal-cancel-btn:hover{background:none;color:var(--text-color)}@media(max-width:768px){.modal{width:95%;max-height:95vh}.modal h2{padding:20px 20px 15px}#modal-content{padding:0 0 0 20px}.modal-actions{padding:15px 20px 20px}.challenge-result-stats{grid-template-columns:1fr;gap:12px}.challenge-stat-card{padding:16px 12px}.challenge-stat-value{font-size:28px}.challenge-result-icon{font-size:2.5em}.challenge-result-title{font-size:1em}.modal-actions.challenge-result-actions{padding:15px 20px 20px;gap:10px}.modal-actions.challenge-result-actions button{min-width:200px}.icon-picker-grid,.color-picker-grid{height:30vh}.account-modal-content{max-width:100%;padding-top:16px}.account-header{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.account-header-profile,.account-header-status{width:100%}.account-status-badge{width:100%;text-align:center}.account-tabs{gap:2px;padding-bottom:4px}.account-tab{padding:10px 8px;font-size:.8em;min-height:44px;gap:4px}.account-tab span{display:inline;font-size:.85em}.account-tab i{font-size:1em}.account-card-header,.account-card-body{padding:16px}.account-field-group{flex-wrap:wrap}.account-copy-btn span,.account-edit-btn span{display:none}.account-action-group{flex-direction:column}.account-avatar{width:48px;height:48px}.account-avatar-initials{font-size:1.2em}.account-header-name{font-size:1.1em}.account-header-email{font-size:.85em}.account-tab{padding:10px 6px;font-size:.75em;gap:3px}.account-tab span{font-size:.8em}.account-tab i{font-size:.9em}.account-card-title{font-size:1em}.account-action-btn{width:100%;justify-content:center}.supporter-modal-content{gap:18px;padding:0}.price-tiers{grid-template-columns:1fr;gap:15px}.price-tier{padding:18px 16px}.tier-badge{top:8px;left:8px;transform:none}.support-header h3{font-size:1.4em}.support-header p{font-size:.95em}.support-icon{font-size:2.5em}.support-perks{padding:16px 12px}}@media(max-width:480px){.supporter-modal-content{gap:16px;padding:0}.support-header{padding:0 2px}.support-header h3{font-size:1.3em;padding:0 4px}.support-header p{font-size:.9em;padding:0 2px}.support-perks{padding:14px 10px}.price-tier{padding:16px 12px}.tier-price{font-size:1.6em}.support-cta-btn{padding:14px 20px;font-size:1em}.support-footer{padding:0 4px}}.project-sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:20px;transition:width .4s cubic-bezier(.34,1.56,.64,1),padding .4s cubic-bezier(.34,1.56,.64,1);position:relative;width:var(--sidebar-width);flex-shrink:0}.sidebar-toggle-btn,#toggle-sidebar-btn{position:absolute;top:16px;left:270px;width:32px;height:32px;border-radius:50%;background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;z-index:100;box-shadow:0 2px 8px #00000014}.sidebar-toggle-btn i,#toggle-sidebar-btn i{font-size:.875rem}.sidebar-toggle-btn:hover,#toggle-sidebar-btn:hover{background:var(--hover-item-bg);border-color:var(--text-color-light);box-shadow:0 4px 12px #0000001f}.sidebar-toggle-btn:active,#toggle-sidebar-btn:active{transform:scale(.95)}.sidebar-collapsed .sidebar-toggle-btn,.sidebar-collapsed #toggle-sidebar-btn{left:80px!important;top:16px!important}.dashboard-sidebar-btn{background:none;border:none;align-items:center;background-color:transparent;border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;font-family:inherit;font-size:1em;font-weight:500;gap:10px;justify-content:flex-start;margin:12px 20px;padding:12px 16px;transition:background-color .2s ease;width:calc(100% - 40px)}.dashboard-sidebar-btn i{color:var(--text-color);font-size:1.1em;transition:color .2s ease}.dashboard-sidebar-btn span{color:var(--text-color);transition:color .2s ease}.dashboard-sidebar-btn:hover{background-color:var(--hover-item-bg)}.dashboard-sidebar-btn.active{background-color:var(--active-item-bg);color:var(--text-color)}.dashboard-sidebar-btn.active i,.dashboard-sidebar-btn.active span{color:var(--text-color)}.sidebar-collapsed .dashboard-sidebar-btn{width:auto;padding:12px;justify-content:center;margin-top:12px;margin-left:auto;margin-right:auto}.sidebar-collapsed .dashboard-sidebar-btn span{display:none}.sidebar-pinned-challenges-section{margin:0 20px 20px;border-bottom:1px solid var(--border-color);padding-bottom:16px}.sidebar-collapsed .sidebar-pinned-challenges-section{margin:0 12px 12px;padding-bottom:12px}.sidebar-projects-section{margin:0 20px 12px}.sidebar-collapsed .sidebar-projects-section{display:none!important}.sidebar-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-color-light);margin:0 0 12px;padding:0 16px}.sidebar-collapsed .sidebar-section-title{display:none}.sidebar-pinned-challenges-list{list-style:none;margin:0;padding:0}.sidebar-pinned-challenge-item{margin:0;padding:0}.sidebar-pinned-challenge-item.active .sidebar-pinned-challenge-link{background-color:var(--active-item-bg);color:var(--text-color)}.sidebar-pinned-challenge-link{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:8px;text-decoration:none;color:var(--text-color);transition:background-color .2s ease}.sidebar-pinned-challenge-link:hover{background-color:var(--hover-item-bg)}.sidebar-collapsed .sidebar-pinned-challenge-link{padding:10px;justify-content:center;gap:0}.sidebar-pinned-challenge-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.sidebar-pinned-challenge-icon i{font-size:.875rem}.sidebar-pinned-challenge-title{flex:1;font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-color)}.sidebar-collapsed .sidebar-pinned-challenge-title{display:none}.project-sidebar h2{color:var(--text-color);margin-bottom:0;margin-top:0;overflow:hidden;white-space:nowrap;transition:opacity .3s cubic-bezier(.34,1.56,.64,1),transform .3s cubic-bezier(.34,1.56,.64,1)}.project-list-container{display:flex;flex-direction:column;flex-grow:1;overflow:visible;width:210px;margin-left:20px;margin-right:auto;flex-shrink:0;transition:none}#project-list{list-style:none;margin:0;overflow-y:auto;padding:0}#project-list li{align-items:center;border-radius:8px;cursor:grab;display:flex;font-weight:500;margin-bottom:8px;padding:8px 10px;transition:padding .4s cubic-bezier(.34,1.56,.64,1),justify-content .4s cubic-bezier(.34,1.56,.64,1),background-color .2s}#project-list li:hover{background-color:var(--hover-item-bg)}#project-list li.active{background-color:var(--active-item-bg);color:var(--text-color)}#project-list li:grabbing{cursor:grabbing}.project-icon-wrapper{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;margin-right:12px;transition:margin .4s cubic-bezier(.34,1.56,.64,1),transform .4s cubic-bezier(.34,1.56,.64,1);width:32px}.project-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity .3s cubic-bezier(.34,1.56,.64,1),transform .3s cubic-bezier(.34,1.56,.64,1)}.sidebar-footer-actions{align-items:center;display:flex;flex-direction:column;gap:0px;margin-top:10px;width:210px;margin-left:20px;margin-right:auto;flex-shrink:0;transition:none}#add-project-list-item-li{margin-top:8px;padding:0}.add-project-list-item{transition:border-radius .4s cubic-bezier(.34,1.56,.64,1),width .4s cubic-bezier(.34,1.56,.64,1),height .4s cubic-bezier(.34,1.56,.64,1),padding .4s cubic-bezier(.34,1.56,.64,1),justify-content .4s cubic-bezier(.34,1.56,.64,1)}.project-sidebar.sidebar-hover-preview-collapse{width:235px}.project-sidebar.sidebar-hover-preview-expand{width:95px}body.sidebar-collapsed .project-sidebar{padding-left:10px;padding-right:10px;--sidebar-width: 80px}body.sidebar-collapsed .project-list-container,body.sidebar-collapsed .sidebar-footer-actions{width:60px;margin-left:10px;margin-right:auto}body.sidebar-collapsed .project-name{opacity:0;transform:scale(.8);pointer-events:none;width:0;overflow:hidden}body.sidebar-collapsed #project-list li{justify-content:center;padding:8px 0;margin-bottom:8px}body.sidebar-collapsed .project-icon-wrapper{margin-right:0;transform:scale(1.1)}body.sidebar-collapsed .add-project-list-item{border-radius:50%;height:48px;width:48px;justify-content:center;padding:0;margin:8px auto;flex-shrink:0}body.sidebar-collapsed .add-project-list-item .project-name{opacity:0;transform:scale(.8);pointer-events:none;width:0;overflow:hidden}body.sidebar-collapsed .add-project-list-item .project-icon-wrapper{margin-right:0}body.sidebar-collapsed .sidebar-footer-actions .icon-button{margin:0 auto}.user-info{font-size:.85em;color:var(--text-color-light);margin-bottom:8px;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:1;transform:translateY(0)}.user-email{font-weight:500;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-status{font-size:.9em;color:var(--text-color-light)}.sidebar-collapsed .user-info{opacity:0;transform:translateY(-10px);pointer-events:none}#user-menu{transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar-collapsed #user-menu{padding:4px 8px;display:flex;justify-content:center;align-items:center;width:85px}.sidebar-footer-actions{transition:all .3s cubic-bezier(.4,0,.2,1)}@media(max-width:768px){.user-info{font-size:.8em}.logout-btn,.auth-btn{padding:6px 10px;font-size:.85em}.project-sidebar{position:fixed;top:0;left:-100%;height:100vh;z-index:1000;width:250px;transition:left .3s ease-in-out;box-shadow:2px 0 15px #0003;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}.project-list-container{flex-grow:1;overflow-y:auto;min-height:0}.sidebar-footer-actions{flex-shrink:0;padding-bottom:30px;padding-top:15px}body.mobile-menu-open .project-sidebar{left:0}body.sidebar-collapsed .project-sidebar{width:250px!important;padding:20px!important}body.sidebar-collapsed .project-list-container,body.sidebar-collapsed .sidebar-footer-actions{width:210px!important;margin-left:20px!important;margin-right:auto!important}body.sidebar-collapsed .project-name,body.sidebar-collapsed .add-project-list-item .project-name{opacity:1!important;transform:none!important;pointer-events:auto!important;width:auto!important;overflow:visible!important}body.sidebar-collapsed .project-icon-wrapper{margin-right:10px!important;transform:none!important}body.sidebar-collapsed #project-list li{padding:8px 12px!important;justify-content:flex-start!important}body.sidebar-collapsed .add-project-list-item{border-radius:99px!important;width:100%!important;height:auto!important;padding:8px 10px!important;justify-content:flex-start!important}body.mobile-menu-open:before{content:"";position:fixed;inset:0;background-color:#00000080;z-index:999;animation:fadeIn .3s ease}.main-content{margin-left:0;padding:60px 20px 20px}}.entry-form{display:flex;flex-direction:column;align-items:center;gap:15px}.entry-form-quick-add{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;width:100%}.quick-add-btn{background-color:var(--stat-box-bg);color:var(--text-color);border:1px solid var(--border-color);border-radius:20px;padding:6px 14px;font-size:.9em;font-weight:500;cursor:pointer;transition:all .2s ease}.quick-add-btn:hover{background-color:var(--hover-item-bg);transform:translateY(-2px)}.entry-action-row{display:flex;width:100%;align-items:stretch;gap:10px}.custom-datepicker-wrapper{position:relative;display:flex;flex-grow:1}.datepicker-display{display:flex;align-items:center;gap:8px;background-color:var(--stat-box-bg);border:1px solid var(--border-color);border-radius:8px;padding:10px 12px;cursor:pointer;position:relative;width:100%;box-sizing:border-box;transition:background-color .2s,border-color .2s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.datepicker-display:hover{background-color:var(--hover-item-bg)}.datepicker-display.has-clear-btn-visible{padding-right:40px}.datepicker-text{font-size:1em;font-weight:500;color:var(--text-color-light)}.datepicker-input-hidden{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;border:none;padding:0}.datepicker-clear-btn{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;margin:0;height:34px;width:34px;padding:8px;font-size:1em;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--btn-danger-bg);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s,background-color .2s}.datepicker-clear-btn.is-visible{opacity:1;visibility:visible;pointer-events:auto}.datepicker-clear-btn:hover{background-color:#e74c3c1a}.date-display{display:flex;align-items:center;gap:8px;background-color:var(--stat-box-bg);border:1px solid var(--border-color);padding:0 12px;border-radius:8px;cursor:pointer;position:relative;white-space:nowrap;color:var(--text-color-light);font-weight:500;transition:background-color .2s,border-color .2s,transform .2s ease;height:48px;flex-shrink:0}.custom-datepicker-wrapper .datepicker-display{background:var(--bg-color);transition:background-color .2s,transform .2s ease}.date-display:hover,.datepicker-display:hover,.custom-datepicker-wrapper:hover .datepicker-display{background-color:var(--hover-item-bg);transform:scale(1.02)}.date-input-hidden,.datepicker-input-hidden{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.date-display i,.date-display span{pointer-events:none}.sticky-footer-bar .date-display{padding-left:0}.embedded-input-container{display:flex;flex-grow:1;background-color:var(--stat-box-bg);border:1px solid var(--border-color);border-radius:24px;overflow:hidden;height:48px;align-items:center;transition:transform .3s ease,border-color .2s ease,box-shadow .2s ease;animation:breathe 2.5s ease-in-out infinite;cursor:pointer}.embedded-input-container:focus-within{border-color:var(--chart-primary-color);box-shadow:0 0 0 3px rgba(var(--chart-primary-color),.1)}.embedded-input-container:hover,.embedded-input-container:focus-within{animation:none!important}.embedded-input-container:hover{transform:scale(1.02);border-color:var(--chart-primary-color)}.embedded-input-container .entry-input-main{flex-grow:1;font-size:1.1em;font-weight:500;text-align:center;border:none;border-radius:0;padding:12px 50px 12px 16px;background-color:transparent;color:var(--text-color);-moz-appearance:textfield;height:100%;min-width:0;overflow:visible}.embedded-input-container .entry-input-main::-webkit-outer-spin-button,.embedded-input-container .entry-input-main::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.embedded-input-container .entry-input-main:focus{outline:none;background-color:transparent}.embedded-input-container .submit-entry-icon-btn{flex-shrink:0;width:48px;height:48px;font-size:1.2em;border:none;border-radius:0;background-color:var(--chart-primary-color);color:var(--btn-text-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin:0;border-left:1px solid rgba(255,255,255,.2);position:relative;z-index:1}.embedded-input-container .submit-entry-icon-btn:not(:disabled):hover{background-color:var(--btn-primary-hover-bg);transform:none}.embedded-input-container .submit-entry-icon-btn:disabled{background-color:var(--btn-disabled-bg);cursor:not-allowed;color:var(--btn-disabled-text-color)}.embedded-input-container .submit-entry-icon-btn .btn-text{display:none}input[type=text],input[type=number],input[type=date],textarea,select{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:5px;color:var(--text-color);font-size:1em;margin:5px;padding:10px}.dark-mode input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}input.has-error{border-color:var(--btn-danger-bg);background-color:#e74c3c0d;animation:shake-horizontal .4s cubic-bezier(.455,.03,.515,.955) both}@media(max-width:768px){input[type=text],input[type=number],input[type=date],textarea,select{font-size:16px}.embedded-input-container .entry-input-main{padding:12px 0 12px 16px}.sticky-footer-bar .custom-datepicker-wrapper{flex-shrink:0;width:48px;min-width:48px;height:48px;display:flex;align-items:center}.sticky-footer-bar .datepicker-display{width:48px;height:48px;min-width:48px;min-height:48px;padding:0;justify-content:center;align-items:center;gap:0;border-radius:24px;background:var(--stat-box-bg);border:1px solid var(--border-color);transition:background-color .2s,color .2s,transform .2s}.sticky-footer-bar .embedded-input-container{height:48px;min-height:48px}.sticky-footer-bar .datepicker-text{display:none}.sticky-footer-bar .datepicker-display.has-custom-date i{color:var(--chart-primary-color)}.sticky-footer-bar .custom-datepicker-wrapper:hover .datepicker-display,.sticky-footer-bar .datepicker-display:hover{background-color:var(--hover-item-bg);transform:translateY(-2px) scale(1.1)!important}}@media(min-width:1025px){input[type=text],input[type=number],input[type=date],textarea,select{font-size:14px}}.flatpickr-calendar{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 5px 15px #0003;font-family:var(--font-family-main)!important;color:var(--text-color);border-radius:20px;z-index:1001;font-size:14px}.flatpickr-calendar .flatpickr-months{background:var(--card-bg);border-bottom:1px solid var(--border-color);border-radius:20px}.flatpickr-months .flatpickr-month{height:53px}.flatpickr-calendar .flatpickr-prev-month,.flatpickr-calendar .flatpickr-next-month{color:var(--text-color);fill:var(--text-color);transition:color .2s,fill .2s}.flatpickr-calendar .flatpickr-prev-month:hover,.flatpickr-calendar .flatpickr-next-month:hover{color:var(--chart-primary-color);fill:var(--chart-primary-color)}.flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months,.flatpickr-calendar .flatpickr-current-month .numInputWrapper input{font-family:var(--font-family-main)!important;color:var(--text-color);background-color:var(--stat-box-bg);border:1px solid var(--border-color);border-radius:8px;padding:6px 25px 6px 10px;height:auto;line-height:1.2;box-sizing:border-box;text-align:center;cursor:pointer;transition:background-color .2s,border-color .2s;font-size:inherit;font-weight:500;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%237f8c8d%22%20d%3D%22M4.5%204l3%203%203-3H4.5z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 8px center}body.dark-mode .flatpickr-calendar .flatpickr-current-month .flatpickr-monthDropdown-months{background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%238e8e8e%22%20d%3D%22M4.5%204l3%203%203-3H4.5z%22%2F%3E%3C%2Fsvg%3E)}.flatpickr-calendar .flatpickr-current-month select:hover,.flatpickr-calendar .flatpickr-current-month input.flatpickr-monthYear-input:hover{background-color:var(--hover-item-bg);border-color:var(--chart-primary-color)}.flatpickr-calendar .flatpickr-current-month .numInputWrapper input{width:8ch;-moz-appearance:textfield}.flatpickr-calendar .flatpickr-current-month .numInputWrapper input::-webkit-outer-spin-button,.flatpickr-calendar .flatpickr-current-month .numInputWrapper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.flatpickr-calendar .numInputWrapper span.arrowUp:after,.flatpickr-calendar .numInputWrapper span.arrowDown:after{border-color:var(--text-color-light)}.flatpickr-calendar .numInputWrapper span.arrowUp:hover:after,.flatpickr-calendar .numInputWrapper span.arrowDown:hover:after{border-color:var(--chart-primary-color)}.flatpickr-calendar .flatpickr-weekday{font-family:var(--font-family-main)!important;color:var(--text-color);font-weight:600}.flatpickr-calendar .flatpickr-day{font-family:var(--font-family-main)!important;color:var(--text-color);border-radius:99px;transition:background-color .2s,color .2s,border-color .2s}.flatpickr-calendar .flatpickr-day:hover{background:var(--hover-item-bg);color:var(--text-color)}.flatpickr-calendar .flatpickr-day.today{border:1px solid var(--chart-primary-color);color:var(--chart-primary-color)}.flatpickr-calendar .flatpickr-day.today:hover{background:var(--chart-primary-color);color:var(--btn-text-color)}.flatpickr-calendar .flatpickr-day.selected,.flatpickr-calendar .flatpickr-day.selected:hover,.flatpickr-calendar .flatpickr-day.selected.startRange,.flatpickr-calendar .flatpickr-day.selected.endRange,.flatpickr-calendar .flatpickr-day.startRange,.flatpickr-calendar .flatpickr-day.endRange{background:var(--chart-primary-color);border-color:var(--chart-primary-color);color:var(--btn-text-color)}.flatpickr-calendar .flatpickr-day.prevMonthDay,.flatpickr-calendar .flatpickr-day.nextMonthDay{color:var(--text-color-light);opacity:.6}.flatpickr-calendar .flatpickr-day.disabled,.flatpickr-calendar .flatpickr-day.flatpickr-disabled{color:var(--btn-disabled-text-color);cursor:not-allowed;opacity:.5}.flatpickr-calendar .flatpickr-input{background:transparent;color:transparent;border:none;cursor:pointer;padding:0}.flatpickr-calendar .flatpickr-input:focus,.flatpickr-calendar .flatpickr-input:active{outline:none;box-shadow:none}.date-display{background-color:var(--stat-box-bg);border:1px solid var(--border-color);color:var(--text-color-light)}.date-display:hover{background-color:var(--hover-item-bg)}.flatpickr-calendar .flatpickr-rContainer{scrollbar-color:var(--text-color-light) var(--hover-item-bg)}.flatpickr-calendar .flatpickr-rContainer::-webkit-scrollbar{background:var(--hover-item-bg)}.flatpickr-calendar .flatpickr-rContainer::-webkit-scrollbar-thumb{background:var(--text-color-light);border-radius:999px}@media(max-width:768px){.flatpickr-calendar{position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;max-width:90vw;z-index:2000}}.chart-container{height:300px;margin-top:20px;position:relative;width:100%}.chart-container canvas{position:absolute;top:0;left:0;width:100%!important;height:100%!important}#progress-chart{z-index:1;opacity:1}#progress-chart-axes{z-index:5;opacity:0;transition:opacity .8s ease-in-out}.chart-reveal-mask{display:none}.chart-explanation{margin-top:15px;padding:12px 16px;background:var(--stat-box-bg);border-radius:8px;border-left:3px solid var(--chart-primary-color);font-size:14px;line-height:1.4}.chart-explanation .explanation-content{display:flex;align-items:flex-start;gap:8px}.chart-explanation i{color:var(--chart-primary-color);margin-top:2px;flex-shrink:0}.chart-explanation span{color:var(--text-color-light)}.weekday-chart{display:flex;height:80px;justify-content:space-around;margin-top:10px}.weekday-column{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-end;width:12%}.weekday-bar{background-color:var(--chart-primary-color);border-radius:3px;transition:height .3s ease-out;width:70%}.weekday-label{color:var(--text-color-light);font-size:.75em;font-weight:500;margin-top:5px}#chartjs-tooltip{opacity:0;pointer-events:none;position:absolute;transform:translate(-50%,calc(-100% - 12px)) scale(.85);transform-origin:center bottom;transition:opacity .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1);background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 5px 15px #00000026;font-family:var(--font-family-main);padding:1rem;min-width:200px;z-index:9999}#chartjs-tooltip[style*="opacity: 1"],#chartjs-tooltip[style*="opacity:1"]{transform:translate(-50%,calc(-100% - 12px)) scale(1)!important}#chartjs-tooltip[style*="opacity: 0"],#chartjs-tooltip[style*="opacity:0"]{transform:translate(-50%,calc(-100% - 12px)) scale(.85)!important}#chartjs-tooltip .tooltip-body{display:flex;flex-direction:column;gap:.35rem;color:var(--text-color)}.tooltip-line{display:flex;align-items:center;gap:.75rem;font-weight:500}.tooltip-total{color:var(--text-color-light);font-size:.85em;font-weight:400;padding-left:calc(12px + .75rem)}#chartjs-tooltip h3{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:var(--text-color);white-space:nowrap}#chartjs-tooltip ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}#chartjs-tooltip li{display:flex;align-items:center;gap:.75rem;font-size:.9rem;font-weight:500;color:var(--text-color-light)}#chartjs-tooltip .tooltip-swatch{display:inline-block;width:12px;height:12px;border-radius:4px;flex-shrink:0}#chartjs-tooltip .tooltip-body i{font-size:1.1em;width:12px;text-align:center;flex-shrink:0}@media(max-width:768px){.chart-container{height:250px;margin-top:20px}#progress-chart{max-height:250px}}.stats-board{border-top:1px solid var(--hover-item-bg);display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:30px;padding-top:20px}.stat-box{background:var(--card-bg);border-radius:16px;cursor:grab;display:flex;flex-direction:column;padding:20px;box-shadow:0 2px 8px #0000000f;transition:box-shadow .3s cubic-bezier(.4,0,.2,1);position:relative;gap:12px;border:1px solid transparent}.stat-box:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:#3498db26}.stat-box:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}body.dark-mode .stat-box{box-shadow:0 2px 8px #0003}body.dark-mode .stat-box:hover{box-shadow:0 8px 24px #00000059}.stat-box:grabbing{cursor:grabbing}.stat-value{color:var(--text-color);font-size:32px;font-weight:700;line-height:1.1;letter-spacing:-.8px}.stat-value .sub-value{color:var(--text-color-light);font-size:.6em;font-weight:400;padding-left:10px;opacity:.8}.stat-label{color:var(--text-color-light);font-size:13px;line-height:1.5;margin-top:0;opacity:.8;font-weight:500;letter-spacing:.2px}.stat-value-wrapper{display:flex;align-items:baseline;gap:6px;margin-bottom:4px}.stat-main-value{font-size:32px;font-weight:700;color:var(--text-color);line-height:1.1;letter-spacing:-.8px}.stat-sub-value{font-size:13px;font-weight:400;color:var(--text-color-light);line-height:1.5;opacity:.8}.stat-box.quote-box .stat-value{color:var(--text-color);font-size:1em;font-style:italic;font-weight:500;line-height:1.4}.stat-box.quote-box{padding-top:20px;padding-bottom:20px}.stat-box.quote-box .stat-main-value{font-size:1em;font-weight:500;font-style:italic;line-height:1.5;text-align:left;margin-bottom:10px}.stat-box.quote-box .stat-sub-value{font-size:.9em;font-style:italic;text-align:right;width:100%}@media(max-width:768px){.stats-board{grid-template-columns:1fr;gap:12px;margin-top:20px}.stat-box{padding:16px}.stat-value,.stat-main-value{font-size:26px}.stat-label,.stat-sub-value{font-size:12px}}.highlights-section{margin-bottom:40px;animation:fadeInUp .6s ease-out 0s forwards;border-top:1px solid var(--hover-item-bg);margin-top:30px;padding-top:20px}.highlights-header{margin-bottom:24px}.highlights-title{font-size:26px;font-weight:700;margin-block-start:0em;margin:0 0 6px;color:var(--text-color);display:flex;align-items:flex-start}.highlights-title i{color:var(--chart-primary-color);font-size:24px}.trophy-badge{display:inline-flex;align-items:center;gap:6px;margin:auto 10px;padding:4px 10px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;font-size:14px;font-weight:600;color:var(--text-color);transition:padding .3s cubic-bezier(.4,0,.2,1),background .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;white-space:nowrap;max-width:fit-content}.trophy-badge i{color:var(--chart-primary-color);font-size:16px;flex-shrink:0;transition:color .3s cubic-bezier(.4,0,.2,1)}.trophy-badge .trophy-count{color:var(--text-color);font-weight:600;flex-shrink:0;transition:color .3s cubic-bezier(.4,0,.2,1)}.trophy-badge .trophy-hover-text{opacity:0;max-width:0;overflow:hidden;white-space:nowrap;transition:opacity .3s cubic-bezier(.4,0,.2,1) .1s,max-width .3s cubic-bezier(.4,0,.2,1),margin-left .3s cubic-bezier(.4,0,.2,1) .1s;margin-left:0;color:var(--text-color);font-weight:500;font-size:13px}.trophy-badge:hover{background:var(--hover-item-bg);border-color:var(--chart-primary-color);transform:translateY(-1px);padding-right:12px}.trophy-badge:hover .trophy-hover-text{opacity:1;max-width:500px;margin-left:6px}.trophy-badge--success{border:2px solid var(--success-color);color:var(--success-color);box-shadow:0 2px 8px #0000000f,0 0 0 4px #2ecc711a,0 0 30px #2ecc714d}.trophy-badge--success i{color:var(--success-color);animation:quest-trophy-rotate-in .6s cubic-bezier(.34,1.56,.64,1) forwards}.trophy-badge--success .trophy-count{color:var(--success-color);animation:quest-slide-in .5s ease-out .2s both}.trophy-badge--success .trophy-hover-text{color:var(--success-color);transition:opacity .3s cubic-bezier(.4,0,.2,1) .1s,max-width .3s cubic-bezier(.4,0,.2,1),margin-left .3s cubic-bezier(.4,0,.2,1) .1s}.trophy-badge--success:hover{background:var(--card-bg);border-color:var(--success-color);color:var(--success-color);transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #0000001a,0 0 0 4px #2ecc7126,0 0 40px #2ecc7166;padding-right:12px;transition:padding .3s cubic-bezier(.4,0,.2,1),background .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.trophy-badge--success:hover i,.trophy-badge--success:hover .trophy-count{color:var(--success-color)}.trophy-badge--success:hover .trophy-hover-text{opacity:1;max-width:500px;margin-left:6px;color:var(--success-color)}body.dark-mode .trophy-badge--success{box-shadow:0 2px 8px #0003,0 0 0 4px #2ecc7126,0 0 40px #2ecc7166}body.dark-mode .trophy-badge--success:hover{background:var(--card-bg);border-color:var(--success-color);color:var(--success-color);box-shadow:0 4px 12px #0000004d,0 0 0 4px #2ecc7133,0 0 50px #2ecc7180}body.dark-mode .trophy-badge--success:hover i,body.dark-mode .trophy-badge--success:hover .trophy-count{color:var(--success-color)}.trophy-prompt{display:inline-flex;align-items:center;gap:6px;margin:auto 10px;padding:4px 10px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;font-size:14px;font-weight:600;color:var(--text-color);transition:padding .3s cubic-bezier(.4,0,.2,1),background .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;white-space:nowrap;max-width:fit-content;cursor:pointer;-webkit-user-select:none;user-select:none}.trophy-prompt i{color:var(--chart-primary-color);font-size:16px;flex-shrink:0;transition:color .3s cubic-bezier(.4,0,.2,1)}.trophy-prompt .trophy-count{color:var(--text-color);font-weight:600;flex-shrink:0;transition:color .3s cubic-bezier(.4,0,.2,1)}.trophy-prompt .trophy-hover-text{opacity:0;max-width:0;overflow:hidden;white-space:nowrap;transition:opacity .3s cubic-bezier(.4,0,.2,1) .1s,max-width .3s cubic-bezier(.4,0,.2,1),margin-left .3s cubic-bezier(.4,0,.2,1) .1s;margin-left:0;color:var(--text-color);font-weight:500;font-size:13px}.trophy-prompt:hover{background:var(--hover-item-bg);border-color:var(--chart-primary-color);transform:translateY(-1px);padding-right:12px}.trophy-prompt:hover i{color:var(--chart-primary-color)}.trophy-prompt:hover .trophy-hover-text{opacity:1;max-width:500px;margin-left:6px}@media(max-width:768px){.highlights-title{flex-wrap:wrap;gap:8px}.trophy-badge,.trophy-prompt{margin-left:0;margin-top:4px}.trophy-prompt .trophy-prompt-text{font-size:12px}}.highlights-subtitle{font-size:15px;color:var(--text-color-light);margin:0;font-weight:400}.highlights-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:20px}@media(min-width:640px){.highlights-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.highlights-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1600px){.highlights-grid{grid-template-columns:repeat(5,1fr)}}.highlight-card{background:var(--card-bg);border-radius:16px;padding:20px;box-shadow:0 2px 8px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(10px);position:relative;display:flex;flex-direction:column;gap:12px;overflow:visible;min-width:0}.highlight-card-visible{opacity:1;transform:translateY(0)}.highlight-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}body.dark-mode .highlight-card{box-shadow:0 2px 8px #0003}body.dark-mode .highlight-card:hover{box-shadow:0 8px 24px #00000059}.highlight-header{display:flex;align-items:center;gap:8px}.highlight-icon{font-size:16px;color:var(--chart-primary-color);opacity:.85}.highlight-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-color-light);opacity:.8}.highlight-value{font-size:32px;font-weight:700;line-height:1.1;color:var(--text-color);letter-spacing:-.8px;overflow-wrap:break-word;word-break:break-word;min-width:0}.highlight-visual-container{display:flex;align-items:center;justify-content:center;min-height:80px;margin:8px 0}.highlight-subtitle{font-size:13px;line-height:1.5;color:var(--text-color-light);margin-top:auto}.quest-card{border:none;box-shadow:0 2px 8px #0000000f}.quest-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}body.dark-mode .quest-card{box-shadow:0 2px 8px #0003}body.dark-mode .quest-card:hover{box-shadow:0 8px 24px #00000059}.quest-header{display:flex;align-items:center;gap:8px;width:100%;position:relative}.quest-tag{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--chart-primary-color);opacity:.85;background:none;padding:0;border-radius:0;display:flex;align-items:center;gap:8px}.quest-tag i{font-size:16px;margin-right:0;opacity:.85}.quest-skip-button{position:absolute;right:0;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-color-light);font-size:.9rem;cursor:pointer;padding:5px;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:.7}.quest-skip-button:hover{color:var(--text-color);background-color:var(--hover-bg);opacity:1}.quest-title{margin-bottom:0}.quest-visual-container{display:flex;align-items:center;justify-content:center;min-height:80px;margin:0;width:100%}.quest-progress{position:relative}.quest-progress .progress-label{color:var(--text-color-light);z-index:2;text-shadow:none;font-size:.8rem;position:absolute;right:10px;top:50%;transform:translateY(-50%);white-space:nowrap;overflow:visible;min-width:fit-content}.quest-progress .mini-progress-bar:not([style*="width: 0%"])+.progress-label{color:var(--text-color-inverted);text-shadow:0 1px 2px rgba(0,0,0,.4)}.quest-description{font-size:13px;line-height:1.5;color:var(--text-color-light);margin-top:auto}.quest-card--completed{animation:quest-scale-up .5s cubic-bezier(.34,1.56,.64,1) forwards;border:2px solid var(--success-color);box-shadow:0 2px 8px #0000000f,0 0 0 4px #2ecc711a,0 0 30px #2ecc714d}.quest-card--completed .quest-tag{color:var(--success-color)}.quest-card--completed .quest-tag i{color:var(--success-color);animation:quest-trophy-rotate-in .6s cubic-bezier(.34,1.56,.64,1) forwards}.quest-card--completed .quest-tag span{animation:quest-slide-in .5s ease-out .2s both}.quest-card--completed .path-progress,.quest-card--completed .mini-progress-bar{background:linear-gradient(90deg,var(--success-color-dark),var(--success-color),var(--success-color-light));background-size:200% 100%;animation:quest-gradient-shift 3s ease infinite}.quest-card--completed .activity-cell.active{background:var(--success-color)}.quest-card--completed .streak-icon.filled,.quest-card--completed .streak-icon.current{color:var(--success-color)}.quest-card--completed .streak-icon.current-pending{color:var(--text-color-light);opacity:.4}.quest-card--completed .record-bar.quest-progress--completed{background-color:var(--success-color);background:linear-gradient(90deg,var(--success-color-dark),var(--success-color),var(--success-color-light));background-size:200% 100%;animation:quest-gradient-shift 3s ease infinite}body.dark-mode .quest-card--completed{box-shadow:0 2px 8px #0003,0 0 0 4px #2ecc7126,0 0 40px #2ecc7166,0 0 60px #2ecc7133}.quest-progress--completed{background:linear-gradient(90deg,var(--success-color-dark),var(--success-color),var(--success-color-light))!important;background-size:200% 100%!important;animation:quest-gradient-shift 3s ease infinite}.mini-activity-grid{display:grid;grid-auto-flow:column;grid-auto-columns:min-content;grid-template-rows:repeat(2,10px);gap:6px 4px;align-items:center;justify-items:center;min-height:26px;width:100%}.activity-cell{width:10px;height:10px;min-width:10px;border-radius:3px;background:var(--border-color);display:inline-block;margin-right:10px}.activity-cell.active{background:var(--chart-primary-color)}.activity-cell.inactive{background:var(--border-color);opacity:.9}.quest-streak-grid{display:grid;grid-auto-flow:column;grid-auto-columns:auto;grid-template-rows:1fr;gap:8px!important;justify-content:center;align-items:center;min-height:0}.quest-streak-grid .activity-cell{width:14px;height:14px;border-radius:4px}.quest-week-activity-grid{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:10px 0}.quest-week-activity-grid .week-activity-header{display:flex;justify-content:center;align-items:center;margin-bottom:4px}.quest-week-activity-grid .week-progress-text{font-size:.85rem;font-weight:600;color:var(--text-color)}.quest-week-activity-grid.quest-success-state .week-progress-text{color:var(--success-color)}.quest-week-activity-grid .week-activity-cells{display:flex;justify-content:center;align-items:center;gap:6px;width:100%}.quest-week-activity-grid .week-activity-cells .activity-cell{width:16px;height:16px;min-width:16px;border-radius:4px;margin-right:0}.quest-week-activity-grid .week-day-labels{display:flex;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:2px}.quest-week-activity-grid .week-day-label{font-size:9px;font-weight:500;color:var(--text-color-light);opacity:.7;width:16px;text-align:center}.quest-week-activity-grid.quest-success-state .week-activity-cells .activity-cell.active{background:var(--success-color);animation:quest-cell-pulse 2s ease-in-out infinite}@keyframes quest-cell-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}.quest-milestone-path{display:flex;align-items:center;gap:8px;width:100%}.quest-milestone-path .path-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:6px}.quest-milestone-path .path-bar{flex-grow:1;height:10px;background-color:var(--border-color);border-radius:6px;overflow:hidden}.quest-milestone-path .path-progress{height:100%;background-color:var(--chart-primary-color);border-radius:6px;transition:width .5s ease-out}.quest-milestone-path .path-metrics{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-color-light)}.quest-milestone-path .path-progress-text{font-weight:600;color:var(--text-color)}.quest-milestone-path .path-percent{opacity:.8}.quest-streak-tracker{display:flex;justify-content:center;align-items:center;gap:10px;height:40px}.quest-streak-tracker .streak-cell{width:30px;height:30px;border:2px solid var(--border-color);border-radius:8px;transition:background-color .3s ease,border-color .3s ease}.quest-streak-tracker .streak-cell.is-complete{background-color:var(--chart-primary-color);border-color:var(--chart-primary-color)}.quest-record-chase{display:flex;flex-direction:column;gap:6px}.quest-record-chase .record-bar-wrapper{width:100%;height:22px;border-radius:6px;font-size:.75rem;font-weight:600}.quest-record-chase .record-bar-top{background-color:var(--border-color);color:var(--text-color-light);display:flex;justify-content:space-between;padding:0 10px;align-items:center}.quest-record-chase .record-bar-bottom{background-color:var(--border-color)}.quest-record-chase .record-bar{height:100%;background-color:var(--chart-primary-color);color:var(--text-color-inverted);border-radius:6px;display:flex;justify-content:space-between;padding:0 10px;align-items:center;transition:width .5s ease-out;min-width:20%}.quest-record-hunter{display:flex;flex-direction:column;gap:16px;width:100%;padding:12px 0 8px}.quest-record-hunter .record-hunter-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.quest-record-hunter .record-hunter-trophy{display:flex;align-items:center;gap:8px;flex:1;margin-bottom:8px}.quest-record-hunter .record-hunter-trophy i{font-size:1.5rem;color:var(--text-color-light);opacity:.5;transition:all .3s ease}.quest-record-hunter .record-hunter-trophy.achieved i{color:var(--success-color);opacity:1}.quest-record-hunter.record-hunter-near .record-hunter-trophy i{color:var(--chart-primary-color);opacity:.9}.quest-record-hunter .record-hunter-value{font-size:1.1rem;font-weight:700;color:var(--text-color)}.quest-record-hunter .record-hunter-target{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.quest-record-hunter .target-label{font-size:.7rem;color:var(--text-color-light);opacity:.7;text-transform:uppercase;letter-spacing:.5px}.quest-record-hunter .target-value{font-size:.95rem;font-weight:600;color:var(--chart-primary-color)}.quest-record-hunter .record-hunter-progress{display:flex;flex-direction:column;gap:6px;width:100%}.quest-record-hunter .progress-bar{width:100%;height:12px;background-color:var(--border-color);border-radius:6px;overflow:hidden;position:relative}.quest-record-hunter .progress-fill{height:100%;background-color:var(--chart-primary-color);border-radius:6px;transition:width .5s ease-out;min-width:4px}.quest-record-hunter .progress-info{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-color-light);margin-top:4px}.quest-record-hunter .progress-today{font-weight:500;color:var(--text-color)}.quest-record-hunter .progress-today strong{font-weight:700;color:var(--text-color)}.quest-record-hunter .progress-remaining{opacity:.8;font-weight:500}.quest-record-hunter .progress-remaining strong{font-weight:700;color:var(--chart-primary-color)}.quest-record-hunter .progress-new-record{width:100%;text-align:center;font-weight:700;font-size:.85rem;color:var(--text-color);margin-top:2px}.quest-record-hunter.record-hunter-near .progress-fill{background:linear-gradient(90deg,var(--chart-primary-color),var(--success-color));animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.85}}.quest-record-hunter .progress-fill.quest-progress--completed{background:linear-gradient(90deg,var(--success-color-dark),var(--success-color),var(--success-color-light));background-size:200% 100%;animation:quest-gradient-shift 3s ease infinite}.quest-milestone-marathon{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;justify-content:center}.quest-milestone-marathon .milestone-number-wrapper{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.quest-milestone-marathon .milestone-number-bg{position:relative;display:inline-block;line-height:1}.quest-milestone-marathon .milestone-number-text{font-size:3.5rem;font-weight:800;letter-spacing:-.02em;position:relative;display:inline-block;color:var(--border-color);background:linear-gradient(to top,var(--chart-primary-color) 0%,var(--chart-primary-color) var(--fill-height, 0%),var(--border-color) var(--fill-height, 0%),var(--border-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:background .3s ease}.quest-milestone-marathon.quest-milestone-marathon--completed .milestone-number-text{background:linear-gradient(to top,var(--success-color) 0%,var(--success-color) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.quest-milestone-marathon .milestone-progress-info{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.75rem;color:var(--text-color-light)}.quest-milestone-marathon .milestone-current{font-size:.9rem;font-weight:700;color:var(--text-color)}.quest-milestone-marathon .milestone-remaining{font-size:.75rem;color:var(--text-color-light)}.quest-celebration-stats{display:flex;justify-content:space-around;gap:16px;padding-left:16px;padding-right:16px;background:var(--bg-color-secondary);border-radius:8px}.quest-celebration-stats .celebration-stat{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.quest-celebration-stats .celebration-stat-label{font-size:.75rem;color:var(--text-color-light);font-weight:500;text-align:center}.quest-celebration-stats .celebration-stat-value{font-size:1.25rem;font-weight:700;color:var(--text-color);text-align:center}.quest-share-button{width:auto;margin:8px auto 0;padding:6px 12px;background-color:var(--card-bg);color:var(--text-color-light);border:1px solid var(--border-color);border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background-color .2s ease,border-color .2s ease}.quest-share-button:hover:not(:disabled){background-color:var(--hover-bg);border-color:var(--text-color-light);color:var(--text-color)}.quest-share-button:active:not(:disabled){transform:scale(.98)}.quest-share-button:disabled{opacity:.5;cursor:not-allowed}.quest-share-button i{font-size:.75rem}.quest-pace-compass{display:flex;flex-direction:column;align-items:center;gap:4px}.quest-pace-compass .compass-dial{width:80px;height:40px;border-radius:80px 80px 0 0;background:conic-gradient(from -90deg at 50% 100%,#e74c3c,#f1c40f,#2ecc71);position:relative;overflow:hidden}.quest-pace-compass .compass-needle{width:2px;height:35px;background-color:var(--card-bg);position:absolute;bottom:0;left:50%;transform-origin:bottom center;transition:transform .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 5px #0000004d}.quest-pace-compass .compass-label{font-size:.8rem;font-weight:600;color:var(--text-color-light)}.mini-visual{display:block}.mini-donut{width:100px;height:100px}.mini-donut .donut-background{fill:none;stroke:var(--border-color)}.mini-donut .donut-foreground{fill:none;stroke:var(--chart-primary-color);stroke-linecap:round;transition:stroke-dashoffset .6s ease}.mini-donut .donut-text{font-size:18px;font-weight:700;fill:var(--text-color)}.mini-bar-chart{display:flex;align-items:flex-end;justify-content:center;gap:2px;height:70px;width:100%;max-width:160px;position:relative}.mini-bar-7{gap:4px}.mini-bar-14{gap:2px;max-width:200px}.mini-bar-2{gap:8px;max-width:80px}.mini-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.mini-bar{width:100%;background:var(--chart-primary-color);border-radius:3px 3px 0 0;min-height:3px;transition:height .4s ease,opacity .4s ease;opacity:.9}.mini-bar.prev-week{opacity:.35}.bar-label{font-size:9px;font-weight:600;color:var(--text-color-light);margin-top:4px;text-transform:uppercase}.trend-line-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.trend-line{stroke-width:2.5;stroke-linecap:round;opacity:.8}.trend-line.trend-up{stroke:#2ecc71}.trend-line.trend-down{stroke:#e74c3c}body.dark-mode .trend-line.trend-up{stroke:#27ae60}body.dark-mode .trend-line.trend-down{stroke:#c0392b}.mini-sparkline{display:block}.mini-sparkline .spark-area{fill:var(--chart-primary-color);opacity:.15}.mini-sparkline .spark-line{fill:none;stroke:var(--chart-primary-color);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.mini-sparkline .spark-point{fill:var(--chart-primary-color)}.mini-progress{width:100%;max-width:180px;height:18px;background:var(--border-color);border-radius:9px;overflow:hidden;position:relative}.mini-progress-bar{height:100%;background:var(--chart-primary-color);border-radius:9px;transition:width .6s ease}.progress-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4);white-space:nowrap;overflow:visible;min-width:fit-content;z-index:10}.mini-streak-tracker{display:flex;justify-content:space-around;align-items:center;width:100%;height:100%;padding:10px 0}.mini-buffer-days{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;padding:15px 0}.streak-icon{font-size:1.2rem;transition:all .3s ease}.buffer-icon{font-size:1.5rem;transition:all .3s ease}.buffer-icon.empty{color:var(--border-color);opacity:.5}.buffer-icon.filled{color:var(--chart-primary-color);transform:scale(1.15);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.buffer-icon.success{color:var(--success-color);transform:scale(1.2);filter:drop-shadow(0 2px 6px rgba(46,204,113,.4));animation:pulse 1.5s infinite ease-in-out}.mini-buffer-days.quest-success-state .buffer-icon.success{color:var(--success-color)}.streak-icon.empty{color:var(--border-color);opacity:.6}.streak-icon.filled{color:var(--chart-primary-color);transform:scale(1.1)}.streak-icon.current{color:var(--chart-primary-color);opacity:.8;font-size:1.5rem;animation:pulse 1.5s infinite ease-in-out}.streak-icon.current-pending{color:var(--text-color-light);opacity:.5;font-size:1.5rem}@keyframes pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:.8}}.mini-timeline{position:relative;width:160px;height:28px;display:flex;align-items:center;justify-content:center}.timeline-line{position:absolute;left:5%;right:5%;height:3px;background:var(--border-color);border-radius:2px}.timeline-flag{position:absolute;top:-6px;transform:translate(-50%);color:var(--text-color-light)}.timeline-flag i{font-size:12px}.timeline-point{position:absolute;width:10px;height:10px;background:var(--chart-primary-color);border-radius:50%;box-shadow:0 0 0 2px #0000000d;transform:translate(-50%,-50%);top:50%}.mini-center-icon{display:flex;align-items:center;justify-content:center;width:100%;min-height:70px}.mini-center-icon i{font-size:42px;color:var(--chart-primary-color)}.mini-center-icon .emoji-icon{font-size:42px;line-height:1;display:inline-block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.mini-center-icon i.fa-trophy{animation:trophy-shine 3s ease-in-out infinite}@keyframes trophy-shine{0%,to{filter:brightness(1) drop-shadow(0 0 0 transparent);transform:scale(1)}50%{filter:brightness(1.3) drop-shadow(0 0 8px rgba(255,215,0,.6));transform:scale(1.05)}}.completion-dashboard .highlight-card:not(.completion-celebration) .highlight-value{font-size:1.8rem}.completion-dashboard .highlight-card .highlight-subtitle{margin-top:10px}.completion-cta-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:20px 0;margin-top:10px;border-top:1px solid var(--border-color)}.completion-cta-container button{font-size:.9rem;padding:10px 16px;border-radius:8px;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:8px;font-weight:600}.btn-primary{background-color:var(--btn-primary-bg);color:var(--btn-text-color, #fff);font-weight:600;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}.btn-primary:hover{background-color:var(--btn-primary-hover-bg);transform:translateY(-1px)}.btn-primary:active{opacity:.9;transform:translateY(0)}.btn-secondary{background-color:var(--card-bg);color:var(--text-color);border:2px solid var(--border-color);transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.btn-secondary:hover{background-color:var(--hover-bg);border-color:var(--chart-primary-color, #27ae60);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.btn-secondary:active{transform:translateY(0);box-shadow:0 2px 4px #0000000d}.completion-cta-container #cta-share-success{opacity:1!important}.pulse-highlight{box-shadow:0 0 0 3px #ffc10759;animation:pulse-outline 1.2s ease-out 1}@keyframes pulse-outline{0%{box-shadow:0 0 #ffc10799}70%{box-shadow:0 0 0 6px #ffc10700}to{box-shadow:0 0 #ffc10700}}.mini-target-bar{position:relative;width:100%;max-width:220px;height:18px;background:var(--border-color);border-radius:9px;overflow:hidden;display:flex;align-items:center}.mini-target-bar-fill{height:100%;background:var(--chart-primary-color);transition:width .6s ease;position:relative;border-radius:9px;min-width:0}.mini-target-bar.is-new-record .mini-target-bar-fill{background:var(--chart-gold-color, #f1c40f)}.target-bar-label{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:600;color:var(--text-color);z-index:1;pointer-events:none}.target-bar-progress-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);z-index:2;pointer-events:none;white-space:nowrap}.target-bar-icon{position:absolute;right:-2px;top:50%;transform:translate(50%,-50%);color:var(--chart-gold-color, #f1c40f);text-shadow:0 1px 3px rgba(0,0,0,.2)}@media(max-width:768px){.highlights-section{margin-bottom:30px}.highlights-title{font-size:22px}.highlights-title i{font-size:20px}.highlights-subtitle{font-size:14px}.highlights-grid{gap:12px}.highlight-card{padding:16px}.highlight-icon{font-size:14px}.highlight-title,.quest-tag{font-size:10px}.highlight-value{font-size:26px}.highlight-subtitle{font-size:12px}.highlight-visual-container,.quest-visual-container{min-height:60px}.mini-donut{width:80px;height:80px}.mini-donut .donut-text{font-size:14px}}#landing-page-view{width:100%;min-height:100vh;overflow-y:auto}.landing-page{width:100%;min-height:100vh;position:relative;display:flex;flex-direction:column}.landing-page:before{content:"";position:fixed;top:0;left:calc(var(--sidebar-width) + 41px);right:0;bottom:0;z-index:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.28;pointer-events:none}body.dark-mode .landing-page:before{opacity:.32}body.sidebar-collapsed .landing-page:before{left:100px}@media(max-width:768px){.landing-page:before{left:0!important;margin-left:0;width:100vw}}.landing-hero{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:60px 40px;box-sizing:border-box}.landing-hero-content{max-width:700px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff6;padding:60px 40px;border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000001a}body.dark-mode .landing-hero-content{background:#0000008c;border:1px solid rgba(255,255,255,.05)}.landing-title{font-size:3em;font-weight:700;color:var(--text-color);margin:0 0 20px;line-height:1.2}.landing-subtitle{font-size:1.25em;color:var(--text-color-light);margin:0 0 40px;line-height:1.6}.cta-button-group{display:flex;gap:15px;justify-content:center;margin-bottom:30px;flex-wrap:wrap}.trust-badges{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:20px}.trust-badge{display:inline-flex;align-items:center;gap:8px;color:var(--text-color-light);font-size:.95em;font-weight:500}.trust-badge i{color:var(--chart-primary-color)}.landing-features-section{position:relative;z-index:1;padding:80px 40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff6;border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000001a;align-self:center}body.dark-mode .landing-features-section{background:#0000008c;border:1px solid rgba(255,255,255,.05)}.features-section-title{text-align:center;font-size:2.5em;font-weight:700;color:var(--text-color);margin:0 0 60px}.landing-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1200px;margin:0 auto}@media(max-width:1300px){.landing-features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.landing-features-section{padding:60px 20px}.features-section-title{font-size:1.8em;margin-bottom:40px}.landing-features-grid{grid-template-columns:1fr;gap:20px}}.feature-card{background:var(--card-bg);padding:30px;border-radius:16px;border:1px solid var(--border-color);transition:all .3s ease;cursor:default}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001a;border-color:var(--chart-primary-color)}.feature-icon{width:60px;height:60px;border-radius:12px;background:linear-gradient(135deg,var(--chart-primary-color),var(--btn-primary-hover-bg));display:flex;align-items:center;justify-content:center;margin-bottom:20px}.feature-icon i{font-size:1.8em;color:#fff}.feature-title{font-size:1.3em;font-weight:600;color:var(--text-color);margin:0 0 12px}.feature-description{font-size:1em;color:var(--text-color-light);line-height:1.6;margin:0}.landing-content-section{position:relative;z-index:1;padding:80px 40px;align-self:center;margin-top:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff6;border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000001a}.landing-content-inner{max-width:1200px;margin:0 auto}.landing-content-title{font-size:1.6em;font-weight:700;color:var(--text-color);margin:0 0 18px}.landing-content-subheading{font-size:1.15em;font-weight:600;color:var(--text-color);margin:24px 0 8px}.landing-content-text{font-size:1em;color:var(--text-color-light);line-height:1.6;margin:0}body.dark-mode .landing-content-section{background:#0000008c;border:1px solid rgba(255,255,255,.05)}@media(max-width:900px){.landing-content-section{padding:60px 20px;margin-top:30px}.landing-content-inner{margin-top:0}}@media(max-width:768px){.landing-hero{min-height:auto;padding:40px 20px}.landing-hero-content{padding:40px 25px}.landing-title{font-size:2em}.landing-subtitle{font-size:1.1em}.cta-button-group{flex-direction:column;width:100%}.landing-cta-primary,.landing-cta-secondary{width:100%;justify-content:center}}@media(max-width:480px){.landing-title{font-size:1.75em}.landing-subtitle{font-size:1em}.features-section-title{font-size:1.5em}.trust-badges{flex-direction:column;gap:10px}}#main-content{position:relative;padding-bottom:150px}.sticky-footer-bar{position:fixed;bottom:20px;left:15px;right:15px;background-color:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:25px;padding:0 20px;box-shadow:0 -8px 32px #0000001f;border:1px solid rgba(255,255,255,.2);display:flex;justify-content:center;transition:left .3s ease-in-out,transform .4s ease-out,width .3s ease-in-out;z-index:500;transform:translateY(100%);opacity:0}@media(min-width:769px){.sticky-footer-bar{--available-width: calc(100vw - var(--sidebar-width));width:min(800px,var(--available-width) - 100px);left:calc(var(--sidebar-width) + (var(--available-width) - min(800px,var(--available-width) - 100px)) / 2);right:auto;margin:0;display:flex;justify-content:center}body.sidebar-collapsed .sticky-footer-bar{--available-width: calc(100vw - 100px) ;width:min(800px,var(--available-width) - 80px);left:calc(100px + (var(--available-width) - min(800px,var(--available-width) - 40px)) / 2)}}body.dark-mode .sticky-footer-bar{background-color:#2c2c2ccc;border:1px solid rgba(255,255,255,.1)}.sticky-footer-bar.is-visible{transform:translateY(0);opacity:1}.sticky-footer-bar .entry-action-row{width:100%;max-width:700px;display:flex;gap:12px;align-items:center;height:48px;min-width:0}#manage-entries-footer-btn{padding:0;width:48px;height:48px;border-radius:24px;background:var(--stat-box-bg);border:1px solid var(--border-color);color:var(--text-color-light);flex-shrink:0;align-self:center;transition:background-color .2s,color .2s,transform .2s,opacity .3s ease-in-out,visibility .3s ease-in-out}#manage-entries-footer-btn:hover,#manage-entries-footer-btn:focus-visible{background-color:var(--hover-item-bg);color:var(--text-color);transform:scale(1.1);outline:none}.footer-spacer{width:40px;height:40px;flex-shrink:0;visibility:hidden}.entry-card-container{position:relative;width:100%;max-width:700px;min-height:90px;display:flex;align-items:center;justify-content:center}.entry-view{position:absolute;width:100%;transition:opacity .4s ease-in-out,visibility .4s ease-in-out}#entry-form-view{opacity:1;visibility:visible}#entry-feedback-view,.entry-card-container.is-showing-feedback #entry-form-view{opacity:0;visibility:hidden;pointer-events:none}.entry-card-container.is-showing-feedback #entry-feedback-view{opacity:1;visibility:visible;pointer-events:auto}.entry-feedback-container{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.feedback-icon-wrapper{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#2ecc71;color:#fff;font-size:2.5em;margin-bottom:15px;transform:scale(0);opacity:0;animation:none}.feedback-text{font-size:1.4em;font-weight:600;color:var(--text-color);margin:0;transform:translateY(10px);opacity:0;animation:none}.entry-card-container.is-showing-feedback .feedback-icon-wrapper{animation:pop-in-feedback .5s cubic-bezier(.68,-.55,.27,1.55) 0s forwards}.entry-card-container.is-showing-feedback .feedback-text{animation:fade-up-feedback .4s ease-out .2s forwards}.sticky-footer-bar.is-success{animation:footer-bar-success-morph 2s ease-out forwards;overflow:hidden}.footer-success-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;opacity:0;visibility:hidden;pointer-events:none;z-index:10;padding:0 20px}.sticky-footer-bar.is-success .footer-success-overlay{opacity:1;visibility:visible;pointer-events:auto;animation:success-overlay-fade-in .3s ease-out .2s forwards}.sticky-footer-bar.is-success .entry-action-row{opacity:0;pointer-events:none;transition:opacity .2s ease-out}.footer-success-icon{width:32px;height:32px;border-radius:50%;background-color:#fffffff2;display:flex;align-items:center;justify-content:center;color:#2ecc71;font-size:1.2em;flex-shrink:0;transform:scale(0);animation:success-icon-pop .4s cubic-bezier(.68,-.55,.27,1.55) .4s forwards}.footer-success-text{font-size:1.1em;font-weight:600;color:#fffffff2;margin:0;transform:translateY(5px);opacity:0;animation:success-text-fade-up .4s ease-out .6s forwards}body.dark-mode .sticky-footer-bar.is-success{animation:footer-bar-success-morph-dark 2s ease-out forwards}@media(max-width:768px){.sticky-footer-bar{left:15px;right:15px;bottom:15px;padding:0 15px;background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 -4px 20px #0000001a;border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;gap:0}body.sidebar-collapsed .sticky-footer-bar{left:15px;right:15px}.sticky-footer-bar .entry-card-container{min-height:48px;height:48px}.sticky-footer-bar .entry-action-row{background-color:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:25px;padding:8px 12px;box-shadow:0 -4px 20px #0000001a;border:1px solid rgba(255,255,255,.2);flex-direction:row;gap:8px;width:100%;height:48px;min-height:48px;align-items:center}}#welcome-view{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 80px);width:100%;padding:20px;box-sizing:border-box;overflow-y:auto}.welcome-container{width:100%;max-width:600px;text-align:center;color:var(--text-color-light);min-height:min-content;padding-bottom:40px;animation:fadeInUp .6s ease-out 0s forwards}.welcome-illustration{max-width:100%;height:auto;max-height:220px;margin-bottom:2.5rem}.welcome-title{font-size:2.5em;font-weight:700;color:var(--text-color);margin-bottom:.75rem}.welcome-pitch{font-size:1.1em;line-height:1.6;max-width:500px;margin:0 auto 2.5rem}.welcome-features{list-style:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:300px;margin:0 auto 3rem}.welcome-features li{font-weight:500;color:var(--text-color);display:flex;align-items:center;gap:12px;font-size:1.05em}.welcome-features li i{color:var(--chart-primary-color);font-size:1.1em;width:20px;text-align:center}#onboarding-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:1999;display:none;opacity:0;transition:opacity .3s ease}#onboarding-tooltip{position:absolute;background-color:var(--card-bg);color:var(--text-color);padding:15px 20px;border-radius:8px;box-shadow:0 5px 15px #0000004d;z-index:2000;max-width:300px;display:none;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}#onboarding-tooltip:after{content:"";position:absolute;bottom:100%;left:30px;border-width:8px;border-style:solid;border-color:transparent transparent var(--card-bg) transparent}#onboarding-tooltip.tooltip-arrow-down:after{bottom:auto;top:100%;border-color:var(--card-bg) transparent transparent transparent}#onboarding-close-btn{position:absolute;top:5px;right:8px;background:none;border:none;font-size:20px;color:var(--text-color-light);cursor:pointer;padding:5px;line-height:1}.onboarding-highlight{position:relative;z-index:2000;box-shadow:0 0 0 4px var(--chart-primary-color);border-radius:8px;transition:box-shadow .3s ease}#sticky-footer-bar.onboarding-highlight{position:fixed;z-index:2000;box-shadow:0 0 0 4px var(--chart-primary-color),0 -8px 32px #0000001f;border-radius:25px;transition:box-shadow .3s ease}.chart-container.onboarding-highlight{background-color:var(--card-bg);border-radius:8px}.checklist-card{grid-column:1/-1;padding:25px 30px;text-align:left;background-color:var(--card-bg);border-radius:8px;box-shadow:0 4px 12px #0000000d;transition:opacity .4s ease-out,transform .4s ease-out}.checklist-card h4{font-size:1.4em;color:var(--text-color);margin-top:0;margin-bottom:20px}.checklist-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:15px}.checklist-card li{font-size:1.1em;font-weight:500;display:flex;align-items:center;gap:12px;color:var(--text-color-light);transition:color .3s ease}.checklist-card li.completed{color:var(--text-color);text-decoration-color:var(--chart-primary-color);text-decoration-thickness:2px}.checklist-card li.completed span{text-decoration:line-through;text-decoration-color:var(--chart-primary-color);text-decoration-thickness:2px}.checklist-card li.active{color:var(--text-color);font-weight:600}.checklist-card li i{font-size:1.2em;width:22px;text-align:center}.checklist-card li .fa-check-circle{color:var(--chart-primary-color)}.checklist-card li .fa-circle{color:var(--chart-primary-color);animation:pulse 2s infinite}.checklist-card.is-disappearing{opacity:0;transform:scale(.95);transition:opacity .4s ease-out,transform .4s ease-out}.checklist-card li .fa-circle{transition:all .4s ease}.checklist-card li.is-completing span{text-decoration:line-through;text-decoration-color:var(--chart-primary-color);text-decoration-thickness:2px}.checklist-card li.is-completing .fa-circle{transition:all .4s ease;transform:rotate(360deg) scale(0)}.stat-box.is-animating-in{opacity:0;transform:translateY(90px);transition:opacity 1.5s ease-out,transform 1.5s ease-out}#stats-board.is-revealing .stat-box:nth-child(1){transition-delay:0s}#stats-board.is-revealing .stat-box:nth-child(2){transition-delay:.08s}#stats-board.is-revealing .stat-box:nth-child(3){transition-delay:.16s}#stats-board.is-revealing .stat-box:nth-child(4){transition-delay:.24s}#stats-board.is-revealing .stat-box:nth-child(5){transition-delay:.32s}#stats-board.is-revealing .stat-box:nth-child(6){transition-delay:.4s}.stat-box.anim-start{opacity:0;transform:translateY(20px)}.stat-box.anim-active{transition:opacity .5s ease-out,transform .5s ease-out}.stat-box.anim-active:nth-child(1){transition-delay:0s}.stat-box.anim-active:nth-child(2){transition-delay:.08s}.stat-box.anim-active:nth-child(3){transition-delay:.16s}.stat-box.anim-active:nth-child(4){transition-delay:.24s}.stat-box.anim-active:nth-child(5){transition-delay:.32s}.stat-box.anim-active:nth-child(6){transition-delay:.4s}.dashboard-hidden .stats-board>.stat-box{visibility:hidden}.dashboard-hidden .chart-container{visibility:hidden}.dashboard-hidden .chart-container,.dashboard-hidden .stats-board>.stat-box{display:none!important}.dashboard-hidden #stats-header{display:none!important}#stats-board.is-revealing .stat-box{opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}#stats-board.is-revealing .stat-box.is-visible,.stat-box.is-visible{opacity:1;transform:translateY(0)}body.no-projects .sticky-footer-bar{display:none}@media(max-height:700px){.welcome-illustration{max-height:150px;margin-bottom:1.5rem}.welcome-title{font-size:2em;margin-bottom:.5rem}.welcome-pitch{font-size:1em;margin-bottom:1.5rem}.welcome-features{margin-bottom:2rem;gap:.75rem}.welcome-cta-btn{padding:12px 24px;font-size:1.1em}}@media(max-width:768px){#welcome-view{padding:15px}.welcome-container{padding-bottom:30px}.welcome-illustration{max-height:120px;margin-bottom:1.25rem}.welcome-title{font-size:1.75em}.welcome-pitch{font-size:.95em;line-height:1.5;max-width:100%}.welcome-features{max-width:280px;gap:.65rem}.welcome-features li{font-size:.95em}.welcome-cta-btn{padding:12px 20px;font-size:1em;gap:8px}}@media(max-height:600px)and (max-width:480px){.welcome-illustration{max-height:100px;margin-bottom:1rem}.welcome-title{font-size:1.5em}.welcome-pitch{margin-bottom:1rem}.welcome-features{margin-bottom:1.5rem}}#empty-state-view{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 80px);width:100%;padding:0;margin:-40px;box-sizing:border-box;flex-direction:column}.empty-state-content{width:calc(100% - 80px);max-width:700px;margin:40px;text-align:center;background:var(--card-bg);padding:50px 40px;border-radius:20px;box-shadow:0 4px 24px #00000014;border:1px solid var(--border-color)}.empty-state-header{margin-bottom:40px}.empty-state-title{font-size:2em;font-weight:700;color:var(--text-color);margin:0 0 10px}.empty-state-subtitle{font-size:1.2em;color:var(--text-color-light);margin:0}.quick-start-steps{margin:40px 0;text-align:left}.quick-start-title{font-size:1.1em;font-weight:600;color:var(--text-color);margin:0 0 25px;text-align:center}.step-list{display:flex;flex-direction:column;gap:20px}.step-item{display:flex;gap:20px;align-self:center;padding:20px;background:var(--stat-box-bg);border-radius:12px;border:1px solid var(--border-color);transition:all .3s ease;max-width:344px}.step-number{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--chart-primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2em;font-weight:700}.step-content h4{font-size:1.1em;font-weight:600;color:var(--text-color);margin:0 0 5px}.step-content p{font-size:.95em;color:var(--text-color-light);margin:0}.empty-state-features{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin:30px 0}.empty-state-feature{display:flex;align-items:center;gap:8px;color:var(--text-color-light);font-size:.95em}.empty-state-feature i{color:var(--chart-primary-color);font-size:1.2em}@media(max-width:768px){#empty-state-view{padding:0;margin:-20px}.empty-state-content{width:calc(100% - 40px);margin:20px;padding:40px 25px}.empty-state-title{font-size:1.6em}.step-item{flex-direction:column;text-align:center;align-items:center}.step-content{text-align:center}}@media(max-width:480px){.empty-state-title{font-size:1.4em}.empty-state-subtitle{font-size:1em}}.privacy-page{min-height:100vh;background:var(--bg-color);color:var(--text-color);padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}.privacy-container{max-width:900px;margin:0 auto;padding:40px 20px}.privacy-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--border-color)}.privacy-header h1{font-size:2em;font-weight:700;color:var(--text-color);margin:0}.privacy-language-switcher{display:flex;align-items:center}.language-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-color);color:var(--text-color);font-size:.9em;cursor:pointer;transition:all .2s ease}.language-select:hover{border-color:var(--accent-color)}.privacy-nav{display:flex;gap:20px;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.privacy-nav a{color:var(--accent-color);text-decoration:none;font-weight:500;transition:opacity .2s ease}.privacy-nav a:hover{opacity:.8;text-decoration:underline}.privacy-content{margin-bottom:40px}.privacy-content section{margin-bottom:40px}.privacy-content h2{font-size:1.5em;font-weight:600;color:var(--text-color);margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.privacy-content h3{font-size:1.2em;font-weight:600;color:var(--text-color);margin-top:20px;margin-bottom:10px}.privacy-content p{margin-bottom:15px;color:var(--text-color-light)}.privacy-content ul{margin:15px 0;padding-left:25px}.privacy-content li{margin-bottom:8px;color:var(--text-color-light)}.privacy-content a{color:var(--accent-color);text-decoration:none;transition:opacity .2s ease}.privacy-content a:hover{opacity:.8;text-decoration:underline}.privacy-content strong{color:var(--text-color);font-weight:600}.privacy-footer{display:flex;justify-content:center;gap:15px;padding-top:30px;border-top:1px solid var(--border-color);margin-top:40px}.privacy-footer a{color:var(--accent-color);text-decoration:none;font-weight:500;transition:opacity .2s ease}.privacy-footer a:hover{opacity:.8;text-decoration:underline}.privacy-footer span{color:var(--text-color-light)}body.dark-mode .privacy-page{background:var(--bg-color)}body.dark-mode .privacy-content a,body.dark-mode .privacy-nav a,body.dark-mode .privacy-footer a{color:var(--accent-color)}@media(max-width:768px){.privacy-container{padding:20px 15px}.privacy-header{flex-direction:column;align-items:flex-start;gap:15px}.privacy-header h1{font-size:1.5em}.privacy-nav{flex-direction:column;gap:10px}.privacy-footer{flex-direction:column;align-items:center;gap:10px}}.dashboard-content{padding:24px;max-width:1400px;margin:0 auto}.dashboard-content>.dashboard-projects-section,.dashboard-content>.dashboard-upcoming-features-section{display:block;width:100%;clear:both}.dashboard-header{margin-bottom:32px}.dashboard-title{font-size:2.5em;font-weight:700;margin:0 0 8px;color:var(--text-color);letter-spacing:-.5px}.dashboard-subtitle{font-size:1.1em;color:var(--text-color-light);margin:0;opacity:.8}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:40px}.dashboard-stat-card{opacity:1;transform:translateY(0)}.dashboard-stat-card .highlight-value{margin-top:8px;margin-bottom:0}.dashboard-stat-card.streak-extended-today .highlight-icon{color:#ff6b35;filter:drop-shadow(0 0 4px rgba(255,107,53,.6));animation:fire-glow 2s ease-in-out infinite}.dashboard-challenge-section{margin-bottom:40px;display:flex;flex-direction:column;height:100%}.dashboard-challenge-skeleton{--skeleton-bg: linear-gradient( 90deg, var(--hover-item-bg) 0%, var(--border-color) 50%, var(--hover-item-bg) 100% );--skeleton-bg-size: 200% 100%}.dashboard-challenge-skeleton .dashboard-challenge-header .dashboard-challenge-title-group .dashboard-challenge-icon{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);animation:skeleton-shimmer 1.5s infinite linear}.dashboard-challenge-skeleton .dashboard-challenge-header .dashboard-challenge-title-group .dashboard-challenge-title,.dashboard-challenge-skeleton .dashboard-challenge-header .dashboard-challenge-title-group .dashboard-challenge-subtitle{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);color:transparent;border-radius:4px;animation:skeleton-shimmer 1.5s infinite linear}.dashboard-challenge-skeleton .dashboard-challenge-header .dashboard-challenge-progress-ring .dashboard-progress-ring-svg{opacity:.3}.dashboard-challenge-skeleton .dashboard-challenge-header .dashboard-challenge-progress-ring .dashboard-progress-ring-text,.dashboard-challenge-skeleton .dashboard-challenge-goal-section .dashboard-challenge-goal-large,.dashboard-challenge-skeleton .dashboard-challenge-goal-section .dashboard-challenge-goal-label{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);color:transparent;border-radius:4px;animation:skeleton-shimmer 1.5s infinite linear}.dashboard-challenge-skeleton .dashboard-challenge-progress-section .dashboard-challenge-progress-bar-container{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);animation:skeleton-shimmer 1.5s infinite linear}.dashboard-challenge-skeleton .dashboard-challenge-progress-section .dashboard-challenge-progress-info span{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);color:transparent;border-radius:4px;animation:skeleton-shimmer 1.5s infinite linear}.dashboard-challenge-skeleton .dashboard-challenge-stats-grid .dashboard-challenge-stat-card .dashboard-challenge-stat-icon{opacity:.3}.dashboard-challenge-skeleton .dashboard-challenge-stats-grid .dashboard-challenge-stat-card .dashboard-challenge-stat-value,.dashboard-challenge-skeleton .dashboard-challenge-stats-grid .dashboard-challenge-stat-card .dashboard-challenge-stat-label{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);color:transparent;border-radius:4px;animation:skeleton-shimmer 1.5s infinite linear}.dashboard-challenge-card{opacity:1;transform:translateY(0);padding:24px;display:flex;flex-direction:column;height:100%;flex:1}.dashboard-challenge-card .dashboard-challenge-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.dashboard-challenge-card .dashboard-challenge-title-group{display:flex;align-items:center;gap:10px}.dashboard-challenge-card .dashboard-challenge-icon{width:40px;height:40px;background:var(--chart-primary-color);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0}.dashboard-challenge-card .dashboard-challenge-title{font-size:20px;font-weight:700;color:var(--text-color);line-height:1.2}.dashboard-challenge-card .dashboard-challenge-subtitle{font-size:12px;color:var(--text-color-light);margin-top:2px;font-weight:400}.dashboard-challenge-card .dashboard-challenge-progress-ring{position:relative;width:64px;height:64px;flex-shrink:0}.dashboard-challenge-card .dashboard-challenge-progress-ring.goal-reached .dashboard-progress-ring-progress{animation:progress-ring-celebration 2s ease-in-out infinite}.dashboard-challenge-card .dashboard-challenge-progress-ring.goal-reached .dashboard-progress-ring-text{animation:progress-text-pulse 2s ease-in-out infinite}.dashboard-challenge-card .dashboard-progress-ring-svg{transform:rotate(-90deg)}.dashboard-challenge-card .dashboard-progress-ring-circle{fill:none;stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1)}.dashboard-challenge-card .dashboard-progress-ring-bg{stroke:var(--border-color)}.dashboard-challenge-card .dashboard-progress-ring-progress{stroke:var(--chart-primary-color);stroke-dasharray:150.8;stroke-dashoffset:150.8;transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1)}.dashboard-challenge-card .dashboard-progress-ring-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:700;color:var(--chart-primary-color);pointer-events:none;transition:transform .3s ease,opacity .3s ease}.dashboard-challenge-card .dashboard-challenge-goal-section{text-align:center;margin-bottom:20px;padding:16px;background:var(--hover-item-bg);border-radius:12px}.dashboard-challenge-card .dashboard-challenge-goal-large{font-size:36px;font-weight:900;color:var(--text-color);line-height:1;margin-bottom:4px;letter-spacing:-1px}.dashboard-challenge-card .dashboard-challenge-goal-label{font-size:13px;color:var(--text-color-light);font-weight:600}.dashboard-challenge-card .dashboard-challenge-progress-section{margin-bottom:20px}.dashboard-challenge-card .dashboard-challenge-progress-bar-container{width:100%;height:16px;background:var(--border-color);border-radius:8px;overflow:hidden;margin-bottom:12px;position:relative}.dashboard-challenge-card .dashboard-challenge-progress-bar{height:100%;width:0%;background-color:var(--chart-primary-color);border-radius:8px;transition:width 1.2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-width:0}.dashboard-challenge-card .dashboard-challenge-progress-bar:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);animation:none;opacity:0;transition:opacity .3s ease;pointer-events:none}.dashboard-challenge-card .dashboard-challenge-progress-bar.has-progress:after{opacity:1;animation:shimmer 2s infinite linear}.dashboard-challenge-card .dashboard-challenge-progress-section.goal-reached .dashboard-challenge-progress-bar{animation:progress-bar-celebration 2s ease-in-out infinite}.dashboard-challenge-card .dashboard-challenge-progress-info{display:flex;justify-content:space-between;font-size:12px;color:var(--text-color-light);font-weight:600}.dashboard-challenge-card .dashboard-challenge-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}@media(max-width:768px){.dashboard-challenge-card .dashboard-challenge-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media(max-width:480px){.dashboard-challenge-card .dashboard-challenge-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.dashboard-challenge-card .dashboard-challenge-stat-card{background:var(--hover-item-bg);padding:14px;border-radius:10px;border:1px solid var(--border-color);text-align:center}@media(max-width:768px){.dashboard-challenge-card .dashboard-challenge-stat-card#dashboard-challenge-user-stat-card{grid-column:1/-1}}.dashboard-challenge-card .dashboard-challenge-stat-icon{font-size:20px;color:var(--chart-primary-color);margin-bottom:6px}.dashboard-challenge-card .dashboard-challenge-stat-value{font-size:20px;font-weight:700;color:var(--text-color);margin-bottom:2px;line-height:1}.dashboard-challenge-card .dashboard-challenge-stat-label{font-size:11px;color:var(--text-color-light);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.dashboard-challenge-card .dashboard-challenge-message{text-align:center;font-size:12px;color:var(--text-color-light);font-style:italic;margin-top:4px}.dashboard-challenge-card .dashboard-challenge-register-banner{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;margin-bottom:16px;box-shadow:0 2px 8px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1)}body.dark-mode .dashboard-challenge-card .dashboard-challenge-register-banner{box-shadow:0 2px 8px #0003}.dashboard-challenge-card .dashboard-challenge-register-banner .dashboard-challenge-register-banner-content{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.dashboard-challenge-card .dashboard-challenge-register-banner .dashboard-challenge-register-banner-content i{font-size:32px;color:var(--chart-primary-color);opacity:.9;margin-bottom:4px}.dashboard-challenge-card .dashboard-challenge-register-banner .dashboard-challenge-register-banner-content span{font-size:15px;color:var(--text-color);font-weight:500;line-height:1.5;max-width:600px}.dashboard-challenge-card .dashboard-challenge-register-banner .dashboard-challenge-register-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;color:var(--text-color);border:1px solid var(--border-color);border-radius:8px;font-size:.9em;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin:0}.dashboard-challenge-card .dashboard-challenge-register-banner .dashboard-challenge-register-btn:hover{background:var(--hover-item-bg);border-color:var(--border-color);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.dashboard-challenge-card .dashboard-challenge-register-banner .dashboard-challenge-register-btn:active{transform:translateY(0);box-shadow:0 1px 4px #0000001a}.dashboard-challenge-card.dashboard-challenge-card--completed{animation:quest-scale-up .5s cubic-bezier(.34,1.56,.64,1) forwards;border:2px solid var(--success-color);box-shadow:0 2px 8px #0000000f,0 0 0 4px #2ecc711a,0 0 30px #2ecc714d}.dashboard-challenge-card.dashboard-challenge-card--completed .dashboard-challenge-icon{background:var(--success-color)}.dashboard-challenge-card.dashboard-challenge-card--completed .dashboard-challenge-title{color:var(--success-color)}.dashboard-challenge-card.dashboard-challenge-card--completed .dashboard-challenge-goal-section{border:1px solid rgba(46,204,113,.35)}.dashboard-challenge-card.dashboard-challenge-card--completed .dashboard-challenge-progress-section.goal-reached .dashboard-challenge-progress-bar{background:linear-gradient(90deg,var(--success-color-dark),var(--success-color),var(--success-color-light));background-size:200% 100%;animation:quest-gradient-shift 3s ease infinite;box-shadow:0 0 16px #2ecc7199}.dashboard-challenge-card.dashboard-challenge-card--completed .dashboard-challenge-progress-ring.goal-reached .dashboard-progress-ring-progress{stroke:var(--success-color);filter:drop-shadow(0 0 8px rgba(46,204,113,.6))}.dashboard-challenge-card.dashboard-challenge-card--completed .dashboard-challenge-progress-ring.goal-reached .dashboard-progress-ring-text{color:var(--success-color)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.monthly-challenge-progress-fill{height:100%;width:0%;background:linear-gradient(to right,var(--primary-color-light),var(--primary-color));border-radius:6px;transition:width .5s ease-out;position:relative;overflow:hidden}.monthly-challenge-progress-fill:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#ffffff1a 25%,#ffffff4d,#ffffff1a 75%);background-size:200% 100%;animation:shimmer 2s infinite linear}.dashboard-projects-section{margin-bottom:40px;width:100%;display:block}.dashboard-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.dashboard-section-title{font-size:1.5em;font-weight:600;margin:0;color:var(--text-color)}.dashboard-create-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary-color);color:var(--text-color);border:none;border-radius:8px;font-size:.95em;font-weight:500;cursor:pointer;transition:background .2s ease,transform .1s ease}.dashboard-create-btn:hover{background:var(--btn-primary-hover-bg);transform:translateY(-1px)}.dashboard-create-btn:active{transform:translateY(0)}.dashboard-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px;perspective:1000px}.dashboard-project-card{aspect-ratio:2/3;background:var(--card-bg);border-radius:8px 4px 4px 8px;padding:0;box-shadow:0 4px 12px #0000001a,0 2px 4px #00000014,inset -2px 0 4px #0000001a;transition:background .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);opacity:1;transform:translateY(0) rotateY(-2deg);position:relative;display:flex;flex-direction:column;cursor:pointer;overflow:hidden;border:1px solid var(--border-color)}.dashboard-project-card:hover{background:var(--hover-item-bg);transform:translateY(-4px) rotateY(-2deg);box-shadow:0 8px 24px #0000001f,0 4px 8px #00000014,inset -2px 0 4px #0000001a}body.dark-mode .dashboard-project-card{box-shadow:0 4px 12px #0000004d,0 2px 4px #0003,inset -2px 0 4px #0003}body.dark-mode .dashboard-project-card:before{background:linear-gradient(135deg,#ffffff08,#00000014),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.02) 2px,rgba(255,255,255,.02) 4px)}body.dark-mode .dashboard-project-card:hover{background:var(--hover-item-bg);transform:translateY(-4px) rotateY(-2deg);box-shadow:0 8px 24px #00000059,0 4px 8px #0000004d,inset -2px 0 4px #0003}.dashboard-project-header{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:16px;padding:16px 16px 20px;position:relative;min-height:0;z-index:2;overflow:hidden}.dashboard-project-header:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,0,0,.04) 1px,rgba(0,0,0,.04) 2px,transparent 2px,transparent 3px,rgba(255,255,255,.05) 3px,rgba(255,255,255,.05) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,0,0,.025) 2px,rgba(0,0,0,.025) 3px),repeating-linear-gradient(0deg,transparent,transparent 8px,rgba(0,0,0,.03) 8px,rgba(0,0,0,.03) 9px);opacity:.8;z-index:1;pointer-events:none}.dashboard-project-header:after{content:attr(data-project-title);font-size:16px;font-weight:900;color:#2c3e50;text-align:center;text-transform:uppercase;letter-spacing:1px;line-height:1.4;z-index:3;background:#ffffffe6;padding:12px;border-radius:4px;border:2px solid rgba(0,0,0,.1);box-shadow:0 2px 4px #0000001a;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:90%;position:relative;order:-1;margin-top:10px;flex-shrink:0}.dashboard-project-icon-wrapper{flex-shrink:0;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 16px #0000004d;z-index:3;opacity:.95;border:2px solid rgba(255,255,255,.3);position:relative;margin-top:auto;margin-bottom:auto}.dashboard-project-title{display:none}.dashboard-project-streak{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--text-color-light);transition:all .3s ease}.dashboard-project-streak i{font-size:11px;transition:all .3s ease}.dashboard-project-streak.streak-not-extended{opacity:.5}.dashboard-project-streak.streak-not-extended i{color:#9e9e9e;filter:grayscale(50%)}.dashboard-project-streak.streak-extended-today{opacity:1;font-weight:600}.dashboard-project-streak.streak-extended-today i{color:#ff6b35;filter:drop-shadow(0 0 4px rgba(255,107,53,.6));animation:fire-glow 2s ease-in-out infinite}@keyframes fire-glow{0%,to{filter:drop-shadow(0 0 4px rgba(255,107,53,.6));transform:scale(1)}50%{filter:drop-shadow(0 0 8px rgba(255,107,53,.8)) drop-shadow(0 0 12px rgba(255,165,0,.4));transform:scale(1.05)}}.dashboard-project-value,.dashboard-project-subtitle{display:none}.dashboard-project-progress{padding:14px 16px;background:var(--card-bg);border-top:2px solid var(--border-color);z-index:2;position:relative}.dashboard-project-progress-bar{width:100%;height:4px;background:var(--hover-item-bg);border-radius:2px;overflow:hidden;margin-bottom:6px}.dashboard-project-progress-fill{height:100%;background:var(--primary-color);border-radius:2px;transition:width .3s ease}.dashboard-project-info{display:flex;flex-direction:column;gap:6px;margin-top:2px}.dashboard-project-stats{font-size:13px;color:var(--text-color);opacity:.85;line-height:1.4;font-weight:500}.dashboard-project-last-entry{font-size:12px;color:var(--text-color-light);opacity:.75;line-height:1.4;font-style:italic;font-weight:400}.dashboard-empty-projects{grid-column:1/-1;text-align:center;padding:60px 20px;color:var(--text-color-light)}.dashboard-empty-projects p{font-size:1.1em;margin-bottom:20px}.dashboard-empty-create-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--chart-primary-color);color:#fff;border:none;border-radius:8px;font-size:1em;font-weight:500;cursor:pointer;transition:background .2s ease,transform .1s ease}.dashboard-empty-create-btn:hover{background:var(--btn-primary-hover-bg);transform:translateY(-1px)}.dashboard-upcoming-features-section{margin-top:48px;padding-top:48px;border-top:1px solid var(--border-color);width:100%;display:block}.dashboard-upcoming-features-header{margin-bottom:24px}.dashboard-upcoming-features-desc{margin-top:8px;color:var(--text-color-light);font-size:.95em}.dashboard-upcoming-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:32px}.dashboard-upcoming-features-skeleton .dashboard-upcoming-features-header .dashboard-section-title,.dashboard-upcoming-features-skeleton .dashboard-upcoming-features-header .dashboard-upcoming-features-desc{background:linear-gradient(90deg,var(--hover-item-bg) 0%,var(--border-color) 50%,var(--hover-item-bg) 100%);background-size:200% 100%;color:transparent;border-radius:4px;animation:skeleton-shimmer 1.5s infinite linear}.dashboard-upcoming-features-skeleton .dashboard-feature-card .dashboard-feature-card-badge .dashboard-feature-coming-soon-badge{background:linear-gradient(90deg,var(--hover-item-bg) 0%,var(--border-color) 50%,var(--hover-item-bg) 100%);background-size:200% 100%;color:transparent;animation:skeleton-shimmer 1.5s infinite linear}.dashboard-upcoming-features-skeleton .dashboard-feature-card .dashboard-feature-card-icon{background:linear-gradient(90deg,var(--hover-item-bg) 0%,var(--border-color) 50%,var(--hover-item-bg) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite linear}.dashboard-upcoming-features-skeleton .dashboard-feature-card .dashboard-feature-card-icon i{opacity:0}.dashboard-upcoming-features-skeleton .dashboard-feature-card .dashboard-feature-card-title,.dashboard-upcoming-features-skeleton .dashboard-feature-card .dashboard-feature-card-desc,.dashboard-upcoming-features-skeleton .dashboard-feature-card .dashboard-feature-card-footer .dashboard-feature-vote-btn,.dashboard-upcoming-features-skeleton .dashboard-feature-card .dashboard-feature-card-footer .dashboard-feature-vote-count{background:linear-gradient(90deg,var(--hover-item-bg) 0%,var(--border-color) 50%,var(--hover-item-bg) 100%);background-size:200% 100%;color:transparent;border-radius:4px;animation:skeleton-shimmer 1.5s infinite linear}.dashboard-upcoming-features-skeleton .dashboard-feature-card .dashboard-feature-card-footer .dashboard-feature-vote-btn i,.dashboard-upcoming-features-skeleton .dashboard-feature-card .dashboard-feature-card-footer .dashboard-feature-vote-btn span,.dashboard-upcoming-features-skeleton .dashboard-feature-card .dashboard-feature-card-footer .dashboard-feature-vote-count i,.dashboard-upcoming-features-skeleton .dashboard-feature-card .dashboard-feature-card-footer .dashboard-feature-vote-count span{opacity:0}.dashboard-feature-card{position:relative;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:24px;opacity:.7;transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease}.dashboard-feature-card:hover{opacity:.85;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dashboard-feature-card-badge{position:absolute;top:16px;right:16px}.dashboard-feature-coming-soon-badge{display:inline-block;background:var(--btn-neutral-bg);color:var(--btn-text-color);padding:4px 12px;border-radius:12px;font-size:.75em;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.dashboard-feature-card-icon{width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,var(--chart-primary-color),rgba(var(--primary-rgb, 52, 152, 219),.3));display:flex;align-items:center;justify-content:center;margin-bottom:16px;opacity:.6}.dashboard-feature-card-icon i{font-size:2em;color:var(--text-color);opacity:.5}.dashboard-feature-card-content{display:flex;flex-direction:column;gap:12px}.dashboard-feature-card-title{font-size:1.25em;font-weight:600;margin:0;color:var(--text-color)}.dashboard-feature-card-desc{color:var(--text-color-light);font-size:.9em;line-height:1.5;margin:0}.dashboard-feature-card-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:8px;padding-top:16px;border-top:1px solid var(--border-color)}.dashboard-feature-vote-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--chart-primary-color);color:var(--btn-text-color);border:none;border-radius:8px;font-size:.9em;font-weight:500;cursor:pointer;transition:all .2s ease}.dashboard-feature-vote-btn:hover:not(:disabled){opacity:.9;transform:scale(1.05)}.dashboard-feature-vote-btn:disabled{opacity:.6;cursor:not-allowed}.dashboard-feature-vote-btn.voted{background:var(--success-color)}.dashboard-feature-vote-btn.voted i{color:var(--btn-text-color)}.dashboard-feature-vote-btn i{font-size:.9em}.dashboard-feature-vote-count{display:flex;align-items:center;gap:6px;color:var(--text-color-light);font-size:.9em;font-weight:500}.dashboard-feature-vote-count i{color:var(--success-color);font-size:.85em}.dashboard-upcoming-features-cta{text-align:center;padding:24px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px}.dashboard-upcoming-features-cta-content{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px}.dashboard-upcoming-features-cta-icon{font-size:1.3em;color:var(--chart-primary-color);flex-shrink:0}.dashboard-upcoming-features-cta-text{margin:0;color:var(--text-color);font-size:1.1em;font-weight:600;line-height:1.5}.dashboard-become-supporter-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--chart-primary-color);color:var(--btn-text-color);border:none;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .2s ease}.dashboard-become-supporter-btn:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.dashboard-become-supporter-btn i{font-size:1.1em}@media(max-width:768px){.dashboard-content{padding:16px}.dashboard-content>.dashboard-projects-section,.dashboard-content>.dashboard-upcoming-features-section{display:block;width:100%;clear:both}.dashboard-title{font-size:2em}.dashboard-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:32px}.dashboard-projects-grid{grid-template-columns:1fr;gap:12px}.dashboard-project-card{aspect-ratio:16/9;transform:translateY(0) rotateY(0)}.dashboard-project-card:hover{transform:translateY(-2px) rotateY(0)}.dashboard-project-header{padding:12px;gap:12px;flex-direction:row;align-items:center;justify-content:flex-start}.dashboard-project-header:after{content:attr(data-project-title);flex:1;font-size:13px;padding:8px 10px;-webkit-line-clamp:2;line-height:1.3;text-align:left;width:auto;order:0}.dashboard-project-icon-wrapper{width:48px;height:48px;font-size:24px}.dashboard-project-progress{padding:10px 12px}.dashboard-project-progress-bar{height:3px;margin-bottom:4px}.dashboard-project-info{gap:4px;margin-top:0}.dashboard-project-stats{font-size:12px;line-height:1.3}.dashboard-project-last-entry{font-size:11px;line-height:1.3}.dashboard-section-header{flex-direction:column;align-items:flex-start;gap:16px}.dashboard-create-btn{width:100%;justify-content:center}.dashboard-upcoming-features-grid{grid-template-columns:1fr;gap:16px}.dashboard-feature-card-footer{flex-direction:column;align-items:stretch;gap:12px}.dashboard-feature-vote-btn{width:100%;justify-content:center}}@media(max-width:480px){.dashboard-stats-grid,.dashboard-projects-grid{gap:10px}.dashboard-project-card{aspect-ratio:2/1}.dashboard-project-header{padding:10px;gap:10px;flex-direction:row;align-items:center;justify-content:flex-start}.dashboard-project-header:after{content:attr(data-project-title);flex:1;font-size:12px;padding:6px 8px;-webkit-line-clamp:2;line-height:1.2;text-align:left;width:auto;order:0}.dashboard-project-icon-wrapper{width:40px;height:40px;font-size:20px}.dashboard-project-progress{padding:8px 10px}.dashboard-project-stats{font-size:11px}.dashboard-project-last-entry{font-size:10px}}.dashboard-referral-challenge-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:40px;align-items:stretch}@media(max-width:1260px){.dashboard-referral-challenge-grid{grid-template-columns:1fr}}.dashboard-referral-section{display:flex;flex-direction:column;height:100%}.dashboard-referral-card{opacity:1;transform:translateY(0);padding:24px;display:flex;flex-direction:column;height:100%;flex:1}.dashboard-referral-skeleton{--skeleton-bg: linear-gradient( 90deg, var(--hover-item-bg) 0%, var(--border-color) 50%, var(--hover-item-bg) 100% );--skeleton-bg-size: 200% 100%}.dashboard-referral-skeleton .dashboard-referral-header .dashboard-referral-title-group .dashboard-referral-icon{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);animation:skeleton-shimmer 1.5s infinite linear}.dashboard-referral-skeleton .dashboard-referral-header .dashboard-referral-title-group .dashboard-referral-title,.dashboard-referral-skeleton .dashboard-referral-description{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);color:transparent;border-radius:4px;animation:skeleton-shimmer 1.5s infinite linear}.dashboard-referral-skeleton .dashboard-referral-progress-section .dashboard-referral-icons-container .dashboard-referral-icon-item{opacity:.3}.dashboard-referral-skeleton .dashboard-referral-progress-section .dashboard-referral-progress-text,.dashboard-referral-skeleton .dashboard-referral-progress-section .dashboard-referral-progress-explanation,.dashboard-referral-skeleton .dashboard-referral-code-section .dashboard-referral-code-label{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);color:transparent;border-radius:4px;animation:skeleton-shimmer 1.5s infinite linear}.dashboard-referral-skeleton .dashboard-referral-code-section .dashboard-referral-code-box{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);animation:skeleton-shimmer 1.5s infinite linear}.dashboard-referral-skeleton .dashboard-referral-code-section .dashboard-referral-code-box .dashboard-referral-code-value{color:transparent}.dashboard-referral-skeleton .dashboard-referral-code-section .dashboard-referral-code-box .dashboard-referral-copy-btn,.dashboard-referral-skeleton .dashboard-referral-actions .dashboard-referral-share-btn{opacity:.3}.dashboard-referral-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dashboard-referral-title-group{display:flex;align-items:center;gap:12px}.dashboard-referral-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--chart-primary-color),var(--chart-primary-color-dark, var(--chart-primary-color)));display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;flex-shrink:0}.dashboard-referral-title{font-size:1.5em;font-weight:700;color:var(--text-color);margin:0}.dashboard-referral-description{color:var(--text-color-light);font-size:.95em;line-height:1.6;margin-bottom:20px}.dashboard-referral-progress-section{margin-bottom:24px}.dashboard-referral-icons-container{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:12px}.dashboard-referral-icon-item{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--bg-color);border:2px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-referral-icon-item i{font-size:24px;color:var(--text-color-light);opacity:.5;transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-referral-icon-item.dashboard-referral-icon-active{border-color:var(--chart-primary-color);background-color:rgba(var(--chart-primary-color-rgb, 52, 152, 219),.1);transform:scale(1.1)}.dashboard-referral-icon-item.dashboard-referral-icon-active i{color:var(--chart-primary-color);opacity:1}.dashboard-referral-icon-item.dashboard-referral-icon-success{border:2px solid var(--success-color);background-color:#2ecc711a;box-shadow:0 2px 8px #0000000f,0 0 0 4px #2ecc711a,0 0 20px #2ecc714d;transform:scale(1.1);animation:quest-scale-up .5s cubic-bezier(.34,1.56,.64,1) forwards}.dashboard-referral-icon-item.dashboard-referral-icon-success i{color:var(--success-color);opacity:1;animation:quest-trophy-rotate-in .6s cubic-bezier(.34,1.56,.64,1) forwards}body.dark-mode .dashboard-referral-icon-item.dashboard-referral-icon-success{box-shadow:0 2px 8px #0003,0 0 0 4px #2ecc7126,0 0 30px #2ecc7166}.dashboard-referral-icon-item.dashboard-referral-icon-active:hover,.dashboard-referral-icon-item.dashboard-referral-icon-success:hover{transform:scale(1.15)}.dashboard-referral-progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.dashboard-referral-progress-text{font-size:.9em;font-weight:600;color:var(--text-color)}.dashboard-referral-progress-explanation{font-size:.85em;color:var(--text-color-light);line-height:1.5;margin-top:8px}.dashboard-referral-code-section{margin-bottom:20px}.dashboard-referral-code-label{font-size:.9em;color:var(--text-color-light);margin-bottom:8px}.dashboard-referral-code-box{display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;padding:12px 16px;gap:12px}.dashboard-referral-code-value{font-family:Courier New,monospace;font-size:1.1em;font-weight:600;color:var(--text-color);flex:1;-webkit-user-select:all;user-select:all}.dashboard-referral-copy-btn{background:none;border:none;color:var(--chart-primary-color);cursor:pointer;padding:8px;border-radius:6px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard-referral-copy-btn:hover{background-color:var(--hover-item-bg)}.dashboard-referral-copy-btn i{font-size:1.1em}.dashboard-referral-actions{display:flex;gap:12px}.dashboard-referral-share-btn{flex:1;background-color:var(--chart-primary-color);color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:1em;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.dashboard-referral-share-btn:hover{background-color:var(--btn-primary-hover-bg);transform:translateY(-2px)}.dashboard-referral-share-btn i{font-size:1.1em}.dashboard-referral-card--success{border:2px solid var(--success-color);box-shadow:0 2px 8px #0000000f,0 0 0 4px #2ecc711a}.dashboard-referral-normal-content,.dashboard-referral-success-content{display:flex;flex-direction:column;flex:1}.dashboard-referral-success-content{text-align:center;padding:32px 0;justify-content:center;gap:24px;min-height:100%;display:flex;flex-direction:column}.dashboard-referral-success-icon{margin-bottom:8px;display:flex;justify-content:center;align-items:center;flex-shrink:0}.dashboard-referral-success-icons{display:flex;gap:20px;justify-content:center;align-items:center}.dashboard-referral-success-icons .dashboard-referral-icon-item{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--success-color);color:#fff;font-size:32px;box-shadow:0 4px 12px #2ecc714d;transition:transform .3s ease,box-shadow .3s ease}.dashboard-referral-success-icons .dashboard-referral-icon-item i{color:#fff}.dashboard-referral-success-icons .dashboard-referral-icon-item.dashboard-referral-icon-success{animation:referral-success-pulse .6s ease-out}.dashboard-referral-success-icons .dashboard-referral-icon-item.dashboard-referral-icon-success:hover{transform:scale(1.1);box-shadow:0 6px 16px #2ecc7166}@keyframes referral-success-pulse{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.dashboard-referral-success-title{font-size:1.75em;font-weight:700;color:var(--text-color);margin:0;line-height:2}.dashboard-referral-success-message{color:var(--text-color-light);font-size:1.05em;line-height:1.8;max-width:90%;margin:0 auto}.dashboard-referral-claim-wrapper{display:flex;justify-content:center;align-items:center;margin-top:8px;flex-shrink:0}.dashboard-referral-claim-btn{background-color:var(--success-color);color:#fff;border:none;border-radius:12px;padding:16px 36px;font-size:1.15em;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2ecc714d}.dashboard-referral-claim-btn:hover:not(:disabled){background-color:var(--success-color-dark, #27ae60);transform:translateY(-2px);box-shadow:0 6px 16px #2ecc7166}.dashboard-referral-claim-btn:active:not(:disabled){transform:translateY(0)}.dashboard-referral-claim-btn:disabled{opacity:.7;cursor:default;transform:none;box-shadow:none}.dashboard-referral-claimed-message{font-size:1.2em;font-weight:700;color:var(--success-color);margin-top:16px}.dashboard-community-challenges-section{margin-top:2rem;padding-top:48px;border-top:1px solid var(--border-color);border-right:none;border-bottom:none;border-left:none}.dashboard-community-challenges-section .dashboard-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.dashboard-community-challenges-section .dashboard-community-challenges-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-top:1.5rem}@media(min-width:769px){.dashboard-community-challenges-section .dashboard-community-challenges-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media(min-width:769px){.dashboard-community-challenges-section .dashboard-community-challenges-grid.has-single-challenge{grid-template-columns:1fr;max-width:600px;margin-left:auto;margin-right:auto}}@media(min-width:769px){.dashboard-community-challenges-section .dashboard-community-challenges-grid.has-multiple-challenges{grid-template-columns:repeat(2,1fr)}}.dashboard-community-challenges-section .dashboard-challenge-card{position:relative;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;height:fit-content;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.dashboard-community-challenges-section .dashboard-challenge-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dashboard-community-challenges-section .dashboard-challenge-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.dashboard-community-challenges-section .dashboard-challenge-card-title{font-size:1.25rem;font-weight:600;margin:0;flex:1;color:var(--text-color);word-wrap:break-word}.dashboard-community-challenges-section .dashboard-challenge-card-pin-btn{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);color:var(--text-color-light);cursor:pointer;transition:all .2s ease;flex-shrink:0}.dashboard-community-challenges-section .dashboard-challenge-card-pin-btn:hover{background:var(--hover-item-bg);color:var(--challenge-color, var(--chart-primary-color));border-color:var(--challenge-color, var(--chart-primary-color))}.dashboard-community-challenges-section .dashboard-challenge-card-pin-btn.is-pinned{background:var(--challenge-color, var(--chart-primary-color));color:var(--btn-text-color);border-color:var(--challenge-color, var(--chart-primary-color))}.dashboard-community-challenges-section .dashboard-challenge-card-pin-btn.is-pinned:hover{opacity:.85}.dashboard-community-challenges-section .dashboard-challenge-card-pin-btn i{font-size:1rem}.dashboard-community-challenges-section .dashboard-challenge-card-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;background:var(--challenge-color, var(--chart-primary-color))}.dashboard-community-challenges-section .dashboard-challenge-card-icon i{font-size:1.25rem}.dashboard-community-challenges-section .dashboard-challenge-card-creator{font-size:.875rem;color:var(--text-color-light);display:flex;align-items:center;gap:.5rem;margin:0 0 1rem}.dashboard-community-challenges-section .dashboard-challenge-card-creator i{color:var(--challenge-color, var(--chart-primary-color));font-size:.875rem}.dashboard-community-challenges-section .dashboard-challenge-card-progress{margin:1rem 0}.dashboard-community-challenges-section .dashboard-challenge-card-progress-info{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.5rem;font-size:.875rem}.dashboard-community-challenges-section .dashboard-challenge-card-progress-current{font-weight:700;color:var(--text-color);font-size:1rem}.dashboard-community-challenges-section .dashboard-challenge-card-progress-separator,.dashboard-community-challenges-section .dashboard-challenge-card-progress-goal{color:var(--text-color-light)}.dashboard-community-challenges-section .dashboard-challenge-card-progress-percent{margin-left:auto;font-weight:600;color:var(--challenge-color, var(--chart-primary-color))}.dashboard-community-challenges-section .dashboard-challenge-card-progress-bar-container{height:6px;background:var(--border-color);border-radius:3px;overflow:hidden;position:relative}.dashboard-community-challenges-section .dashboard-challenge-card-progress-bar{height:100%;background:var(--challenge-color, var(--chart-primary-color));border-radius:3px;transition:width .3s ease;width:0%;min-width:0}.dashboard-community-challenges-section .dashboard-challenge-card-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;margin:1.5rem 0;padding:1rem;background:var(--hover-item-bg);border-radius:8px}.dashboard-community-challenges-section .dashboard-challenge-card-stat-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.dashboard-community-challenges-section .dashboard-challenge-card-stat-item i{font-size:1.25rem;color:var(--challenge-color, var(--chart-primary-color))}.dashboard-community-challenges-section .dashboard-challenge-card-stat-value{display:block;font-weight:700;color:var(--text-color);font-size:.95rem}.dashboard-community-challenges-section .dashboard-challenge-card-stat-label{display:block;font-size:.75rem;color:var(--text-color-light)}.dashboard-community-challenges-section .dashboard-challenge-card-stats{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0}.dashboard-community-challenges-section .dashboard-challenge-card-stat{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-color-light)}.dashboard-community-challenges-section .dashboard-challenge-card-stat i{color:var(--challenge-color, var(--chart-primary-color));font-size:.875rem}.dashboard-community-challenges-section .dashboard-challenge-card-badge{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;display:inline-flex;align-items:center;gap:.5rem;margin:1rem 0}.dashboard-community-challenges-section .dashboard-challenge-card-badge--success{background:#22c55e1a;color:#22c55e}.dashboard-community-challenges-section .dashboard-challenge-card-badge--success i{color:#22c55e}.dashboard-community-challenges-section .dashboard-challenge-card-badge--expired{background:#6b72801a;color:#6b7280}.dashboard-community-challenges-section .dashboard-challenge-card-badge--expired i{color:#6b7280}.dashboard-community-challenges-section .dashboard-challenge-card-footer{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.dashboard-community-challenges-section .dashboard-challenge-card-link-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--challenge-color, var(--chart-primary-color));color:var(--btn-text-color);border:none;border-radius:8px;font-size:.9rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;flex:1;justify-content:center}.dashboard-community-challenges-section .dashboard-challenge-card-link-btn:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.dashboard-community-challenges-section .dashboard-challenge-card-link-btn i{font-size:.875rem}.dashboard-community-challenges-section .dashboard-challenge-card-share-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:transparent;color:var(--text-color);border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0}.dashboard-community-challenges-section .dashboard-challenge-card-share-btn:hover{background:var(--hover-item-bg);border-color:var(--challenge-color, var(--chart-primary-color));color:var(--challenge-color, var(--chart-primary-color))}.dashboard-community-challenges-section .dashboard-challenge-card-share-btn i{font-size:.875rem}@media(max-width:768px){.dashboard-community-challenges-section .dashboard-challenge-card-share-btn{padding:.75rem}.dashboard-community-challenges-section .dashboard-challenge-card-share-btn span{display:none}}.dashboard-community-challenges-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:3rem 1rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px}.dashboard-community-challenges-empty-icon{font-size:4rem;color:var(--text-color-light);margin-bottom:1rem;opacity:.5}.dashboard-community-challenges-empty h3{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:var(--text-color)}.dashboard-community-challenges-empty p{font-size:1rem;color:var(--text-color-light);margin:0 0 1.5rem}.dashboard-community-challenges-empty #dashboard-create-challenge-empty-btn{background-color:var(--btn-neutral-bg);margin:0 auto}@media(max-width:768px){.dashboard-community-challenges-section{margin-top:2rem;padding-top:48px;border-top:1px solid var(--border-color);border-right:none;border-bottom:none;border-left:none}.dashboard-community-challenges-section .dashboard-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.dashboard-community-challenges-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:3rem 1rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px}.dashboard-community-challenges-empty-icon{font-size:4rem;color:var(--text-color-light);margin-bottom:1rem;opacity:.5}.dashboard-community-challenges-empty h3{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:var(--text-color)}.dashboard-community-challenges-empty p{font-size:1rem;color:var(--text-color-light);margin:0 0 1.5rem}.dashboard-community-challenges-empty #dashboard-create-challenge-empty-btn{background-color:var(--btn-neutral-bg);margin:0 auto}.dashboard-referral-card{padding:20px}.dashboard-referral-title{font-size:1.3em}.dashboard-referral-icon{width:40px;height:40px;font-size:20px}.dashboard-referral-success-icons{gap:12px}.dashboard-referral-success-icons .dashboard-referral-icon-item{width:56px;height:56px;font-size:24px}.dashboard-referral-success-title{font-size:1.5em}.dashboard-referral-success-message{font-size:.95em}.dashboard-referral-claim-btn{padding:14px 28px;font-size:1.05em}}#challenge-view{padding:24px;max-width:1400px;margin:0 auto}.challenge-hero-card{position:relative;margin-bottom:32px;padding:20px 24px 24px;border-radius:20px;overflow:hidden;background:radial-gradient(circle at top left,color-mix(in srgb,var(--challenge-color, var(--chart-primary-color)) 22%,transparent),var(--card-bg));box-shadow:0 18px 45px #0f172ab3}.challenge-hero-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,color-mix(in srgb,var(--challenge-color, var(--chart-primary-color)) 18%,transparent),var(--card-bg) 60%);pointer-events:none;z-index:0}.challenge-hero-card>*{position:relative;z-index:1}.challenge-hero-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px}.challenge-hero-title-group{flex:1;display:flex;flex-direction:column;gap:12px}.challenge-title{font-size:2.5em;font-weight:700;margin:0;color:var(--text-color);letter-spacing:-.5px}.challenge-badges-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.challenge-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:.9em;font-weight:600}.challenge-status-badge i{font-size:.9em}.challenge-status-badge--active{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.challenge-status-badge--completed{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.challenge-status-badge--expired{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff}.challenge-participants-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:.9em;font-weight:600;background:var(--stat-box-bg);border:1px solid var(--border-color);color:var(--text-color)}.challenge-participants-badge i{font-size:.9em;color:var(--challenge-color, var(--chart-primary-color))}.challenge-hero-actions{position:absolute;top:0;right:0;z-index:2}.challenge-pin-btn{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);color:var(--text-color-light);cursor:pointer;transition:all .2s ease}.challenge-pin-btn:hover{background:var(--hover-item-bg);color:var(--challenge-color, var(--chart-primary-color));border-color:var(--challenge-color, var(--chart-primary-color))}.challenge-pin-btn.is-pinned{background:var(--challenge-color, var(--chart-primary-color));color:var(--btn-text-color);border-color:var(--challenge-color, var(--chart-primary-color))}.challenge-pin-btn.is-pinned:hover{opacity:.85}.challenge-pin-btn i{font-size:.9rem}.challenge-hero-meta-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.challenge-creator-info{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:var(--text-color-light);font-size:.95em}.challenge-creator-avatar{width:40px;height:40px;border-radius:999px;background:var(--challenge-color, var(--chart-primary-color));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.1em;flex-shrink:0}.challenge-creator-name{font-weight:500}.challenge-date-card{display:flex;flex-direction:column;align-items:flex-end;padding:8px 14px;border-radius:12px;border:1px solid var(--border-color);min-width:180px}.challenge-date-remaining{font-size:.9rem;color:var(--text-color);font-weight:600}.challenge-date-range{margin-top:4px;font-size:.85rem;color:var(--text-color-light)}.challenge-description{color:var(--text-color-light);line-height:1.6;margin:0 0 20px}.challenge-join-cta{margin:32px 0;padding:0;border-radius:20px;overflow:hidden;background:radial-gradient(circle at center,color-mix(in srgb,var(--challenge-color, var(--chart-primary-color)) 15%,transparent),var(--card-bg));border:2px solid var(--challenge-color, var(--chart-primary-color));box-shadow:0 8px 32px #00000026,0 0 0 1px color-mix(in srgb,var(--challenge-color, var(--chart-primary-color)) 20%,transparent);position:relative;animation:pulse-glow 3s ease-in-out infinite}.challenge-join-cta:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,color-mix(in srgb,var(--challenge-color, var(--chart-primary-color)) 10%,transparent),transparent 70%);pointer-events:none;z-index:0}.challenge-join-cta>*{position:relative;z-index:1}.challenge-join-cta-content{display:flex;align-items:center;gap:24px;padding:32px 40px;text-align:left}@media(max-width:768px){.challenge-join-cta-content{flex-direction:column;text-align:center;padding:28px 24px;gap:20px}}.challenge-join-cta-icon{flex-shrink:0;width:80px;height:80px;border-radius:18px;background:linear-gradient(135deg,var(--challenge-color, var(--chart-primary-color)),color-mix(in srgb,var(--challenge-color, var(--chart-primary-color)) 80%,black));display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.5em;box-shadow:0 4px 16px #0003;animation:bounce-subtle 2s ease-in-out infinite}@media(max-width:768px){.challenge-join-cta-icon{width:64px;height:64px;font-size:2em}}.challenge-join-cta-text{flex:1;display:flex;flex-direction:column;gap:20px;align-items:flex-start}@media(max-width:768px){.challenge-join-cta-text{align-items:center;width:100%}}.challenge-join-message{margin:0;color:var(--text-color);font-size:1.3em;font-weight:600;line-height:1.5}@media(max-width:768px){.challenge-join-message{font-size:1.15em;text-align:center}}.challenge-join-btn{min-width:240px;padding:16px 32px;font-size:1.1em;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,var(--challenge-color, var(--chart-primary-color)),color-mix(in srgb,var(--challenge-color, var(--chart-primary-color)) 85%,black));border:none;box-shadow:0 4px 16px #0003;transition:all .3s ease;transform:translateY(0)}.challenge-join-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0000004d}.challenge-join-btn:active{transform:translateY(0)}.challenge-join-btn i{font-size:1.1em}@media(max-width:768px){.challenge-join-btn{width:100%;min-width:auto}}@keyframes pulse-glow{0%,to{box-shadow:0 8px 32px #00000026,0 0 0 1px color-mix(in srgb,var(--challenge-color, var(--chart-primary-color)) 20%,transparent)}50%{box-shadow:0 8px 32px #0003,0 0 0 1px color-mix(in srgb,var(--challenge-color, var(--chart-primary-color)) 30%,transparent),0 0 20px color-mix(in srgb,var(--challenge-color, var(--chart-primary-color)) 20%,transparent)}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.challenge-tutorial-card{margin:32px 0;padding:32px;background:linear-gradient(135deg,color-mix(in srgb,var(--challenge-color, var(--chart-primary-color)) 8%,transparent),var(--card-bg) 40%);border:2px solid color-mix(in srgb,var(--challenge-color, var(--chart-primary-color)) 20%,transparent);border-radius:20px;box-shadow:0 4px 20px #0000001a;position:relative;overflow:hidden}.challenge-tutorial-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--challenge-color, var(--chart-primary-color)),color-mix(in srgb,var(--challenge-color, var(--chart-primary-color)) 60%,transparent))}.challenge-tutorial-header{display:flex;align-items:center;gap:16px;margin-bottom:28px}.challenge-tutorial-icon{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,var(--challenge-color, var(--chart-primary-color)),color-mix(in srgb,var(--challenge-color, var(--chart-primary-color)) 80%,black));display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.8em;flex-shrink:0;box-shadow:0 4px 12px #00000026}.challenge-tutorial-title{margin:0;font-size:1.5em;font-weight:700;color:var(--text-color);letter-spacing:-.3px}.challenge-tutorial-steps{display:flex;flex-direction:column;gap:24px}.challenge-tutorial-step{display:flex;gap:20px;align-items:flex-start;padding:20px;background:var(--stat-box-bg);border-radius:16px;border:1px solid var(--border-color);transition:all .3s ease}.challenge-tutorial-step:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:color-mix(in srgb,var(--challenge-color, var(--chart-primary-color)) 30%,transparent)}.challenge-tutorial-step-number{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--challenge-color, var(--chart-primary-color)),color-mix(in srgb,var(--challenge-color, var(--chart-primary-color)) 85%,black));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2em;box-shadow:0 2px 8px #00000026}.challenge-tutorial-step-icon{flex-shrink:0;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--challenge-color, var(--chart-primary-color)),color-mix(in srgb,var(--challenge-color, var(--chart-primary-color)) 85%,black));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2em;box-shadow:0 2px 8px #00000026}.challenge-tutorial-step-content{flex:1;min-width:0}.challenge-tutorial-step-title{margin:0 0 8px;font-size:1.15em;font-weight:600;color:var(--text-color)}.challenge-tutorial-step-text{margin:0;font-size:.95em;line-height:1.6;color:var(--text-color-light)}@media(max-width:768px){.challenge-tutorial-card{padding:24px 20px;margin:24px 0}.challenge-tutorial-header{flex-direction:column;text-align:center;gap:12px;margin-bottom:24px}.challenge-tutorial-icon{width:48px;height:48px;font-size:1.5em}.challenge-tutorial-title{font-size:1.3em}.challenge-tutorial-step{padding:16px;gap:16px}.challenge-tutorial-step-number{width:36px;height:36px;font-size:1.1em}.challenge-tutorial-step-title{font-size:1.05em}.challenge-tutorial-step-text{font-size:.9em}}.challenge-progress-section{margin-bottom:32px}.progress-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:1.1em;font-weight:500;color:var(--text-color)}.progress-stats #challenge-progress-text,.progress-stats #challenge-progress-percent{white-space:nowrap;overflow:visible;min-width:fit-content}.progress-bar-container{width:100%;height:16px;background:var(--border-color);border-radius:8px;overflow:hidden;margin-bottom:24px}.progress-bar{height:100%;background:var(--challenge-color, var(--chart-primary-color));border-radius:8px;transition:width .5s ease;width:0%}.chart-container{position:relative;width:100%;height:300px;margin-bottom:16px}#challenge-chart{width:100%;height:100%}.challenge-hint-banner{margin-bottom:32px;background:var(--stat-box-bg);border-left:4px solid var(--challenge-color, var(--chart-primary-color))}.challenge-hint-content{display:flex;align-items:flex-start;gap:16px;padding:16px}.challenge-hint-icon{color:var(--challenge-color, var(--chart-primary-color));font-size:1.5em;flex-shrink:0;margin-top:2px}.challenge-hint-text{flex:1}.challenge-hint-text p{margin:0 0 12px;color:var(--text-color);line-height:1.5}.challenge-hint-action-btn{margin-top:8px}.challenge-highlights-section{margin-bottom:32px}#challenge-highlights-container{margin-top:32px;border-top:1px solid var(--border-color);padding-top:32px}.challenge-settings-container{display:flex;gap:24px;margin-top:32px}@media(max-width:768px){.challenge-settings-container{flex-direction:column;gap:20px}}.challenge-settings-card{flex:1}.challenge-settings-card .card-header{padding:20px 24px;border-bottom:1px solid var(--border-color)}.challenge-settings-card .card-header h3{margin:0;font-size:1.125em;font-weight:600;color:var(--text-color)}.challenge-settings-card form{padding:24px}.challenge-settings-actions{padding:20px 24px;border-top:1px solid var(--border-color)}.challenge-settings-actions button{width:100%;justify-content:center}.setting-input,.setting-textarea{width:100%;padding:10px 14px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-color);color:var(--text-color);font-size:.95em;transition:all .2s ease;box-sizing:border-box;font-family:inherit}.setting-input:focus,.setting-textarea:focus{outline:none;border-color:var(--challenge-color, var(--accent-color));box-shadow:0 0 0 3px rgba(var(--accent-color-rgb, 102, 126, 234),.1)}.setting-textarea{resize:vertical;min-height:80px}.challenge-danger-zone{flex:1}.challenge-danger-actions{display:flex;flex-direction:column;gap:12px;margin-top:16px}.challenge-danger-actions button{width:100%;justify-content:center}@media(max-width:768px){#challenge-view{padding:16px}.challenge-title{font-size:2em}.challenge-hero-header{flex-direction:column;align-items:flex-start}.challenge-hero-actions{width:100%;justify-content:flex-end}.challenge-hero-meta-row{flex-wrap:wrap;gap:12px}.challenge-date-card{width:100%;align-items:flex-start}.challenge-badges-group{gap:8px}.chart-container{height:250px}}.challenge-view-skeleton{--skeleton-bg: linear-gradient( 90deg, var(--hover-item-bg) 0%, var(--border-color) 50%, var(--hover-item-bg) 100% );--skeleton-bg-size: 200% 100%}.challenge-view-skeleton .challenge-hero-card .challenge-title{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);color:transparent;border-radius:4px;animation:skeleton-shimmer 1.5s infinite linear;min-height:48px}.challenge-view-skeleton .challenge-hero-card .challenge-status-badge{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);color:transparent;border-radius:20px;animation:skeleton-shimmer 1.5s infinite linear;min-width:120px;min-height:32px}.challenge-view-skeleton .challenge-hero-card .challenge-participants-badge{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);color:transparent;border-radius:20px;animation:skeleton-shimmer 1.5s infinite linear;min-width:100px;min-height:32px}.challenge-view-skeleton .challenge-hero-card .challenge-creator-avatar{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);animation:skeleton-shimmer 1.5s infinite linear}.challenge-view-skeleton .challenge-hero-card .challenge-creator-avatar span{opacity:0}.challenge-view-skeleton .challenge-hero-card .challenge-creator-name{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);color:transparent;border-radius:4px;animation:skeleton-shimmer 1.5s infinite linear;min-width:150px;min-height:20px}.challenge-view-skeleton .challenge-hero-card .challenge-date-remaining{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);color:transparent;border-radius:4px;animation:skeleton-shimmer 1.5s infinite linear;min-width:120px;min-height:18px}.challenge-view-skeleton .challenge-hero-card .challenge-date-range{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);color:transparent;border-radius:4px;animation:skeleton-shimmer 1.5s infinite linear;min-width:180px;min-height:16px;margin-top:8px}.challenge-view-skeleton .challenge-hero-card .challenge-description{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);color:transparent;border-radius:4px;animation:skeleton-shimmer 1.5s infinite linear;min-height:60px}.challenge-view-skeleton .challenge-hero-card .challenge-pin-btn{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);animation:skeleton-shimmer 1.5s infinite linear;border-color:transparent}.challenge-view-skeleton .challenge-hero-card .challenge-pin-btn i{opacity:0}.challenge-view-skeleton .challenge-join-cta .challenge-join-cta-icon{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);animation:skeleton-shimmer 1.5s infinite linear}.challenge-view-skeleton .challenge-join-cta .challenge-join-cta-icon i{opacity:0}.challenge-view-skeleton .challenge-join-cta .challenge-join-message{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);color:transparent;border-radius:4px;animation:skeleton-shimmer 1.5s infinite linear;min-height:32px}.challenge-view-skeleton .challenge-join-cta .challenge-join-btn{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);animation:skeleton-shimmer 1.5s infinite linear;border-color:transparent;color:transparent}.challenge-view-skeleton .challenge-join-cta .challenge-join-btn i{opacity:0}.challenge-view-skeleton .challenge-tutorial-card .challenge-tutorial-icon{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);animation:skeleton-shimmer 1.5s infinite linear}.challenge-view-skeleton .challenge-tutorial-card .challenge-tutorial-icon i{opacity:0}.challenge-view-skeleton .challenge-tutorial-card .challenge-tutorial-title{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);color:transparent;border-radius:4px;animation:skeleton-shimmer 1.5s infinite linear;min-height:32px}.challenge-view-skeleton .challenge-tutorial-card .challenge-tutorial-step .challenge-tutorial-step-number{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);animation:skeleton-shimmer 1.5s infinite linear;color:transparent}.challenge-view-skeleton .challenge-tutorial-card .challenge-tutorial-step .challenge-tutorial-step-icon{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);animation:skeleton-shimmer 1.5s infinite linear}.challenge-view-skeleton .challenge-tutorial-card .challenge-tutorial-step .challenge-tutorial-step-icon i{opacity:0}.challenge-view-skeleton .challenge-tutorial-card .challenge-tutorial-step .challenge-tutorial-step-title{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);color:transparent;border-radius:4px;animation:skeleton-shimmer 1.5s infinite linear;min-height:24px}.challenge-view-skeleton .challenge-tutorial-card .challenge-tutorial-step .challenge-tutorial-step-text{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);color:transparent;border-radius:4px;animation:skeleton-shimmer 1.5s infinite linear;min-height:40px}.challenge-view-skeleton .challenge-progress-section .progress-stats #challenge-progress-text,.challenge-view-skeleton .challenge-progress-section .progress-stats #challenge-progress-percent{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);color:transparent;border-radius:4px;animation:skeleton-shimmer 1.5s infinite linear;min-width:150px;min-height:24px}.challenge-view-skeleton .challenge-progress-section .progress-bar-container{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);animation:skeleton-shimmer 1.5s infinite linear}.challenge-view-skeleton .challenge-progress-section .chart-container{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);animation:skeleton-shimmer 1.5s infinite linear;border-radius:8px}.challenge-view-skeleton .challenge-progress-section .chart-container canvas{opacity:0}.challenge-view-skeleton .challenge-hint-banner .challenge-hint-icon{opacity:.3}.challenge-view-skeleton .challenge-hint-banner .challenge-hint-text p{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);color:transparent;border-radius:4px;animation:skeleton-shimmer 1.5s infinite linear;min-height:40px}.challenge-view-skeleton .challenge-hint-banner .challenge-hint-action-btn{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);animation:skeleton-shimmer 1.5s infinite linear;border-color:transparent;color:transparent}.challenge-view-skeleton .challenge-hint-banner .challenge-hint-action-btn i{opacity:0}.challenge-view-skeleton .challenge-highlights-section .highlights-grid .highlight-card .highlight-icon{opacity:.3}.challenge-view-skeleton .challenge-highlights-section .highlights-grid .highlight-card .highlight-title{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);color:transparent;border-radius:4px;animation:skeleton-shimmer 1.5s infinite linear;min-height:24px}.challenge-view-skeleton .challenge-highlights-section .highlights-grid .highlight-card .highlight-value{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);color:transparent;border-radius:4px;animation:skeleton-shimmer 1.5s infinite linear;min-height:32px}.challenge-view-skeleton .challenge-highlights-section .highlights-grid .highlight-card .highlight-description{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);color:transparent;border-radius:4px;animation:skeleton-shimmer 1.5s infinite linear;min-height:40px}.challenge-view-skeleton .challenge-settings-card .card-header h3{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);color:transparent;border-radius:4px;animation:skeleton-shimmer 1.5s infinite linear;min-height:24px}.challenge-view-skeleton .challenge-settings-card form label{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);color:transparent;border-radius:4px;animation:skeleton-shimmer 1.5s infinite linear;min-height:18px;min-width:120px;display:inline-block}.challenge-view-skeleton .challenge-settings-card form .setting-input,.challenge-view-skeleton .challenge-settings-card form .setting-textarea{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);animation:skeleton-shimmer 1.5s infinite linear;border-color:transparent;color:transparent}.challenge-view-skeleton .challenge-settings-card form .setting-input::placeholder,.challenge-view-skeleton .challenge-settings-card form .setting-textarea::placeholder{opacity:0}.challenge-view-skeleton .challenge-settings-card form .setting-textarea{min-height:80px}.challenge-view-skeleton .challenge-settings-card form #challenge-color-picker-btn{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);animation:skeleton-shimmer 1.5s infinite linear;border-color:transparent}.challenge-view-skeleton .challenge-settings-card .challenge-settings-actions button{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);animation:skeleton-shimmer 1.5s infinite linear;border-color:transparent;color:transparent}.challenge-view-skeleton .challenge-settings-card .challenge-settings-actions button i{opacity:0}.challenge-view-skeleton .challenge-danger-zone .card-header h3{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);color:transparent;border-radius:4px;animation:skeleton-shimmer 1.5s infinite linear;min-height:24px}.challenge-view-skeleton .challenge-danger-zone .challenge-danger-actions button{background:var(--skeleton-bg);background-size:var(--skeleton-bg-size);animation:skeleton-shimmer 1.5s infinite linear;border-color:transparent;color:transparent}.challenge-view-skeleton .challenge-danger-zone .challenge-danger-actions button i{opacity:0}.sortable-chosen{opacity:1}.sortable-ghost{opacity:0;background-color:#c8ebfb}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:280px;max-width:400px;opacity:0;transform:translate(400px);transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:auto;font-size:.95em;color:var(--text-color)}.toast.show{opacity:1;transform:translate(0)}.toast i{font-size:1.2em;flex-shrink:0}.toast-success{border-left:4px solid #10b981}.toast-success i{color:#10b981}.toast-error{border-left:4px solid #ef4444}.toast-error i{color:#ef4444}.toast-warning{border-left:4px solid #f59e0b}.toast-warning i{color:#f59e0b}.toast-info{border-left:4px solid #3b82f6}.toast-info i{color:#3b82f6}@media(max-width:768px){.toast-container{top:10px;right:10px;left:10px}.toast{min-width:auto;max-width:none}}.legal-links-card{margin:30px auto 20px;padding:16px 20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border:1px solid var(--border-color);border-radius:12px;text-align:center;font-size:.85em;max-width:900px;box-shadow:0 2px 8px #0000000d;transition:all .2s ease}.legal-links-card:hover{box-shadow:0 4px 12px #00000014}.legal-links-card a{color:var(--accent-color);text-decoration:none;font-weight:500;transition:opacity .2s ease,color .2s ease;margin:0 8px}.legal-links-card a:hover{opacity:.8;text-decoration:underline}.legal-separator{color:var(--text-color-light);margin:0 4px;font-weight:300}body.dark-mode .legal-links-card{background:#2c2c2cd9;border-color:var(--border-color)}body.dark-mode .legal-links-card a{color:var(--accent-color)}@media(max-width:768px){.legal-links-card{margin:20px auto 15px;padding:12px 16px;font-size:.8em;max-width:90%}.legal-links-card a{margin:0 6px}}