@import"https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap";:root{--bg-primary: #0B0B0F;--bg-secondary: #13131A;--bg-tertiary: #1A1A24;--bg-card: #16161E;--accent-primary: #FF9F66;--accent-secondary: #FFB885;--accent-tertiary: #FFA76B;--accent-success: #7FD 1BA;--accent-warning: #FFB84D;--text-primary: #FFFFFF;--text-secondary: #E8E8EA;--text-tertiary: #B8B8C0;--text-muted: #8B8B95;--text-subtle: #6A6A75;--gradient-hero: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(255, 159, 102, .15), transparent), radial-gradient(ellipse 60% 40% at 0% 50%, rgba(127, 209, 186, .08), transparent), linear-gradient(180deg, #13131A 0%, #0B0B0F 100%);--gradient-card-soft: linear-gradient(135deg, rgba(255, 159, 102, .04) 0%, transparent 60%), linear-gradient(180deg, rgba(22, 22, 30, .95) 0%, rgba(19, 19, 26, .98) 100%);--gradient-card-warm: linear-gradient(135deg, rgba(255, 159, 102, .08) 0%, rgba(127, 209, 186, .04) 100%), linear-gradient(180deg, rgba(22, 22, 30, .98) 0%, rgba(19, 19, 26, 1) 100%);--gradient-button-primary: linear-gradient(135deg, #FF9F66 0%, #FFB885 100%);--gradient-button-success: linear-gradient(135deg, #7FD1BA 0%, #6BC4AC 100%);--gradient-progress: linear-gradient(90deg, #FF9F66 0%, #FFB885 50%, #7FD1BA 100%);--shadow-soft: 0 8px 32px rgba(0, 0, 0, .25), 0 2px 8px rgba(0, 0, 0, .15);--shadow-medium: 0 12px 48px rgba(0, 0, 0, .3), 0 4px 16px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .04);--shadow-elevated: 0 20px 64px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .06);--shadow-glow-soft: 0 0 32px rgba(255, 159, 102, .12);--shadow-glow-medium: 0 0 48px rgba(255, 159, 102, .18);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,SF Pro Display,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","ss02","cv05","cv09";background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' seed='15'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='discrete' tableValues='1 0'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:1;mix-blend-mode:overlay}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 90% 80% at 50% 50%,transparent 0%,rgba(11,11,15,.3) 70%,rgba(11,11,15,.6) 100%);pointer-events:none;z-index:1}#root{min-height:100vh;position:relative;z-index:2}.app-premium{min-height:100vh;width:100%;max-width:100%;margin:0 auto;animation:fadeIn .6s ease-out;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hero-premium{position:relative;padding:var(--space-12) var(--space-8) var(--space-16);text-align:center;overflow:hidden;min-height:480px;background:var(--gradient-hero);box-shadow:inset 0 1px #ffffff0a,inset 0 -1px #ff9f660f}.hero-brand{position:absolute;top:var(--space-8);left:var(--space-8);font-size:.9375rem;font-weight:700;letter-spacing:.2em;color:var(--accent-primary);text-transform:uppercase;z-index:10;opacity:0;animation:fadeSlideIn .6s ease-out .2s forwards}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.hero-curve{position:absolute;top:var(--space-16);left:50%;transform:translate(-50%);width:100%;max-width:1200px;height:80px;opacity:0;animation:curveAppear 1.2s ease-out .4s forwards;pointer-events:none}@keyframes curveAppear{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.curve-line{stroke-dasharray:1200;stroke-dashoffset:1200;animation:drawCurve 2s ease-out .6s forwards}@keyframes drawCurve{to{stroke-dashoffset:0}}.curve-node{filter:drop-shadow(0 0 6px rgba(255,159,102,.5))}.curve-node-main{filter:drop-shadow(0 0 10px rgba(255,159,102,.7))}.hero-content{position:relative;z-index:10;max-width:640px;margin:0 auto;padding-top:var(--space-12);display:flex;flex-direction:column;align-items:center;gap:var(--space-10)}.hero-greeting{opacity:0;animation:fadeSlideUp .8s ease-out 1.2s forwards;text-align:center}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.greeting-text{font-size:1.875rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2);letter-spacing:-.02em;line-height:1.2}.greeting-subtitle{font-size:.9375rem;color:var(--text-tertiary);font-weight:400;margin:0;letter-spacing:.01em}.hero-headline{opacity:0;animation:fadeSlideUp .8s ease-out 1.5s forwards;text-align:center}.headline-text{margin:0 0 var(--space-5);line-height:1.1}.headline-light{display:block;font-size:2.25rem;font-weight:300;color:var(--text-muted);letter-spacing:.08em;text-transform:lowercase;margin-bottom:var(--space-1)}.headline-bold{display:block;font-size:2.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-.015em;text-transform:lowercase}.headline-subtitle{font-size:1rem;color:var(--text-muted);font-weight:400;margin:0;letter-spacing:.015em;line-height:1.5}.hero-premium-compact{position:relative;overflow:hidden;padding-bottom:var(--space-8);background:radial-gradient(ellipse 100% 50% at 50% 0%,rgba(255,159,102,.14),transparent 60%),radial-gradient(ellipse 70% 40% at 0% 100%,rgba(127,209,186,.06),transparent),radial-gradient(ellipse 70% 40% at 100% 100%,rgba(255,159,102,.06),transparent),linear-gradient(180deg,#16161e,#11111a,#0c0c10 80%,#0b0b0f);box-shadow:inset 0 1px #ffffff08,inset 0 -80px 60px -60px #ff9f6608}.hero-header{padding:var(--space-5) var(--space-8)}.hero-band{position:relative;padding:var(--space-6) var(--space-8) var(--space-10);text-align:center}.hero-curve-subtle{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;max-width:1400px;height:50px;opacity:0;animation:fadeIn 1s ease-out .4s forwards;pointer-events:none}.wave-line{opacity:.6}.hero-content-compact{position:relative;z-index:10;max-width:800px;margin:0 auto;padding-top:var(--space-4);opacity:0;animation:fadeSlideUp .8s ease-out .6s forwards}@keyframes fadeIn{to{opacity:1}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-greeting-large{font-size:3.25rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-3);letter-spacing:-.03em;line-height:1.05}.hero-subtitle-small{font-size:1rem;color:var(--text-tertiary);font-weight:500;margin:0 0 var(--space-10);letter-spacing:.01em}.hero-headline-single{font-size:4rem;font-weight:400;margin:0 0 var(--space-4);line-height:1.05;letter-spacing:-.025em}.hero-text-soft{color:var(--text-tertiary);font-weight:400}.hero-text-strong{color:var(--text-primary);font-weight:700}.hero-slogan-small{font-size:1.0625rem;color:var(--text-muted);font-weight:400;margin:0;letter-spacing:.01em}.hero-final{position:relative;overflow:hidden;padding:var(--space-6) var(--space-8) var(--space-7);text-align:center;min-height:280px;background:radial-gradient(ellipse 95% 65% at 50% 0%,rgba(255,159,102,.14),transparent 60%),radial-gradient(ellipse 70% 50% at 0% 100%,rgba(255,159,102,.05),transparent),radial-gradient(ellipse 70% 50% at 100% 100%,rgba(127,209,186,.04),transparent),linear-gradient(180deg,#18161f,#13121b 25%,#0f0e16 60%,#0b0a10);box-shadow:inset 0 1px #ffffff05,inset 0 -60px 40px -35px #00000059}.hero-nudge-wordmark{position:absolute;top:var(--space-6);left:var(--space-8);font-size:1.25rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;background:linear-gradient(135deg,#ff9f66,#ffb885,#ffc799);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0;animation:fadeIn .6s ease-out .2s forwards;z-index:10}.hero-premium-wave{position:absolute;top:30px;left:var(--space-8);width:calc(100% - var(--space-8));height:140px;opacity:0;animation:fadeIn 1s ease-out .4s forwards;pointer-events:none;z-index:5;will-change:transform}.wave-path-premium{stroke-dasharray:2000;stroke-dashoffset:2000;animation:drawPremiumPath 2.5s ease-out .6s forwards}@keyframes drawPremiumPath{to{stroke-dashoffset:0}}.wave-dot,.wave-dot-main{filter:drop-shadow(0 0 8px rgba(255,159,102,.8))}.wave-dot-main{filter:drop-shadow(0 0 12px rgba(255,159,102,.9))}.hero-subheadline{position:relative;z-index:10;margin:0 auto;padding-top:128px;max-width:800px;opacity:0;animation:fadeSlideUp .7s ease-out 1s forwards}.hero-subheadline h2{margin:0 0 var(--space-5);padding:0;font-size:1.875rem;line-height:1.2;letter-spacing:-.015em;font-weight:600}.track-text{color:var(--text-tertiary);font-weight:500}.habit-text{color:var(--text-primary);font-weight:700}.hero-main-greeting{position:relative;z-index:10;margin:0 auto;max-width:900px;opacity:0;animation:fadeSlideUp .8s ease-out 1.2s forwards}.hero-main-greeting h1{font-family:Lora,Georgia,serif;font-size:2.625rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-4);line-height:1.15;letter-spacing:-.02em}.hero-subtitle-text{position:relative;z-index:10;margin:0 auto;max-width:700px;opacity:0;animation:fadeSlideUp .7s ease-out 1.5s forwards}.hero-subtitle-text p{font-size:.9375rem;font-weight:500;color:var(--text-muted);margin:0;line-height:1.5;letter-spacing:.01em}.greeting-section-refined{display:none}.welcome-modal-overlay-refined{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.welcome-modal-refined{background:var(--gradient-card-soft);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-12);max-width:440px;width:90%;box-shadow:var(--shadow-elevated);animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.welcome-title-refined{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-2);text-align:center;letter-spacing:-.02em}.welcome-subtitle-refined{font-size:.9375rem;color:var(--text-subtle);text-align:center;margin:0 0 var(--space-8);line-height:1.5}.welcome-form-refined{display:flex;flex-direction:column;gap:var(--space-5)}.welcome-input-refined{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);color:var(--text-primary);font-size:1rem;font-weight:500;font-family:inherit;transition:all var(--transition-base);text-align:center}.welcome-input-refined:focus{outline:none;border-color:#ff9f6666;background:#ffffff0d;box-shadow:0 0 0 3px #ff9f6614}.btn-welcome-save{background:var(--gradient-button-primary);border:none;border-radius:var(--radius-full);padding:var(--space-4) var(--space-8);color:#fff;font-size:.9375rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-soft)}.btn-welcome-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-medium)}.btn-welcome-save:disabled{opacity:.5;cursor:not-allowed}.widgets-grid{display:grid;grid-template-columns:360px 1fr 360px;grid-template-rows:auto auto;gap:var(--space-6);max-width:1440px;margin:0 auto;padding:0 var(--space-8) var(--space-16)}.widget-today{animation:cardSlideIn .7s cubic-bezier(.16,1,.3,1) .1s backwards}.widget-habits{animation:cardSlideIn .7s cubic-bezier(.16,1,.3,1) .2s backwards}.widget-add{animation:cardSlideIn .7s cubic-bezier(.16,1,.3,1) .3s backwards}.widget-wins{animation:cardSlideIn .7s cubic-bezier(.16,1,.3,1) .4s backwards}.widget-quote-refined{animation:cardSlideIn .7s cubic-bezier(.16,1,.3,1) .5s backwards}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.widget-today{grid-column:1;grid-row:1}.widget-habits{grid-column:2;grid-row:1 / 3}.widget-add{grid-column:3;grid-row:1}.widget-wins{grid-column:1;grid-row:2}.widget-quote-refined{grid-column:3;grid-row:2}.widget-coach-ai{grid-column:1 / -1;grid-row:3;animation:cardSlideIn .7s cubic-bezier(.16,1,.3,1) .6s backwards}.premium-widget{background:var(--gradient-card-soft);-webkit-backdrop-filter:blur(32px) saturate(180%);backdrop-filter:blur(32px) saturate(180%);border:1px solid rgba(255,159,102,.1);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-medium);transition:all var(--transition-base);position:relative;overflow:hidden}.premium-widget:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 100%);pointer-events:none;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.premium-widget:hover{transform:translateY(-4px);box-shadow:var(--shadow-elevated),var(--shadow-glow-soft);border-color:#ff9f6626}.widget-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-6);letter-spacing:-.015em;line-height:1.2;position:relative;z-index:1}.widget-subtitle{font-size:.85rem;color:var(--text-muted);margin:0 0 var(--spacing-md)}.widget-date{font-size:.8125rem;color:var(--text-tertiary);font-weight:500;margin:0 0 var(--space-6);letter-spacing:.01em}.progress-ring-container-premium{display:flex;justify-content:center;margin:var(--space-6) 0 var(--space-8)}.progress-ring-premium{width:160px;height:160px;position:relative}.progress-ring-premium svg{transform:rotate(-90deg);width:100%;height:100%}.progress-ring-bg-premium{fill:none;stroke:#ff9f661f;stroke-width:12}.progress-ring-fill-premium{fill:none;stroke:url(#progressGradient);stroke-width:12;stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.65,0,.35,1);filter:drop-shadow(0 0 16px rgba(255,159,102,.4))}.progress-ring-text-premium{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;align-items:center;justify-content:center}.progress-percentage-premium{font-size:2.75rem;font-weight:700;color:var(--text-primary);line-height:1;letter-spacing:-.02em;margin:0;padding:0}.today-stats-row{display:flex;justify-content:space-around;padding-top:var(--space-6);border-top:1px solid rgba(255,255,255,.06)}.stat-item-premium{text-align:center;display:flex;flex-direction:column;gap:var(--space-2)}.stat-value-premium{font-size:2.25rem;font-weight:800;color:var(--text-primary);line-height:1;letter-spacing:-.025em}.stat-label-premium{font-size:.6875rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.12em;font-weight:700}.habits-list-premium{display:flex;flex-direction:column;gap:var(--space-3);max-height:580px;overflow-y:auto;padding-right:var(--space-2)}.habits-list-premium::-webkit-scrollbar{width:4px}.habits-list-premium::-webkit-scrollbar-track{background:#ffffff05;border-radius:2px}.habits-list-premium::-webkit-scrollbar-thumb{background:#ff9f664d;border-radius:2px;transition:background var(--transition-fast)}.habits-list-premium::-webkit-scrollbar-thumb:hover{background:#ff9f6680}.habit-item-premium{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);transition:all var(--transition-base);box-shadow:var(--shadow-soft)}.habit-item-premium:hover{background:#ffffff0a;border-color:#ff9f6626;transform:translate(2px)}.habit-item-premium.completed{background:#7fd1ba14;border-color:#7fd1ba33;box-shadow:var(--shadow-soft),0 0 20px #7fd1ba1a}.habit-info-premium{display:flex;align-items:center;gap:var(--space-4);flex:1}.habit-icon-auto{font-size:2rem;line-height:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.2))}.habit-details-premium{flex:1}.habit-name-premium{font-size:.9375rem;font-weight:500;color:var(--text-secondary);margin:0 0 var(--space-1);line-height:1.3}.habit-streak-premium{font-size:.8125rem;color:var(--text-tertiary);font-weight:500;margin:0;letter-spacing:.01em}.habit-actions-premium{display:flex;align-items:center;gap:var(--space-2)}.btn-mark-done-premium{background:var(--gradient-button-primary);border:none;border-radius:var(--radius-full);padding:var(--space-2) var(--space-5);color:#fff;font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;box-shadow:0 4px 12px #ff9f6640,inset 0 1px #fff3;letter-spacing:.01em}.btn-mark-done-premium:hover:not(.done){transform:translateY(-1px);box-shadow:0 6px 16px #ff9f6659,inset 0 1px #ffffff40}.btn-mark-done-premium:active:not(.done){transform:translateY(0)}.btn-mark-done-premium.done{background:var(--gradient-button-success);cursor:default;box-shadow:0 4px 12px #7fd1ba40,inset 0 1px #fff3}.btn-delete-premium{background:transparent;border:none;color:var(--text-subtle);font-size:1.125rem;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.btn-delete-premium:hover{background:#ff52521f;color:#ff5252}.empty-state-premium{text-align:center;padding:var(--space-12) var(--space-6);color:var(--text-muted);background:#ffffff05;border:1px dashed rgba(255,255,255,.06);border-radius:var(--radius-md);font-size:.875rem;line-height:1.6}.add-habit-form-premium{display:flex;flex-direction:column;gap:var(--space-4)}.input-premium,.select-premium{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);color:var(--text-secondary);font-size:.875rem;font-family:inherit;font-weight:500;transition:all var(--transition-base);box-shadow:inset 0 1px 2px #0000001a}.input-premium:focus,.select-premium:focus{outline:none;border-color:#ff9f6666;background:#ffffff0d;box-shadow:0 0 0 3px #ff9f6614,inset 0 1px 2px #00000014}.input-premium::placeholder{color:var(--text-subtle)}.btn-add-premium{background:var(--gradient-button);background-size:200% 100%;border:none;border-radius:var(--radius-full);padding:1.05rem 2rem;color:#fff;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #e97d4959,inset 0 1px #ffffff26;margin-top:var(--spacing-sm);position:relative;overflow:hidden}.btn-add-premium:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .5s}.btn-add-premium:hover{background-position:100% 0;transform:translateY(-3px) scale(1.02);box-shadow:0 12px 32px #e97d4973,inset 0 1px #fff3}.btn-add-premium:hover:before{left:100%}.btn-add-premium:active{transform:translateY(-1px) scale(1)}@keyframes buttonPulse{0%{box-shadow:0 8px 24px #e97d4959,inset 0 1px #ffffff26}50%{box-shadow:0 8px 32px #e97d4980,inset 0 1px #fff3}to{box-shadow:0 8px 24px #e97d4959,inset 0 1px #ffffff26}}.btn-add-premium{animation:buttonPulse 3s ease-in-out infinite}.wins-list{display:flex;flex-direction:column;gap:var(--space-3)}.win-item{background:var(--gradient-card-soft);border:1px solid rgba(255,255,255,.08);border-left:3px solid var(--accent-success);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);color:var(--text-secondary);font-size:.875rem;font-weight:500;line-height:1.4;transition:all var(--transition-base);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.win-item:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:left .5s}.win-item:hover{background:linear-gradient(135deg,#7fd1ba14,#ffffff0a);border-left-color:var(--accent-success);transform:translate(2px);box-shadow:var(--shadow-medium)}.win-item:hover:before{left:100%}.win-text{font-size:.875rem;color:var(--text-secondary);line-height:1.5;font-weight:500;position:relative;z-index:1}.empty-wins{text-align:center;padding:var(--space-8);color:var(--text-subtle);font-size:.875rem;font-weight:500;background:#ffffff05;border:1px dashed rgba(255,255,255,.06);border-radius:var(--radius-md)}.widget-quote-refined{background:var(--gradient-card-soft);box-shadow:var(--shadow-elevated);position:relative;overflow:hidden}.widget-quote-refined:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,159,102,.3),transparent)}.quotes-carousel{position:relative;min-height:180px;display:flex;flex-direction:column;padding-bottom:var(--space-6)}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-subtle);font-size:1.2rem;cursor:pointer;transition:all var(--transition-base);z-index:2;box-shadow:var(--shadow-soft)}.carousel-arrow:first-of-type{left:var(--space-2)}.carousel-arrow:last-of-type{right:var(--space-2)}.carousel-arrow:hover{background:#ff9f661f;border-color:#ff9f664d;color:var(--accent-primary);transform:translateY(-50%) scale(1.1);box-shadow:0 6px 16px #e97d4940}.carousel-arrow:active{transform:translateY(-50%) scale(1)}.quote-card-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6) var(--space-8)}.quote-content{text-align:center;transition:opacity .3s ease;width:100%}.quote-content.fade-out{opacity:0}.quote-content.fade-in{opacity:1}.quote-text-refined{font-size:1rem;font-weight:500;color:var(--text-primary);line-height:1.6;margin:0 0 var(--space-3);font-style:italic;letter-spacing:-.01em}.quote-author-refined{font-size:.8125rem;color:var(--accent-primary);font-weight:600;margin:0;letter-spacing:.02em;opacity:.9}.carousel-dots{position:absolute;bottom:var(--space-4);left:50%;transform:translate(-50%);display:flex;gap:var(--space-2);justify-content:center;align-items:center}.carousel-dot{width:6px;height:6px;border-radius:50%;background:#fff3;border:none;cursor:pointer;transition:all var(--transition-base);padding:0}.carousel-dot.active{background:var(--accent-primary);width:20px;border-radius:3px;box-shadow:0 0 8px #ff9f6680}.carousel-dot:hover:not(.active){background:#fff6;transform:scale(1.2)}.widget-coach-ai{min-height:320px;padding:var(--space-6) var(--space-8);display:flex;flex-direction:column}.widget-coach-ai .widget-title{font-size:1.25rem;margin-bottom:var(--space-4)}.coach-card{display:flex;flex-direction:column;flex:1;min-height:0}.coach-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);flex-shrink:0}.coach-settings-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:all var(--transition-base);color:var(--text-subtle)}.coach-settings-btn:hover{background:#ffffff0f;border-color:#ff9f664d;transform:rotate(90deg)}.coach-messages{flex:1;overflow-y:auto;overflow-x:hidden;margin-bottom:var(--space-3);padding-right:var(--space-2);min-height:120px;scrollbar-width:thin;scrollbar-color:rgba(255,159,102,.3) rgba(255,255,255,.05)}.coach-messages::-webkit-scrollbar{width:6px}.coach-messages::-webkit-scrollbar-track{background:#ffffff08;border-radius:3px}.coach-messages::-webkit-scrollbar-thumb{background:#ff9f664d;border-radius:3px}.coach-messages::-webkit-scrollbar-thumb:hover{background:#ff9f6680}.coach-message{margin-bottom:var(--space-3);display:flex;animation:messageSlideIn .3s ease-out}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.coach-message.user{justify-content:flex-end}.coach-message.assistant{justify-content:flex-start}.coach-message-content{max-width:75%;padding:var(--space-2) var(--space-4);border-radius:10px;font-size:.875rem;line-height:1.5;letter-spacing:.01em;box-shadow:var(--shadow-soft)}.coach-message.user .coach-message-content{background:linear-gradient(135deg,#ff9f6626,#ff9f6614);border:1px solid rgba(255,159,102,.2);color:var(--text-primary)}.coach-message.assistant .coach-message-content{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary)}.coach-loading{display:flex;gap:6px;padding:var(--space-3) var(--space-5)}.loading-dot{font-size:.6rem;color:var(--accent-primary);animation:loadingPulse 1.4s infinite}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes loadingPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.coach-error{margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);background:#e97d491a;border:1px solid rgba(233,125,73,.3);border-radius:8px;color:#ffb885;font-size:.8125rem;text-align:center;flex-shrink:0}.coach-quick-actions{display:flex;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;flex-shrink:0}.coach-quick-btn{flex:1;min-width:140px;padding:var(--space-2) var(--space-3);background:#ffffff0a;border:1px solid rgba(255,159,102,.2);border-radius:8px;color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);letter-spacing:.01em;text-align:center}.coach-quick-btn:hover:not(:disabled){background:#ff9f6614;border-color:#ff9f6666;color:var(--text-primary);transform:translateY(-1px);box-shadow:0 4px 12px #ff9f6626}.coach-quick-btn:disabled{opacity:.5;cursor:not-allowed}.coach-input-area{display:flex;gap:var(--space-2);align-items:center;flex-shrink:0}.coach-input{flex:1;padding:var(--space-2) var(--space-4);background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:var(--text-primary);font-size:.875rem;transition:all var(--transition-base);font-family:inherit}.coach-input:focus{outline:none;background:#ffffff0d;border-color:#ff9f6666;box-shadow:0 0 0 3px #ff9f661a}.coach-input::placeholder{color:var(--text-subtle)}.coach-input:disabled{opacity:.5;cursor:not-allowed}.coach-send-btn{padding:var(--space-3);width:40px;height:40px;background:linear-gradient(135deg,#ff9f6633,#ff9f661a);border:1px solid rgba(255,159,102,.3);border-radius:10px;color:var(--accent-primary);font-size:1.1rem;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.coach-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#ff9f664d,#ff9f6626);border-color:#ff9f6680;transform:translate(2px);box-shadow:0 4px 12px #ff9f6633}.coach-send-btn:disabled{opacity:.4;cursor:not-allowed}.settings-modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.settings-modal-content{background:linear-gradient(145deg,#1a1a22,#13131a);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:var(--space-8);width:90%;max-width:500px;box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff0d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.settings-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.settings-close-btn{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--text-subtle);cursor:pointer;transition:all var(--transition-base)}.settings-close-btn:hover{background:#ffffff14;color:var(--text-primary);transform:rotate(90deg)}.settings-body{display:flex;flex-direction:column;gap:var(--space-6)}.settings-section{display:flex;flex-direction:column;gap:var(--space-3)}.settings-label{font-size:.9375rem;font-weight:600;color:var(--text-primary);letter-spacing:.01em}.settings-input-group{display:flex;gap:var(--space-2);align-items:center}.settings-input{flex:1;padding:var(--space-3) var(--space-4);background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text-primary);font-size:.9375rem;font-family:Courier New,monospace;transition:all var(--transition-base)}.settings-input:focus{outline:none;background:#ffffff0d;border-color:#ff9f6666;box-shadow:0 0 0 3px #ff9f661a}.settings-toggle-btn{padding:var(--space-3);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;transition:all var(--transition-base);font-size:1.1rem}.settings-toggle-btn:hover{background:#ffffff14;border-color:#ff9f664d}.settings-note{font-size:.8125rem;color:var(--text-subtle);line-height:1.5;margin:0}.settings-link{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-base)}.settings-link:hover{color:#ffb885;text-decoration:underline}.settings-save-btn{padding:var(--space-4);background:linear-gradient(135deg,#e97d49,#f8c163);border:none;border-radius:10px;color:#0a0a0a;font-size:1rem;font-weight:700;cursor:pointer;transition:all var(--transition-base);letter-spacing:.02em;box-shadow:0 4px 16px #e97d494d}.settings-save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #e97d4966}.settings-save-btn:disabled{opacity:.5;cursor:not-allowed}.settings-save-btn.saved{background:linear-gradient(135deg,#7fd1ba,#5fbaa0);animation:successPulse .5s ease-out}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media(max-width:1200px){.widgets-grid{grid-template-columns:300px 1fr 300px;gap:var(--space-6)}}@media(max-width:960px){.hero-premium{padding:var(--space-10) var(--space-6) var(--space-12);min-height:360px}.hero-brand{top:var(--space-6);left:var(--space-6);font-size:.875rem}.hero-main-greeting h1{font-size:2.25rem;margin-bottom:var(--space-3)}.hero-subtitle-text p{font-size:.875rem}.widgets-grid{display:flex;flex-direction:column;gap:var(--space-6);padding:0 var(--space-6) var(--space-12)}.widget-today{order:1}.widget-add{order:2}.widget-habits{order:3}.widget-wins{order:4}.widget-quote-refined{order:5}.widget-coach-ai{order:6}.widget-coach-ai{min-height:340px}.coach-quick-actions{flex-direction:column}.coach-quick-btn{min-width:100%}.habits-list-premium{max-height:500px;overflow-y:auto}.premium-widget{padding:var(--space-6)}}@media(max-width:600px){.hero-premium{padding:var(--space-8) var(--space-4) var(--space-10);min-height:320px}.hero-brand{top:var(--space-4);left:var(--space-4);font-size:.75rem;letter-spacing:.15em}.hero-main-greeting h1{font-size:1.75rem;margin-bottom:var(--space-3);line-height:1.2}.hero-subtitle-text p{font-size:.8125rem;line-height:1.6}.hero-subheadline h2{font-size:1.25rem;margin-bottom:var(--space-3)}.widgets-grid{display:flex;flex-direction:column;gap:var(--space-4);padding:0 var(--space-4) var(--space-10)}.widget-today{order:1}.widget-add{order:2}.widget-habits{order:3}.widget-wins{order:4}.widget-quote-refined{order:5}.widget-coach-ai{order:6}.premium-widget{padding:var(--space-5);border-radius:var(--radius-lg)}.widget-title{font-size:1.125rem;margin-bottom:var(--space-4)}.progress-ring-premium{width:140px;height:140px}.progress-percentage-premium{font-size:2rem}.today-stats-row{gap:var(--space-4)}.stat-value-premium{font-size:1.375rem}.stat-label-premium{font-size:.75rem}.habits-list-premium{max-height:500px;overflow-y:auto}.habit-item-premium{padding:var(--space-3);gap:var(--space-3)}.habit-name-premium{font-size:.875rem}.habit-streak-premium{font-size:.75rem}.btn-mark-done-premium{padding:var(--space-2) var(--space-3);font-size:.75rem}.widget-coach-ai{min-height:380px;padding:var(--space-5)}.coach-messages{min-height:160px}.coach-quick-actions{gap:var(--space-2)}.coach-quick-btn{padding:var(--space-3);font-size:.8125rem;min-height:44px}.coach-input{font-size:.875rem;padding:var(--space-3)}.coach-send-btn{width:44px;height:44px}.app-footer{padding:var(--space-6) var(--space-4);font-size:.75rem}.add-habit-form-premium{gap:var(--space-3)}.input-premium,.select-premium{font-size:.875rem;padding:var(--space-3)}.btn-add-premium{padding:var(--space-3);font-size:.875rem}.win-item{padding:var(--space-3)}.win-text{font-size:.8125rem}.quote-text-refined{font-size:.9375rem;line-height:1.6}.quote-author-refined{font-size:.75rem}.carousel-arrow{width:32px;height:32px;font-size:1.125rem}}@media(max-width:400px){.hero-premium{padding:var(--space-6) var(--space-3) var(--space-8);min-height:280px}.hero-brand{font-size:.6875rem;letter-spacing:.12em}.hero-main-greeting h1{font-size:1.5rem;margin-bottom:var(--space-2)}.hero-subtitle-text p{font-size:.75rem}.hero-subheadline h2{font-size:1.125rem}.widgets-grid{display:flex;flex-direction:column;padding:0 var(--space-3) var(--space-8);gap:var(--space-3)}.widget-today{order:1}.widget-add{order:2}.widget-habits{order:3}.widget-wins{order:4}.widget-quote-refined{order:5}.widget-coach-ai{order:6}.premium-widget{padding:var(--space-4)}.widget-title{font-size:1rem;margin-bottom:var(--space-3)}.progress-ring-premium{width:120px;height:120px}.progress-percentage-premium{font-size:1.75rem}.habit-name-premium{font-size:.8125rem}.coach-quick-btn{font-size:.75rem;padding:var(--space-2) var(--space-3)}.coach-message-content{font-size:.8125rem;padding:var(--space-2) var(--space-3)}.app-footer{font-size:.6875rem;padding:var(--space-5) var(--space-3)}}.celebration-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease-out;padding:var(--space-4)}.celebration-modal{background:var(--gradient-card-warm);-webkit-backdrop-filter:blur(32px) saturate(180%);backdrop-filter:blur(32px) saturate(180%);border:1px solid rgba(255,159,102,.2);border-radius:var(--radius-xl);padding:var(--space-12) var(--space-10);max-width:520px;width:100%;box-shadow:var(--shadow-elevated),var(--shadow-glow-medium);text-align:center;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(32px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.celebration-icon{font-size:5rem;line-height:1;margin-bottom:var(--space-6);animation:bounce .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.celebration-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-4);letter-spacing:-.02em;line-height:1.2}.celebration-subtitle{font-size:1.125rem;color:var(--text-secondary);margin:0 0 var(--space-10);line-height:1.5}.celebration-buttons{display:flex;flex-direction:column;gap:var(--space-3)}.celebration-btn{padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);border:none;letter-spacing:.01em;font-family:inherit}.celebration-btn-primary{background:var(--gradient-button-primary);color:#fff;box-shadow:0 8px 24px #ff9f664d}.celebration-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ff9f6666}.celebration-btn-secondary{background:#ffffff0d;color:var(--text-secondary);border:1px solid rgba(255,255,255,.1)}.celebration-btn-secondary:hover{background:#ffffff14;border-color:#ff9f664d;color:var(--text-primary)}@media(max-width:640px){.celebration-modal{padding:var(--space-10) var(--space-8)}.celebration-icon{font-size:4rem}.celebration-title{font-size:1.625rem}.celebration-subtitle{font-size:1rem}}.app-footer{max-width:1440px;margin:0 auto;padding:var(--space-12) var(--space-8) var(--space-8);text-align:center}.footer-text{font-size:.8125rem;color:var(--text-subtle);margin:var(--space-2) 0;letter-spacing:.01em;line-height:1.6}.footer-text:first-child{margin-top:0}.footer-text:last-child{margin-bottom:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}