:not(i):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad):not(.fat){font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif!important}:root{--glass-bg:rgba(255, 255, 255, 0.05);--glass-bg-hover:rgba(255, 77, 41, 0.15);--glass-bg-secondary:rgba(255, 255, 255, 0.08);--glass-border:rgba(255, 255, 255, 0.1);--glass-border-light:rgba(255, 255, 255, 0.05);--glass-blur:blur(20px) saturate(120%);--glass-blur-light:blur(8px) saturate(110%);--color-dark:#031024;--color-dark-accent:#051e3e;--color-dark-light:#0a1932;--color-primary:#FF4D29;--color-primary-light:rgba(255, 77, 41, 0.1);--color-primary-dark:#e64024;--color-secondary:#0055A4;--color-secondary-light:rgba(0, 85, 164, 0.1);--color-white:#FFFFFF;--color-light-gray:rgba(255, 255, 255, 0.7);--color-gray:rgba(255, 255, 255, 0.5);--color-dark-gray:rgba(255, 255, 255, 0.1);--color-success:#27AE60;--color-error:#E74C3C;--text-primary:rgba(255, 255, 255, 0.92);--text-secondary:rgba(255, 255, 255, 0.75);--font-primary:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:0.75rem;--space-lg:1rem;--space-xl:1.5rem;--space-2xl:2rem;--space-3xl:3rem;--radius-xs:0.125rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--z-modal:2000}html{margin:0;padding:0;overflow-x:hidden}body{font-family:var(--font-primary);font-size:var(--font-size-base);line-height:1.6;color:rgba(255,255,255,.92);background:radial-gradient(ellipse at top left,#05204b 25%,#031127 60%);background-attachment:fixed;overflow-x:hidden;min-height:100vh;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}body.page-ready .main-content{opacity:1;transition:opacity .2s ease-out}*,::after,::before{box-sizing:border-box;margin:0;padding:0}.page-layout{display:grid;grid-template-columns:1fr;gap:var(--space-xl);max-width:1200px;margin:0 auto;padding:0 var(--space-lg);width:100%}.main-column{min-width:0;max-width:1200px;margin:0 auto;width:100%}.tool-container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--space-lg);position:relative}.tool-container .content-wrapper{padding:var(--space-xl) var(--space-lg) var(--space-lg)}.wide-container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--space-lg)}.wide-container .content-wrapper{padding:var(--space-xl) var(--space-lg) var(--space-lg)}.main-content{opacity:0;margin-top:80px;min-height:calc(100vh - 80px);padding:var(--space-md) 0;background:radial-gradient(circle at 15% 10%,rgb(255 77 41 / 11%) -2%,transparent 30%),radial-gradient(circle at 70% 85%,rgba(0,85,164,.12) 0,transparent 55%)}.hero{text-align:center;margin-bottom:var(--space-md);padding:0}.hero-title{font-size:var(--font-size-xl);font-weight:900;line-height:1.2;margin-bottom:0;margin-top:0;background:linear-gradient(135deg,var(--color-white) 0,var(--color-primary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:var(--font-size-base);color:var(--color-light-gray);max-width:800px;margin:0 auto;line-height:1.3;text-align:center}.content-wrapper{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-md);padding:var(--space-2xl);position:relative;z-index:10;overflow:hidden;transition:transform .3s cubic-bezier(.4, 0, .2, 1),border-color .3s cubic-bezier(.4, 0, .2, 1)}.content-wrapper::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),var(--color-secondary),transparent)}.compact-converter .content-wrapper{padding:var(--space-xl) var(--space-lg) var(--space-lg)}.faq-wrapper,.features-wrapper{margin-top:var(--space-3xl);margin-bottom:var(--space-3xl)}.dashboard-header{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-xl)}.dashboard-actions{display:flex;gap:var(--space-sm);align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-weight:700;font-size:var(--font-size-sm);text-decoration:none;cursor:pointer;border:none;position:relative;overflow:hidden;transition:all var(--transition-normal);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;box-sizing:border-box}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-white);border:1px solid rgba(255,77,41,.3);position:relative;z-index:1}.btn-primary:hover{transform:translateY(-2px) scale(1.01);color:var(--color-white);background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary))}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-sm{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-xs)}.btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.btn-primary:hover::before{left:100%}.btn-secondary{background:rgba(255,255,255,.12);color:var(--text-primary);border:1px solid rgba(255,255,255,.15)}.btn-secondary:hover{background:rgba(255,255,255,.18);transform:translateY(-2px) scale(1.01)}.btn-fullscreen{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:.3s cubic-bezier(.4, 0, .2, 1);padding:0}.btn-fullscreen:hover{background:rgba(255,77,41,.15);border-color:rgba(255,77,41,.4);transform:translate3d(0,-2px,0) scale3d(1.01,1.01,1)}.btn-lg{padding:var(--space-lg) var(--space-2xl);font-size:var(--font-size-base)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.stat-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);transition:transform .3s cubic-bezier(.4, 0, .2, 1)}.stat-card:hover{background:rgba(255,77,41,.15);border-color:var(--color-primary);transform:translate3d(0,-2px,0) scale3d(1.01,1.01,1)}.stat-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-radius:var(--radius-md);color:var(--color-white);font-size:var(--font-size-lg);flex-shrink:0}.stat-data{flex:1}.stat-value{font-size:var(--font-size-lg);font-weight:700;color:var(--color-white);line-height:1.2}.stat-label{font-size:9px;color:var(--color-light-gray);font-weight:600;text-transform:uppercase;letter-spacing:.8px}.tracker-section{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);padding:var(--space-xl);margin-bottom:var(--space-xl)}.section-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.section-title{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin:0}.section-title i{color:var(--color-primary)}.month-nav{display:flex;gap:var(--space-xs);align-items:center}.nav-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:.3s cubic-bezier(.4, 0, .2, 1);font-size:var(--font-size-sm)}.nav-btn:hover{background:rgba(255,77,41,.15);border-color:rgba(255,77,41,.4);transform:translate3d(0,-2px,0) scale3d(1.01,1.01,1)}.today-btn{width:auto;padding:0 var(--space-md);font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px}.tracker-grid-wrapper{overflow-x:auto;margin:0 calc(-1 * var(--space-sm));padding:0 var(--space-sm)}.tracker-grid{display:grid;gap:2px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:var(--space-sm);min-width:fit-content}.tracker-header-cell{display:flex;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-sm);font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;white-space:nowrap;min-width:36px}.tracker-header-cell.today-col{color:var(--color-primary);font-weight:700}.habit-info-cell{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);min-width:160px;position:relative}.habit-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:12px;flex-shrink:0}.habit-name-text{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.streak-badge{display:inline-flex;align-items:center;gap:2px;padding:2px 6px;background:rgba(255,255,255,.08);border-radius:var(--radius-full);font-size:10px;font-weight:700;color:var(--text-secondary);margin-left:auto;flex-shrink:0}.streak-badge.fire{background:rgba(255,77,41,.15);color:var(--color-primary)}.streak-badge i{font-size:9px}.habit-day-cell{display:flex;align-items:center;justify-content:center;padding:var(--space-xs);min-width:32px;cursor:pointer;transition:background .15s;border-radius:var(--radius-sm)}.habit-day-cell:hover{background:rgba(255,255,255,.08)}.habit-day-cell.today-col{background:rgba(255,77,41,.08)}.habit-day-cell.not-scheduled{opacity:.3;cursor:default}.habit-day-cell.not-scheduled:hover{background:0 0}.completion-circle{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;transition:.2s cubic-bezier(.4, 0, .2, 1)}.completion-circle i{font-size:10px;color:transparent;transition:color .2s}.habit-day-cell.completed .completion-circle{border-color:transparent;animation:.3s cubic-bezier(.4,0,.2,1) completionBounce}.habit-day-cell.completed .completion-circle i{color:var(--color-white)}@keyframes completionBounce{0%{transform:scale(.5)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.day-percent-cell{display:flex;align-items:center;justify-content:center;padding:var(--space-xs);font-size:10px;font-weight:600;color:var(--text-secondary);border-top:1px solid rgba(255,255,255,.08)}.day-percent-cell.perfect{color:var(--color-success)}.habit-actions{display:flex;gap:4px;margin-left:auto;opacity:0;transition:opacity .2s}.habit-info-cell:hover .habit-actions{opacity:1}.action-icon-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:10px;transition:.2s;padding:0}.action-icon-btn:hover{background:rgba(255,255,255,.15);color:var(--text-primary)}.action-icon-btn.delete-btn:hover{background:rgba(231,76,60,.15);color:var(--color-error)}.drag-handle{display:flex;align-items:center;cursor:grab;color:var(--text-secondary);opacity:0;transition:opacity .2s;font-size:12px;padding:0 2px}.habit-info-cell:hover .drag-handle{opacity:.5}.drag-handle:hover{opacity:1}.tracker-add-row{margin-top:var(--space-md)}.btn-add-habit{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-md);background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.15);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:.3s cubic-bezier(.4, 0, .2, 1)}.btn-add-habit:hover{background:rgba(255,77,41,.08);border-color:rgba(255,77,41,.3);color:var(--color-primary)}.tracker-empty-state{text-align:center;padding:var(--space-3xl) var(--space-xl)}.tracker-empty-state .empty-icon{font-size:3rem;color:var(--color-primary);opacity:.5;margin-bottom:var(--space-lg)}.tracker-empty-state .empty-icon i{font-size:3rem}.tracker-empty-state h3{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-sm)}.tracker-empty-state p{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-xl)}.charts-section{display:flex;flex-direction:column;gap:var(--space-xl)}.charts-row,.trends-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.chart-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);padding:var(--space-xl);transition:border-color .3s}.chart-card:hover{border-color:rgba(255,255,255,.2)}.chart-header{margin-bottom:var(--space-lg)}.chart-header h4{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin:0}.chart-header h4 i{color:var(--color-primary);font-size:var(--font-size-sm)}.chart-canvas-wrapper{position:relative;height:220px}.chart-canvas-doughnut{height:260px}.chart-canvas-small{height:180px}.heatmap-section{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);padding:var(--space-xl)}.heatmap-scroll-wrapper{overflow-x:auto}.heatmap-months{display:flex;gap:0;margin-bottom:var(--space-xs);padding-left:30px}.heatmap-month-label{flex:1;font-size:10px;color:var(--text-secondary);text-align:left;min-width:0}.heatmap-body{display:flex;gap:var(--space-xs)}.heatmap-day-labels{display:flex;flex-direction:column;justify-content:space-between;width:24px;font-size:9px;color:var(--text-secondary);padding:2px 0}.heatmap-grid{display:grid;grid-template-rows:repeat(7,1fr);grid-auto-flow:column;grid-auto-columns:minmax(12px,1fr);gap:2px;flex:1}.heatmap-cell{aspect-ratio:1;border-radius:2px;background:rgba(255,77,41,calc(var(--intensity) * .8 + .05));min-width:10px;transition:opacity .15s}.heatmap-cell:hover{opacity:.8}.heatmap-cell-legend{width:12px;height:12px;border-radius:2px;background:rgba(255,77,41,calc(var(--intensity) * .8 + .05))}.heatmap-legend{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-xs);margin-top:var(--space-md);font-size:10px;color:var(--text-secondary)}.heatmap-legend-cells{display:flex;gap:2px}.per-habit-stats{display:flex;flex-direction:column;gap:var(--space-sm)}.per-habit-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0}.per-habit-info{display:flex;align-items:center;gap:var(--space-sm);min-width:120px}.per-habit-progress{flex:1;display:flex;flex-direction:column;gap:4px}.progress-bar-track{width:100%;height:6px;background:rgba(255,255,255,.08);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .8s cubic-bezier(.4, 0, .2, 1)}.per-habit-numbers{font-size:10px;color:var(--text-secondary)}.per-habit-streak{font-size:var(--font-size-sm);font-weight:700;min-width:30px;text-align:right}.tool-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 40%,rgba(255,77,41,.12) 0,transparent 50%),radial-gradient(circle at 70% 60%,rgba(0,85,164,.1) 0,transparent 50%),linear-gradient(135deg,rgba(3,16,36,.97) 0,rgba(5,30,62,.98) 50%,rgba(3,16,36,.99) 100%);display:none;align-items:center;justify-content:center;z-index:var(--z-modal);opacity:0;visibility:hidden;transition:opacity .3s}.tool-modal.show{opacity:1;visibility:visible}.tool-modal-content{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);width:90%;max-width:600px;max-height:90vh;overflow-y:auto;transform:scale(.8) translateY(20px);transition:transform .3s cubic-bezier(.4, 0, .2, 1),border-color .3s cubic-bezier(.4, 0, .2, 1)}.tool-modal.show .tool-modal-content{transform:scale(1) translateY(0)}.tool-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl);border-bottom:1px solid var(--color-dark-gray)}.tool-modal-title{display:flex;align-items:center;gap:var(--space-md)}.tool-modal-title i{color:var(--color-primary);font-size:var(--font-size-lg)}.tool-modal-title h3{color:var(--color-white);font-size:var(--font-size-lg);font-weight:600;margin:0}.tool-modal-close{width:36px;height:36px;background:var(--color-dark-gray);border:none;border-radius:var(--radius-md);color:var(--color-light-gray);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s}.tool-modal-close:hover{background:var(--color-primary);color:var(--color-white)}.tool-modal-body{padding:var(--space-xl)}.export-option-group{margin-bottom:var(--space-2xl);padding-bottom:var(--space-2xl);border-bottom:1px solid var(--color-dark-gray)}.export-option-group:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.export-option-group h4{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-md);font-weight:600;color:var(--color-white);margin-bottom:var(--space-lg)}.export-option-group h4 i{color:var(--color-primary)}.export-format-buttons{display:flex;gap:var(--space-md)}.export-grid-2x2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.export-grid-2x2 .btn{flex:none}.export-option-group .btn-primary{width:100%;justify-content:center}.form-group{margin-bottom:var(--space-xl)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.form-input{width:100%;padding:var(--space-md);background:rgba(8,22,50,.55);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);color:var(--color-white);font-size:var(--font-size-base);font-family:var(--font-primary);outline:0;transition:border-color .3s}.form-input:focus{border-color:var(--color-primary)}.icon-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:var(--space-xs)}.icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:.2s;font-size:14px;padding:0}.icon-btn:hover{background:rgba(255,255,255,.15);color:var(--text-primary)}.icon-btn.active{background:rgba(255,77,41,.15);border-color:var(--color-primary);color:var(--color-primary)}.color-presets{display:flex;gap:var(--space-sm);flex-wrap:wrap}.color-swatch{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:.2s;padding:0}.color-swatch:hover{transform:scale(1.15)}.color-swatch.active{border-color:var(--color-white)}.custom-swatch{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#ff00ff,red)}.color-picker-wrapper{margin-top:var(--space-md)}.category-options,.frequency-options{display:flex;gap:var(--space-xs);flex-wrap:wrap}.cat-btn,.freq-btn{padding:var(--space-sm) var(--space-md);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:.2s}.cat-btn:hover,.freq-btn:hover{background:rgba(255,255,255,.12);color:var(--text-primary)}.cat-btn.active,.freq-btn.active{background:rgba(255,77,41,.15);border-color:var(--color-primary);color:var(--color-primary)}.cat-btn{display:flex;align-items:center;gap:var(--space-xs)}.custom-days{display:flex;gap:var(--space-xs);margin-top:var(--space-sm)}.day-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:50%;color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:.2s;padding:0}.day-btn.active{background:rgba(255,77,41,.15);border-color:var(--color-primary);color:var(--color-primary)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);padding-top:var(--space-xl);border-top:1px solid rgba(255,255,255,.1)}body.habit-fullscreen{overflow:hidden}body.habit-fullscreen .content-wrapper#mainToolWrapper{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2001;border-radius:0;border:none;margin:0;padding:var(--space-lg);max-width:none;width:100%;height:100%;display:flex;flex-direction:column;overflow-y:auto;background:radial-gradient(circle at 30% 40%,rgba(255,77,41,.08) 0,transparent 50%),radial-gradient(circle at 70% 60%,rgba(0,85,164,.06) 0,transparent 50%),linear-gradient(135deg,rgba(3,16,36,.99) 0,rgba(5,30,62,.99) 50%,#031024 100%)}body.habit-fullscreen .content-wrapper#mainToolWrapper::before{display:none}body.habit-fullscreen .tool-modal{z-index:2100}@media (max-width:1024px){body{background:linear-gradient(180deg,#05204b 0,#031127 100%)}body.habit-fullscreen .tool-tabs{z-index:2002}body.habit-fullscreen .content-wrapper#mainToolWrapper{bottom:52px}}.loading-spinner{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:var(--color-dark);z-index:9999;transition:opacity .3s}.loading-spinner.hidden{opacity:0;pointer-events:none}.spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--color-primary);border-radius:50%;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sortable-ghost{opacity:.3}.sortable-drag{opacity:.9}.features-section{margin-top:var(--space-3xl);margin-bottom:var(--space-2xl)}.section-header{text-align:center;margin-bottom:var(--space-2xl)}.section-header h2{font-size:var(--font-size-2xl);font-weight:800;color:var(--color-white);margin-bottom:var(--space-lg)}.section-header p{font-size:var(--font-size-md);color:var(--color-light-gray);max-width:600px;margin:0 auto}.section-header-with-action{position:relative}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-top:var(--space-2xl)}.feature-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-md);padding:var(--space-xl);text-align:center;transition:transform .3s cubic-bezier(.4, 0, .2, 1),border-color .3s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden}.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-primary) 0,var(--color-secondary) 100%);transform:scaleX(0);transition:transform var(--transition-normal)}.feature-card:hover{background:rgba(255,77,41,.15);border-color:var(--color-primary);transform:translate3d(0,-2px,0) scale3d(1.01,1.01,1);will-change:transform}.feature-card:hover::before{transform:scaleX(1)}.feature-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg);font-size:var(--font-size-xl);color:var(--color-white);transition:transform .3s cubic-bezier(.4, 0, .2, 1)}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.feature-card h3{font-size:var(--font-size-lg);font-weight:700;color:var(--color-white);margin-bottom:var(--space-md)}.feature-card p{color:var(--color-light-gray);line-height:1.6}.faq-section{margin-bottom:var(--space-3xl)}.faq-grid{display:grid;gap:var(--space-md);max-width:800px;margin:0 auto}.faq-item{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-md);overflow:hidden;transition:transform .3s cubic-bezier(.4, 0, .2, 1),border-color .3s cubic-bezier(.4, 0, .2, 1)}.faq-item:hover{background:rgba(255,77,41,.15);border-color:var(--color-primary);transform:translate3d(0,-2px,0) scale3d(1.01,1.01,1);will-change:transform}.faq-question{padding:var(--space-xl);background:rgba(255,255,255,.12);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .3s;user-select:none}.faq-question:hover{background:rgba(255,77,41,.1)}.faq-question h3{font-size:var(--font-size-md);color:var(--color-white);font-weight:600;margin:0}.faq-question i{color:var(--color-primary);font-size:var(--font-size-sm);transition:transform var(--transition-normal)}.faq-item.open .faq-question i{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-normal)}.faq-item.open .faq-answer{max-height:300px}.faq-answer-content{padding:0 var(--space-xl) var(--space-xl)}.faq-answer p{color:var(--color-light-gray);line-height:1.6;margin:0}.usage-compact{display:flex;flex-direction:column;gap:var(--space-2xl)}.usage-steps-horizontal{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);flex-wrap:nowrap;margin-bottom:var(--space-2xl)}.usage-step{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:200px}.step-icon{position:relative;display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--color-primary),#ff6b47);border-radius:50%;margin-bottom:var(--space-md);transition:.3s}.step-icon:hover{transform:scale3d(1.05,1.05,1);will-change:transform}.step-icon i{font-size:1.5rem;color:#fff}.step-num{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:var(--color-dark);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:800;border:2px solid var(--color-primary)}.usage-step h4{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-sm)}.usage-step p{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.step-arrow{display:flex;align-items:center;align-self:flex-start;margin-top:30px;color:var(--color-primary);font-size:1.5rem;opacity:.7}.quick-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg)}.quick-feature{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-md);transition:transform .3s cubic-bezier(.4, 0, .2, 1),border-color .3s cubic-bezier(.4, 0, .2, 1);min-height:72px;text-align:center}.quick-feature:hover{background:rgba(255,77,41,.15);border-color:var(--color-primary);transform:translate3d(0,-2px,0) scale3d(1.01,1.01,1);will-change:transform}.quick-feature i{font-size:1.25rem;color:var(--color-primary);flex-shrink:0}.quick-feature span{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.desktop-only{display:flex}.tool-tabs{position:absolute;top:-44px;right:64px;display:flex;gap:var(--space-sm);z-index:5}.tool-tab{position:relative;width:44px;height:44px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .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:translateZ(0);-webkit-transform:translateZ(0)}.tool-tab i{font-size:18px;color:rgba(255,255,255,.6);transition:color .3s cubic-bezier(.4, 0, .2, 1)}.tool-tab:hover{background:rgba(255,255,255,.12);border-color:rgba(255,77,41,.3)}.tool-tab:hover i{color:var(--color-primary)}.tool-tab.active i{color:#e74c3c}.mobile-action-group,.mobile-divider,.mobile-group-label{display:none}@media (max-width:1200px){.charts-row,.trends-row{grid-template-columns:1fr}.features-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px) and (min-width:901px){.usage-steps-horizontal{display:flex;flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:var(--space-lg)}.usage-step{flex:1;max-width:180px;text-align:center;align-items:center}.quick-features{display:flex;flex-wrap:nowrap;gap:var(--space-sm)}.quick-feature{flex:1;min-width:0;padding:var(--space-sm)}.quick-feature span{font-size:11px;line-height:1.2}}@media (max-width:900px){.hero{padding:var(--space-xs) var(--space-md)}.hero-title{font-size:var(--font-size-lg)}.hero-description{font-size:var(--font-size-sm)}.content-wrapper{padding:var(--space-xl)}.section-header h2{font-size:var(--font-size-lg)}.section-header p{font-size:var(--font-size-sm)}.tool-tabs{right:48px;top:-40px}.tool-tab{width:40px;height:40px}.tool-tab i{font-size:16px}.usage-steps-horizontal{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:var(--space-lg)}.usage-step{flex:1;max-width:200px;text-align:center;align-items:center}.step-arrow{display:flex;align-items:center;padding-top:40px}.quick-features{display:flex;flex-wrap:nowrap;gap:var(--space-xs)}.quick-feature{flex:1;min-width:0;padding:var(--space-sm)}.quick-feature span{font-size:11px;line-height:1.2}}@media (max-width:768px){body{background:linear-gradient(180deg,#05204b 0,#031127 100%)}.desktop-only{display:none}.hero-title{font-size:var(--font-size-lg)}.hero-description{font-size:var(--font-size-xs)}.page-layout{padding:0 var(--space-md);padding-bottom:60px;transform:none}.main-content{transform:none;contain:none;will-change:auto;background:radial-gradient(circle at 15% 10%,rgb(255 77 41 / 0%) -2%,transparent 30%),radial-gradient(circle at 70% 85%,rgba(0,85,164,.12) 0,transparent 55%)}.tool-container{padding:0 var(--space-sm)}.hero{padding:var(--space-xs) var(--space-sm);margin-bottom:var(--space-md);transform:none;contain:none}.tool-tabs{display:flex;position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;height:52px;flex-direction:row;justify-content:center;align-items:center;gap:var(--space-md);padding:0 var(--space-md);background:linear-gradient(180deg,rgba(255,255,255,.08) 0,rgba(255,255,255,.02) 100%),linear-gradient(135deg,rgba(5,20,45,.95) 0,rgba(3,16,36,.92) 50%,rgba(10,25,50,.95) 100%);border-top:1px solid rgba(255,255,255,.12);border-bottom:none;z-index:1000}.tool-tab{width:40px;height:40px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);cursor:pointer;pointer-events:auto;flex-shrink:0}.tool-tab:active{background:rgba(255,255,255,.15)}.tool-tab i{font-size:16px}.tool-tab:focus,.tool-tab:focus-visible{outline:0;border-color:rgba(255,255,255,.15)}.mobile-action-btn:focus,.mobile-action-btn:focus-visible{outline:0}.mobile-action-btn:hover{border-color:rgba(255,255,255,.15)}.mobile-action-btn:hover i{color:rgba(255,255,255,.9)}.mobile-action-group{display:flex;align-items:center;gap:6px}.mobile-group-label{display:block;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg)}.mobile-input-actions .mobile-group-label{color:rgba(0,122,255,.8)}.mobile-divider{display:block;flex-shrink:0;width:1px;min-width:1px;height:32px;background:rgba(255,255,255,.2);margin:0 4px}.mobile-action-btn[data-action=clear]{background:rgba(231,76,60,.12);border:1px solid rgba(231,76,60,.15)}.mobile-action-btn[data-action=clear] i{color:rgba(231,76,60,.9)}.mobile-action-btn[data-action=clear]:active{background:rgba(231,76,60,.2)}.mobile-action-btn[data-action=clear]:hover i{color:rgba(231,76,60,.9)}.mobile-action-btn[data-action=download]{background:rgba(52,152,219,.12);border:1px solid rgba(52,152,219,.15)}.mobile-action-btn[data-action=download] i{color:rgba(52,152,219,.9)}.mobile-action-btn[data-action=download]:active{background:rgba(52,152,219,.2)}.mobile-action-btn[data-action=download]:hover i{color:rgba(52,152,219,.9)}.dashboard-actions{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:var(--space-sm)}.stat-icon{width:36px;height:36px;font-size:var(--font-size-sm)}.stat-value{font-size:var(--font-size-base)}.stat-label{font-size:8px}.tracker-section{padding:var(--space-lg)}.section-title{font-size:var(--font-size-sm)}.tracker-grid-wrapper{margin:0 calc(-1 * var(--space-lg));padding:0}.habit-actions{opacity:1}.drag-handle{opacity:.5}.content-wrapper{padding:var(--space-lg);border-radius:var(--radius-md)}.hero-title{font-size:var(--font-size-base)}.hero-description{font-size:var(--font-size-xs);max-width:100%}.section-header{margin-bottom:var(--space-md)}.section-header h2{font-size:var(--font-size-sm)}.section-header p{font-size:var(--font-size-xs)}.charts-row,.trends-row{grid-template-columns:1fr}.chart-card{padding:var(--space-lg)}.chart-canvas-wrapper{height:180px}.chart-canvas-doughnut{height:220px}.heatmap-section{padding:var(--space-lg)}.per-habit-info{min-width:80px}.usage-compact{margin-top:var(--space-lg);margin-bottom:var(--space-md)}.usage-steps-horizontal{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:var(--space-lg);margin-bottom:var(--space-md)}.usage-step{flex:0 0 auto;width:calc(50% - var(--space-lg));max-width:180px;align-items:center;text-align:center}.step-arrow{display:none}.step-icon{width:56px;height:56px}.step-icon i{font-size:1.125rem}.usage-step h4{font-size:var(--font-size-sm)}.usage-step p{font-size:var(--font-size-xs)}.quick-features{display:flex;flex-wrap:nowrap;gap:var(--space-xs)}.quick-feature{flex:1;padding:var(--space-sm);flex-direction:column;text-align:center}.quick-feature i{font-size:var(--font-size-sm)}.quick-feature span{font-size:9px}.features-grid{grid-template-columns:1fr;gap:var(--space-sm)}.feature-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:0 var(--space-md);text-align:left;padding:var(--space-md);align-items:start}.feature-icon{grid-row:1/3;align-self:center;width:44px;height:44px}.feature-card h3{grid-column:2;grid-row:1;font-size:var(--font-size-sm);margin-bottom:0}.feature-card p{grid-column:2;grid-row:2;font-size:var(--font-size-xs);margin:0}.faq-grid{grid-template-columns:1fr;gap:var(--space-md)}.faq-question{min-height:44px}.faq-question h3{font-size:var(--font-size-sm)}.tool-modal-content{width:95%;max-height:85vh}.tool-modal-body,.tool-modal-header{padding:var(--space-lg)}.tool-modal-title h3{font-size:var(--font-size-base)}.icon-grid{grid-template-columns:repeat(8,1fr)}.nav-btn{width:32px;height:32px;font-size:var(--font-size-xs)}.compact-converter{margin-bottom:var(--space-md)}.faq-section .content-wrapper,.features-section .content-wrapper{margin-top:var(--space-xl);margin-bottom:var(--space-xl)}.features-section{margin-top:var(--space-xl);margin-bottom:var(--space-lg)}.faq-section{margin-bottom:var(--space-xl)}.section-header{margin-bottom:var(--space-lg)}}@media (max-width:480px){.page-layout{padding:0 var(--space-sm)}.tool-container{padding:0 var(--space-xs)}.hero{padding:0 var(--space-xs);margin-bottom:var(--space-md)}.hero-title{font-size:var(--font-size-sm);font-weight:800}.hero-description{font-size:11px;line-height:1.4}.content-wrapper{padding:var(--space-md);border-radius:var(--radius-md)}.stats-grid{grid-template-columns:1fr}.stat-card{padding:var(--space-sm)}.stat-icon{width:32px;height:32px;font-size:var(--font-size-xs)}.stat-value{font-size:var(--font-size-sm)}.stat-label{font-size:7px}.tracker-section{padding:var(--space-md)}.section-title{font-size:var(--font-size-xs)}.nav-btn{width:28px;height:28px;font-size:10px}.today-btn{font-size:10px}.tool-tab{width:36px;height:36px}.tool-tab i{font-size:14px}.section-header h2{font-size:var(--font-size-sm)}.section-header p{font-size:11px}.usage-compact{margin-top:var(--space-md);margin-bottom:var(--space-sm)}.usage-steps-horizontal{gap:var(--space-md)}.usage-step{width:calc(50% - var(--space-md));max-width:150px}.step-icon{width:48px;height:48px}.step-icon i{font-size:1rem}.usage-step h4{font-size:var(--font-size-xs)}.usage-step p{font-size:10px}.quick-feature{padding:var(--space-xs)}.quick-feature i{font-size:var(--font-size-xs)}.quick-feature span{font-size:8px}.features-grid{gap:var(--space-xs)}.feature-card{padding:var(--space-sm) var(--space-md);gap:0 var(--space-sm)}.feature-icon{width:36px;height:36px;font-size:.875rem}.feature-card h3{font-size:var(--font-size-xs);margin-bottom:0}.feature-card p{font-size:11px;line-height:1.3}.faq-question{padding:var(--space-md)}.faq-question h3{font-size:var(--font-size-xs)}.faq-answer-content{padding:0 var(--space-md) var(--space-md)}.faq-answer-content p{font-size:var(--font-size-xs)}.chart-card{padding:var(--space-md)}.chart-canvas-wrapper{height:160px}.chart-canvas-doughnut{height:200px}.heatmap-section{padding:var(--space-md)}.icon-grid{grid-template-columns:repeat(7,1fr)}.color-presets{gap:var(--space-xs)}.color-swatch{width:28px;height:28px}.day-btn{width:28px;height:28px;font-size:10px}}@media (max-width:375px){.page-layout{padding:0 var(--space-xs)}.tool-container{padding:0}.hero{margin-bottom:var(--space-sm)}.hero-title{font-size:var(--font-size-xs)}.hero-description{font-size:10px}.content-wrapper{padding:var(--space-sm)}.tool-tabs{gap:var(--space-xs)}.tool-tab{width:32px;height:32px}.tool-tab i{font-size:12px}.section-header h2{font-size:var(--font-size-xs)}.section-header p{font-size:10px}.tracker-section{padding:var(--space-sm)}.step-icon{width:40px;height:40px}.step-icon i{font-size:.875rem}.usage-step h4{font-size:11px}.usage-step p{font-size:9px}.quick-feature span{font-size:7px}.feature-card{padding:var(--space-xs) var(--space-sm)}.feature-icon{width:32px;height:32px}.feature-card h3{font-size:11px}.feature-card p{font-size:10px}.faq-answer-content p,.faq-question h3{font-size:11px}.icon-grid{grid-template-columns:repeat(6,1fr)}}