.expired-subscription-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;overflow:auto}.expired-subscription-card{max-width:360px;width:100%;padding:1.5rem;border-radius:16px;border:1px solid;text-align:center;box-shadow:0 4px 20px #00000026}.expired-subscription-icon{font-size:3rem;margin-bottom:1rem;line-height:1}.expired-subscription-title{font-size:1.25rem;font-weight:600;margin:0 0 .75rem;line-height:1.4}.expired-subscription-description{font-size:.9375rem;margin:0 0 1.5rem;line-height:1.5;opacity:.9}.expired-subscription-button{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:opacity .2s}.expired-subscription-button:hover{opacity:.9}.expired-subscription-button:active{opacity:.95}.language-selector-wrapper{position:relative;z-index:100}.language-selector-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border:1px solid;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);min-width:120px}[data-theme=dark] .language-selector-trigger{background:#0f172a99}[data-theme=light] .language-selector-trigger{background:#fffffff2}[data-theme=dark] .language-selector-trigger:hover{border-color:#8b5cf699;box-shadow:0 0 0 3px #8b5cf61a}[data-theme=light] .language-selector-trigger:hover{border-color:#2563eb99;box-shadow:0 0 0 3px #2563eb1a}.language-selector-current{flex:1;text-align:left}.language-selector-arrow{transition:transform .3s ease;flex-shrink:0;opacity:.7}.language-selector-arrow.open{transform:rotate(180deg)}.language-selector-dropdown{position:absolute;top:calc(100% + 8px);right:0;transform:none;min-width:180px;border-radius:12px;border:1px solid;padding:8px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);animation:dropdownFadeIn .2s ease;z-index:1000}[data-theme=dark] .language-selector-dropdown{background:#0f172af2;box-shadow:0 8px 32px #0006}[data-theme=light] .language-selector-dropdown{background:#fffffffa;box-shadow:0 8px 32px #00000026}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.language-selector-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left;background:transparent;margin-bottom:4px}.language-selector-option:last-child{margin-bottom:0}[data-theme=dark] .language-selector-option:hover{background-color:#8b5cf61a}[data-theme=light] .language-selector-option:hover{background-color:#2563eb1a}[data-theme=dark] .language-selector-option.active{background-color:#8b5cf626}[data-theme=light] .language-selector-option.active{background-color:#2563eb26}.language-selector-option-name{flex:1}.language-selector-option-code{font-size:13px;opacity:.6;margin-right:8px}.language-selector-check{flex-shrink:0;color:currentColor}.install-pwa-wrapper{width:100%;display:flex;justify-content:center;margin-top:20px}.install-pwa-trigger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border:none;background:transparent;cursor:pointer;font-size:13px;font-family:inherit;transition:opacity .2s ease}.install-pwa-trigger:hover{opacity:.9}.install-pwa-trigger:active .install-pwa-icon-wrap{transform:scale(.95)}.install-pwa-icon-wrap{display:flex;align-items:center;justify-content:center;width:44px;height:44px;transition:transform .2s ease}.install-pwa-icon{width:30px;height:30px;animation:install-pwa-icon-bounce 2.2s ease-in-out infinite}@keyframes install-pwa-icon-bounce{0%,to{transform:translateY(0) scale(1);opacity:1}25%{transform:translateY(-6px) scale(1.12);opacity:1}50%{transform:translateY(0) scale(1);opacity:1}75%{transform:translateY(-3px) scale(1.06);opacity:.95}}.install-pwa-label{font-weight:500;letter-spacing:.02em;text-align:center}.install-pwa-modal-backdrop{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:install-pwa-fade-in .2s ease}@keyframes install-pwa-fade-in{0%{opacity:0}to{opacity:1}}.install-pwa-modal{max-width:340px;width:100%;padding:24px;border-radius:16px;border:1px solid;box-shadow:0 24px 48px #0000004d;animation:install-pwa-modal-in .25s ease}@keyframes install-pwa-modal-in{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.install-pwa-modal-title{margin:0 0 12px;font-size:18px;font-weight:600}.install-pwa-modal-text{margin:0 0 20px;font-size:14px;line-height:1.5;opacity:.9}.install-pwa-modal-close{width:100%;padding:12px 20px;border:none;border-radius:12px;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .2s ease}.install-pwa-modal-close:hover{opacity:.9}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-container{width:100%;max-width:400px;position:relative}.language-selector{display:flex;justify-content:center;margin-top:32px;z-index:10}.auth-title{font-size:24px;font-weight:700;text-align:center;margin-bottom:12px;margin-top:0}.auth-subtitle{font-size:16px;text-align:center;margin-bottom:32px;opacity:.8;line-height:1.5}.auth-form{width:100%;display:flex;flex-direction:column}.error-message{padding:12px 16px;border-radius:12px;margin-bottom:20px;text-align:center;font-size:14px;font-weight:500;background-color:#ef444426;border:1px solid rgba(239,68,68,.3)}.auth-input{width:100%;padding:14px 16px;border-radius:12px;margin-bottom:16px;font-size:15px;font-family:inherit;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .3s ease;box-sizing:border-box}[data-theme=dark] .auth-input{border:1px solid rgba(148,163,184,.3);background:#0f172a99;color:#f9fafb}[data-theme=light] .auth-input{border:1px solid rgba(226,232,240,.8);background:#fffffff2;color:#1a1a1a}[data-theme=dark] .auth-input::placeholder{color:#94a3b899}[data-theme=light] .auth-input::placeholder{color:#71809699}[data-theme=dark] .auth-input:focus{outline:none;border-color:#8b5cf699;box-shadow:0 0 0 3px #8b5cf633;background:#0f172acc}[data-theme=light] .auth-input:focus{outline:none;border-color:#2563eb99;box-shadow:0 0 0 3px #2563eb33;background:#fff}.auth-button{position:relative;width:100%;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:600;margin-top:8px;cursor:pointer;transition:all .3s ease;overflow:hidden;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}[data-theme=dark] .auth-button{border:1px solid rgba(255,255,255,.2);background:radial-gradient(circle at 0% 0%,rgba(248,250,252,.1),transparent 55%),#0f172ab3}[data-theme=light] .auth-button{border:1px solid rgba(226,232,240,.8);background:#fffffff2;color:#1a1a1a}.auth-button:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ffffff4d,#ffffff1a);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:0;transition:opacity .3s ease}.auth-button:hover:before{opacity:1}[data-theme=dark] .auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #0006,0 0 20px #ffffff1a}[data-theme=light] .auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}[data-theme=dark] .auth-button:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 12px #0000004d}[data-theme=light] .auth-button:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px #0000001a}.auth-button:disabled{cursor:not-allowed;opacity:.6}.auth-link{display:block;text-align:center;margin-top:20px;font-size:14px;text-decoration:none;transition:opacity .2s ease}.auth-link:hover{opacity:.8;text-decoration:underline}.energy-overview-card{margin:15px;padding:24px;border-radius:20px;background:#ffffff08;backdrop-filter:blur(20px);border:none;box-shadow:0 8px 32px #0000004d;transition:all .3s ease;position:relative;overflow:hidden}.energy-overview-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.energy-overview-card:hover{transform:translateY(-2px);border-color:transparent;box-shadow:0 12px 40px #0006}.energy-overview-content{display:flex;align-items:center;gap:20px;min-height:140px}.energy-overview-left{flex:1.3}.energy-overview-right{flex:1;display:flex;align-items:center;justify-content:center}.energy-overview-title{font-size:14px;margin-bottom:4px;margin-top:0}.energy-overview-label{font-size:13px;margin:0}.energy-overview-value-row{display:flex;align-items:flex-end;margin-top:2px}.energy-overview-value{font-size:42px;font-weight:800;line-height:1;letter-spacing:-.02em;background:linear-gradient(135deg,#a855f7,#ec4899,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer-text 3s ease-in-out infinite}@keyframes shimmer-text{0%,to{opacity:1}50%{opacity:.9}}.energy-overview-max{font-size:16px;margin-left:4px;margin-bottom:4px}.energy-overview-sub{margin-top:4px;font-size:12px;margin-bottom:0}.energy-overview-streak{display:flex;align-items:center;gap:6px;margin-top:6px}.energy-overview-streak-text{font-size:12px;font-weight:600}.energy-overview-avatar-container{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.energy-overview-avatar{width:96px;height:96px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:2;background-color:inherit}.energy-overview-avatar-img{width:100%;height:100%;object-fit:cover;display:block;background-color:#8b5cf61a}.energy-overview-ring{position:absolute;border-radius:50%;border:3px solid;opacity:.4;animation:pulse-ring 2s ease-in-out infinite;filter:drop-shadow(0 0 8px currentColor)}.energy-overview-ring:before{content:"";position:absolute;inset:-3px;border-radius:50%;border:1px solid;opacity:.2;animation:pulse-ring 2s ease-in-out infinite .5s}@keyframes pulse-ring{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.15);opacity:.6}}[data-theme=light] .energy-overview-card{background:#fffc;border-color:#0000001a}[data-theme=light] .energy-overview-card:before{background:linear-gradient(90deg,transparent,rgba(0,0,0,.1),transparent)}.energy-map-card{margin:12px 15px;padding:24px;border-radius:20px;background:#ffffff08;backdrop-filter:blur(20px);border:none;box-shadow:0 8px 32px #0000004d;transition:all .3s ease;position:relative;overflow:hidden}.energy-map-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.energy-map-card:hover{transform:translateY(-2px);border-color:transparent}.energy-map-title{font-size:16px;font-weight:600;margin-bottom:16px;margin-top:0}.energy-map-metric{margin-top:12px}.energy-map-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.energy-map-label{font-size:12px}.energy-map-value{font-size:12px;font-weight:500}.energy-map-bar-bg{width:100%;height:10px;border-radius:999px;overflow:hidden;background:#ffffff0d;position:relative}.energy-map-bar-fill{height:100%;border-radius:999px;transition:width 1s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 0 10px currentColor;animation:shimmer-bar 2s ease-in-out infinite}.energy-map-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer-slide 2s ease-in-out infinite}@keyframes shimmer-bar{0%,to{opacity:1}50%{opacity:.9}}@keyframes shimmer-slide{0%{transform:translate(-100%)}to{transform:translate(100%)}}[data-theme=light] .energy-map-card{background:#fffc;border-color:#0000001a}[data-theme=light] .energy-map-card:before{background:linear-gradient(90deg,transparent,rgba(0,0,0,.1),transparent)}[data-theme=light] .energy-map-bar-bg{background:#0000000d}.energy-timeline-card{margin:12px 15px;padding:24px;border-radius:20px;background:#ffffff08;backdrop-filter:blur(20px);border:none;box-shadow:0 8px 32px #0000004d;transition:all .3s ease;position:relative;overflow:hidden}.energy-timeline-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.energy-timeline-card:hover{transform:translateY(-2px);border-color:transparent}.energy-timeline-title{font-size:14px;font-weight:600;margin-bottom:16px;margin-top:0}.energy-timeline-row{display:flex;justify-content:space-between;align-items:flex-end;gap:8px}.energy-timeline-point{display:flex;flex-direction:column;align-items:center;flex:1}.energy-timeline-bar-bg{width:12px;height:80px;border-radius:999px;overflow:hidden;display:flex;align-items:flex-end;margin-bottom:6px;background:#ffffff0d;position:relative}.energy-timeline-bar{width:12px;border-radius:999px;transition:height 1s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 0 8px currentColor;animation:glow-bar 2s ease-in-out infinite}.energy-timeline-bar:after{content:"";position:absolute;top:0;left:0;right:0;height:20%;background:linear-gradient(180deg,rgba(255,255,255,.4),transparent);border-radius:999px 999px 0 0}@keyframes glow-bar{0%,to{opacity:1}50%{opacity:.8}}[data-theme=light] .energy-timeline-card{background:#fffc;border-color:#0000001a}[data-theme=light] .energy-timeline-card:before{background:linear-gradient(90deg,transparent,rgba(0,0,0,.1),transparent)}[data-theme=light] .energy-timeline-bar-bg{background:#0000000d}.energy-timeline-label{font-size:10px;text-align:center}.stat-card-modern{position:relative;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.stat-card-modern.visible{opacity:1;transform:translateY(0)}.stat-card-glass{position:relative;padding:20px;border-radius:16px;background:#ffffff08;backdrop-filter:blur(20px);border:none;transition:all .3s ease;overflow:hidden;height:100%;display:flex;flex-direction:row;align-items:center;gap:16px}.stat-card-glass:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}.stat-card-glass:hover{transform:translateY(-4px);border-color:transparent;box-shadow:0 8px 32px #0000004d}.stat-card-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0000004d;flex-shrink:0}.stat-card-icon svg{width:24px;height:24px;color:#fff}.stat-card-content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center}.stat-card-value-wrapper{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.stat-card-value{font-size:32px;font-weight:700;line-height:1;letter-spacing:-.02em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.stat-card-trend{font-size:20px;opacity:.7;animation:pulse 2s ease-in-out infinite}.stat-card-trend-up{color:#10b981}.stat-card-trend-down{color:#ef4444}.stat-card-trend-stable{color:#6366f1}.stat-card-label{font-size:14px;color:#ffffffb3;margin:0;font-weight:500}.stat-card-subtitle{font-size:12px;color:#ffffff80;margin:4px 0 0}.stat-card-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff0d;overflow:hidden;z-index:0}.stat-card-progress-bar{height:100%;transition:width 1s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px currentColor;animation:shimmer 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes shimmer{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}[data-theme=light] .stat-card-glass{background:#fffc;border-color:#0000001a}[data-theme=light] .stat-card-glass:before{background:linear-gradient(90deg,transparent,rgba(0,0,0,.1),transparent)}[data-theme=light] .stat-card-label{color:#0009}[data-theme=light] .stat-card-subtitle{color:#0006}.circular-progress-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}.circular-progress-svg{filter:drop-shadow(0 0 8px currentColor)}.circular-progress-bg{fill:none;stroke:#ffffff1a}.circular-progress-bar{fill:none;stroke-linecap:round;filter:drop-shadow(0 0 4px currentColor);animation:glow 2s ease-in-out infinite}.circular-progress-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.circular-progress-value{font-size:28px;font-weight:700;line-height:1;letter-spacing:-.02em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.circular-progress-label{font-size:12px;color:#fff9;margin-top:4px;font-weight:500}@keyframes glow{0%,to{opacity:1}50%{opacity:.8}}[data-theme=light] .circular-progress-bg{stroke:#0000001a}[data-theme=light] .circular-progress-label{color:#00000080}.pull-to-refresh-container{position:relative;min-height:100vh;overflow-x:hidden}.pull-to-refresh-indicator{position:fixed;top:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 20px;z-index:10000;pointer-events:none;transition:opacity .3s ease;background:#050712d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006;min-width:200px}.pull-to-refresh-spinner{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#fffc}.pull-to-refresh-text{font-size:13px;color:#ffffffe6;font-weight:500;white-space:nowrap;text-align:center;line-height:1.4}.spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.2);border-top-color:#fffc;border-radius:50%;animation:spin .8s linear infinite}.pull-to-refresh-content{position:relative;z-index:1}[data-theme=light] .pull-to-refresh-indicator{background:#ffffffe6;border-color:#0000001a;box-shadow:0 8px 32px #00000026}[data-theme=light] .pull-to-refresh-spinner{color:#000000b3}[data-theme=light] .pull-to-refresh-text{color:#000c}[data-theme=light] .spinner{border-color:#00000026;border-top-color:#000000b3}.home-screen{min-height:100vh;padding:20px 20px 100px}.home-container{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.home-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.home-greeting-wrapper{display:flex;align-items:center;gap:12px;flex:1}.home-avatar-container{position:relative;width:40px;height:40px;flex-shrink:0}.home-avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid;border-color:#8b5cf64d;display:block;background-color:#8b5cf61a}.home-avatar-placeholder{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid;border-color:#94a3b84d}[data-theme=dark] .home-avatar-placeholder{background:#94a3b81a;border-color:#94a3b84d}[data-theme=light] .home-avatar-placeholder{background:#94a3b826;border-color:#94a3b866}.home-greeting{font-size:24px;font-weight:700;letter-spacing:.02em;margin:0}.refresh-button{background:none;border:none;font-size:22px;cursor:pointer;width:48px;height:48px;padding:6px 10px;border-radius:999px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}[data-theme=dark] .refresh-button{border:1px solid rgba(148,163,184,.5);background:radial-gradient(circle at 0% 0%,rgba(248,250,252,.09),transparent 55%),#0f172ae6;box-shadow:0 0 20px #3b82f673;color:#f9fafb}[data-theme=light] .refresh-button{border:1px solid rgba(226,232,240,.8);background:#fffffff2;box-shadow:0 1px 3px #00000014;color:#1a1a1a}.refresh-button:active{transform:scale(.92) rotate(180deg)}.refresh-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.home-section{margin-bottom:24px}.section-title{font-size:18px;font-weight:600;margin-bottom:14px}.checkin-card,.no-checkin{border-radius:20px;border:none}.checkin-info{display:flex;gap:20px;flex-wrap:wrap}.no-checkin{text-align:center;padding:32px 24px}.action-button{margin-top:16px;font-size:15px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;align-items:center}.stat-card-wrapper{display:flex;justify-content:center;align-items:center}.stat-card{padding:20px;border-radius:12px;border:1px solid;text-align:center}.stat-value{font-size:32px;font-weight:700;margin-bottom:8px}.recommendations-list{display:flex;flex-direction:column;gap:12px}.recommendation-item{padding:16px 20px;border-radius:12px;background:#ffffff08;backdrop-filter:blur(10px);border:none;transition:all .3s ease;position:relative;overflow:hidden}.recommendation-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#a855f7,#ec4899,#f97316);border-radius:0 2px 2px 0}.recommendation-item:hover{transform:translate(4px);border-color:transparent;background:#ffffff0d}.recommendation-item p{margin:0;line-height:1.6}[data-theme=light] .recommendation-item{background:#fff9;border-color:#0000001a}[data-theme=light] .recommendation-item:hover{background:#fffc;border-color:#00000026}.quick-actions{display:flex;gap:12px;flex-wrap:wrap}.quick-action-btn{flex:1;min-width:120px;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s ease}.quick-action-btn:active{opacity:.8}.week-progress-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:12px}.progress-card{padding:16px;border-radius:12px;border:1px solid;text-align:center}.progress-value{font-size:24px;font-weight:700;margin-bottom:4px}.progress-label{font-size:12px}.trend-indicator{text-align:center;font-size:14px;margin-top:8px}.checkin-screen{min-height:100vh;padding:20px 20px 100px}.checkin-container{max-width:600px;margin:0 auto}.checkin-title{font-size:24px;font-weight:700;margin-bottom:24px}.type-selector{display:flex;gap:12px;margin-bottom:24px}.type-button{position:relative;flex:1;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:16px;font-size:14px;font-weight:500;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;transition:all .3s ease;overflow:hidden;min-height:70px}[data-theme=dark] .type-button{border:1px solid rgba(255,255,255,.2);color:#f9fafb;background:radial-gradient(circle at 0% 0%,rgba(248,250,252,.1),transparent 55%),#0f172ab3}[data-theme=light] .type-button{border:1px solid rgba(226,232,240,.8);color:#1a1a1a;background:#ffffffe6}.type-button:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ffffff4d,#ffffff1a);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:0;transition:opacity .3s ease}.type-button:hover:before{opacity:1}[data-theme=dark] .type-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0006,0 0 20px #ffffff1a}[data-theme=light] .type-button:hover{transform:translateY(-2px);box-shadow:none}[data-theme=dark] .type-button:active{transform:translateY(0);box-shadow:0 4px 12px #0000004d}[data-theme=light] .type-button:active{transform:translateY(0);box-shadow:none}.type-button-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}[data-theme=dark] .type-button-icon{box-shadow:0 4px 15px #0000004d}[data-theme=light] .type-button-icon{box-shadow:none}.type-button-icon svg{width:24px;height:24px;min-width:24px;min-height:24px;color:#fff;display:block;flex-shrink:0;overflow:visible}.type-button:not(.active) .type-button-icon{background:linear-gradient(135deg,#94a3b84d,#64748b4d)}.type-button.active .type-button-icon{background:linear-gradient(135deg,#a855f7,#ec4899,#f97316)}[data-theme=dark] .type-button.active .type-button-icon{box-shadow:0 4px 20px #a855f780}[data-theme=light] .type-button.active .type-button-icon{box-shadow:0 2px 6px #2563eb4d;background:linear-gradient(135deg,#2563eb,#3b82f6,#60a5fa)}.type-button span{line-height:1.2;text-align:center}[data-theme=dark] .type-button.active{background:linear-gradient(135deg,#8b5cf64d,#6366f14d),radial-gradient(circle at 0% 0%,rgba(248,250,252,.2),transparent 55%),#0f172ae6;box-shadow:0 0 30px #8b5cf699,0 4px 20px #0000004d}[data-theme=light] .type-button.active{background:linear-gradient(135deg,#2563eb26,#3b82f626),#fffffff2;box-shadow:none;border-color:#2563eb80}[data-theme=dark] .type-button.active:before{background:linear-gradient(135deg,#8b5cf6cc,#6366f1cc);opacity:1}[data-theme=light] .type-button.active:before{background:linear-gradient(135deg,#2563eb4d,#3b82f64d);opacity:1}[data-theme=dark] .type-button.active:hover{box-shadow:0 0 40px #8b5cf6cc,0 8px 30px #0006}[data-theme=light] .type-button.active:hover{box-shadow:none}.micro-title{font-size:20px;font-weight:600;margin-bottom:8px;margin-top:0}.micro-subtitle{font-size:14px;margin-bottom:24px}.checkin-form{display:flex;flex-direction:column;gap:8px}.form-group{display:flex;flex-direction:column;gap:12px}.form-group label{font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:space-between}.slider{flex:1;height:10px;border-radius:999px;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer;transition:all .3s ease;position:relative;z-index:1;margin:0}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;cursor:pointer;transition:all .3s ease;position:relative;z-index:2;margin-top:-6px}[data-theme=dark] .slider::-webkit-slider-thumb{background:linear-gradient(135deg,#ec4899,#6366f1);box-shadow:0 0 20px #ec4899b3,0 4px 15px #0006,inset 0 2px 4px #ffffff4d;border:2px solid rgba(255,255,255,.3)}[data-theme=light] .slider::-webkit-slider-thumb{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 2px 6px #2563eb4d;border:2px solid rgba(255,255,255,.9)}[data-theme=dark] .slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 25px #ec4899e6,0 6px 20px #00000080,inset 0 2px 4px #fff6}[data-theme=light] .slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 8px #2563eb66}[data-theme=dark] .slider::-webkit-slider-thumb:active{transform:translateY(-50%) scale(1.05)}[data-theme=light] .slider::-webkit-slider-thumb:active{transform:scale(1.05);box-shadow:0 1px 3px #2563eb4d}.slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;cursor:pointer;transition:all .3s ease}[data-theme=dark] .slider::-moz-range-thumb{border:2px solid rgba(255,255,255,.3);background:linear-gradient(135deg,#ec4899,#6366f1);box-shadow:0 0 20px #ec4899b3,0 4px 15px #0006,inset 0 2px 4px #ffffff4d}[data-theme=light] .slider::-moz-range-thumb{border:2px solid rgba(255,255,255,.9);background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 2px 6px #2563eb4d}[data-theme=dark] .slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 0 25px #ec4899e6,0 6px 20px #00000080,inset 0 2px 4px #fff6}[data-theme=light] .slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 3px 8px #2563eb66}[data-theme=dark] .slider::-moz-range-thumb:active{transform:scale(1.05)}[data-theme=light] .slider::-moz-range-thumb:active{transform:scale(1.05);box-shadow:0 1px 3px #2563eb4d}[data-theme=dark] .slider::-moz-range-track{height:10px;border-radius:999px;background:#ffffff1a}[data-theme=light] .slider::-moz-range-track{height:10px;border-radius:999px;background:#e2e8f0cc}[data-theme=dark] .slider::-webkit-slider-runnable-track{height:10px;border-radius:999px;background:#ffffff1a;margin-top:0}[data-theme=light] .slider::-webkit-slider-runnable-track{height:10px;border-radius:999px;background:#e2e8f0cc;margin-top:0}[data-theme=light] .slider-container:after{background:linear-gradient(90deg,#2563ebd9,#3b82f6d9);box-shadow:none}.slider-value{font-size:18px;font-weight:700;min-width:50px;text-align:right;margin-left:auto;padding-left:12px}.notes-input{width:100%;padding:12px;border:1px solid;border-radius:8px;font-size:16px;resize:vertical;font-family:inherit;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .3s ease}[data-theme=dark] .notes-input{border-color:#94a3b84d;background:#0f172a99;color:#f9fafb}[data-theme=light] .notes-input{border-color:#e2e8f0cc;background:#fffffff2;color:#1a1a1a}[data-theme=dark] .notes-input:focus{outline:none;border-color:#8b5cf699;box-shadow:0 0 0 3px #8b5cf633;background:#0f172acc}[data-theme=light] .notes-input:focus{outline:none;border-color:#2563eb99;box-shadow:0 0 0 3px #2563eb33;background:#fff}.submit-button{width:100%;padding:16px;border-radius:8px;font-size:18px;font-weight:600;margin-top:8px;cursor:pointer;transition:opacity .2s ease}.submit-button:disabled{cursor:not-allowed}.error-message{padding:12px 16px;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:500}.tags-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tag-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:16px;font-size:14px;font-weight:500;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;transition:all .3s ease;overflow:hidden}[data-theme=dark] .tag-button{border:1px solid rgba(255,255,255,.2);color:#f9fafb;background:radial-gradient(circle at 0% 0%,rgba(248,250,252,.1),transparent 55%),#0f172ab3}[data-theme=light] .tag-button{border:1px solid rgba(226,232,240,.8);color:#1a1a1a;background:#ffffffe6}.tag-button:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ffffff4d,#ffffff1a);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:0;transition:opacity .3s ease}.tag-button:hover:before{opacity:1}.tag-button:hover{transform:translateY(-2px)}[data-theme=dark] .tag-button:hover{box-shadow:0 6px 20px #0006,0 0 15px #ffffff1a}[data-theme=light] .tag-button:hover{box-shadow:none}.tag-button:active{transform:translateY(0)}[data-theme=dark] .tag-button:active{box-shadow:0 3px 10px #0000004d}[data-theme=light] .tag-button:active{box-shadow:none}.tag-button.active{background:radial-gradient(circle at 0% 0%,rgba(248,250,252,.2),transparent 55%),#0f172ae6}[data-theme=dark] .tag-button.active{box-shadow:0 0 25px #ec489980,0 4px 15px #0000004d}[data-theme=light] .tag-button.active{background:#2563eb1a;border-color:#2563eb99;color:#2563eb;box-shadow:0 2px 8px #2563eb33}.tag-button.active:before{background:linear-gradient(135deg,#ec4899b3,#6366f1b3);opacity:1}[data-theme=light] .tag-button.active:before{background:linear-gradient(135deg,#2563eb66,#3b82f666)}[data-theme=dark] .tag-button.active:hover{box-shadow:0 0 35px #ec4899b3,0 6px 25px #0006}[data-theme=light] .tag-button.active:hover{box-shadow:0 3px 10px #2563eb4d}.text-input{width:100%;padding:12px;border:1px solid;border-radius:8px;font-size:16px;font-family:inherit;resize:vertical;margin-top:8px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .3s ease}[data-theme=dark] .text-input{border-color:#94a3b84d;background:#0f172a99;color:#f9fafb}[data-theme=light] .text-input{border-color:#e2e8f0cc;background:#fffffff2;color:#1a1a1a}[data-theme=dark] .text-input:focus{outline:none;border-color:#8b5cf699;box-shadow:0 0 0 3px #8b5cf633;background:#0f172acc}[data-theme=light] .text-input:focus{outline:none;border-color:#2563eb99;box-shadow:0 0 0 3px #2563eb33;background:#fff}.analytics-screen{min-height:100vh;padding:20px 20px 100px}.analytics-container{max-width:1000px;margin:0 auto}.analytics-container>.glass-card{margin-bottom:20px}.analytics-container>.glass-card:last-child{margin-bottom:0}.analytics-title{font-size:24px;font-weight:700;margin-bottom:24px}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-card{padding:24px;border-radius:12px;border:1px solid}.stat-label{font-size:14px;margin-bottom:8px}.stat-value{font-size:32px;font-weight:700}.loading,.no-data{text-align:center;padding:40px;font-size:18px}[data-theme=dark] .loading,[data-theme=dark] .no-data{color:#f9fafb}[data-theme=light] .loading,[data-theme=light] .no-data{color:#1a1a1a}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.analytics-title{margin:0}.time-range-selector{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;overflow-y:visible;padding:4px;margin:-4px;scrollbar-width:none;-ms-overflow-style:none}.time-range-selector::-webkit-scrollbar{display:none}.time-range-button{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:10px 32px;border-radius:16px;font-size:13px;font-weight:500;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;transition:all .3s ease;overflow:hidden;white-space:nowrap;flex-shrink:0}[data-theme=dark] .time-range-button{border:1px solid rgba(255,255,255,.2);color:#f9fafb;background:radial-gradient(circle at 0% 0%,rgba(248,250,252,.1),transparent 55%),#0f172ab3}[data-theme=light] .time-range-button{border:1px solid rgba(226,232,240,.8);color:#1a1a1a;background:#fffffff2}.time-range-button:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ffffff4d,#ffffff1a);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:0;transition:opacity .3s ease}.time-range-button:hover:before{opacity:1}[data-theme=dark] .time-range-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0006,0 0 20px #ffffff1a}[data-theme=light] .time-range-button:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}[data-theme=dark] .time-range-button:active{transform:translateY(0);box-shadow:0 4px 12px #0000004d}[data-theme=light] .time-range-button:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}[data-theme=dark] .time-range-button.active{background:linear-gradient(135deg,#8b5cf64d,#6366f14d),radial-gradient(circle at 0% 0%,rgba(248,250,252,.2),transparent 55%),#0f172ae6;box-shadow:0 0 30px #8b5cf699,0 4px 20px #0000004d}[data-theme=light] .time-range-button.active{background:linear-gradient(135deg,#2563eb26,#3b82f626),#fffffff2;box-shadow:none;border-color:#2563eb80}[data-theme=dark] .time-range-button.active:before{background:linear-gradient(135deg,#8b5cf6cc,#6366f1cc);opacity:1}[data-theme=light] .time-range-button.active:before{background:linear-gradient(135deg,#2563eb4d,#3b82f64d);opacity:1}[data-theme=dark] .time-range-button.active:hover{box-shadow:0 0 40px #8b5cf6cc,0 8px 30px #0006}[data-theme=light] .time-range-button.active:hover{box-shadow:none}.energy-calendar-wrapper{overflow-x:auto;overflow-y:visible;margin-top:8px;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.energy-calendar-wrapper::-webkit-scrollbar{height:6px}.energy-calendar-wrapper::-webkit-scrollbar-track{background:transparent}.energy-calendar-wrapper::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.energy-calendar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(26px,1fr));gap:4px;min-width:max-content}.energy-calendar-cell{height:26px;border-radius:6px;border:1px solid;font-size:11px;display:flex;align-items:center;justify-content:center}.energy-calendar-legend{margin-top:8px;font-size:12px}.heatmap-container{display:flex;flex-direction:column;gap:2px}.heatmap-header-row{display:flex;gap:4px;margin-bottom:4px}.heatmap-hours-row{display:flex;gap:2px;flex:1}.heatmap-hour-label{flex:1;text-align:center;min-width:0;padding:2px 0}.heatmap-row-with-label{display:flex;gap:4px;align-items:center}.heatmap-day-label{width:32px;text-align:right;padding-right:8px;flex-shrink:0;font-weight:500}.heatmap-row{display:flex;gap:2px;flex:1}.heatmap-cell{flex:1;height:20px;min-width:8px;border-radius:3px;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.heatmap-cell:hover{transform:scale(1.1);box-shadow:0 0 8px #6366f199;z-index:1;position:relative}.insight-item{padding:16px;border-bottom:1px solid rgba(0,0,0,.06);margin-bottom:12px}.insight-item:last-child{border-bottom:none;margin-bottom:0}.insight-axis{display:inline-block;padding:2px 8px;border-radius:4px;background-color:#0000000d;margin-bottom:4px;font-size:12px;text-transform:uppercase;font-weight:600}.insight-window{display:inline-block;margin-left:8px;font-size:12px}.insight-item p{margin-top:8px;margin-bottom:0;line-height:1.5}.insight-meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:8px;flex-wrap:wrap;font-size:12px}.insight-feedback{display:flex;gap:8px}.feedback-button{padding:4px 12px;border-radius:6px;border:1px solid;font-size:12px;font-weight:500;cursor:pointer;background:transparent;transition:all .2s ease}.feedback-button:hover{opacity:.8}.feedback-button.active{font-weight:600}.chart-container{margin-bottom:8px}.chart-wrapper{position:relative;width:100%;min-height:200px}.chart-wrapper--correlation{min-height:480px;height:480px}.profile-screen{min-height:100vh;padding:20px 20px 100px}.profile-container{max-width:600px;margin:0 auto}.profile-container>.glass-card{margin-bottom:20px}.profile-container>.glass-card:last-child{margin-bottom:0}.profile-title{font-size:24px;font-weight:700;margin-bottom:24px}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;padding:20px 0}.profile-avatar-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px}.profile-avatar-wrapper{position:relative;width:128px;height:128px;border-radius:50%;padding:2px;background:linear-gradient(135deg,#f87171cc,#818cf8cc,#38bdf8cc);transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;display:flex;align-items:center;justify-content:center}[data-theme=dark] .profile-avatar-wrapper{box-shadow:0 8px 32px #0000004d}[data-theme=light] .profile-avatar-wrapper{box-shadow:0 1px 3px #00000014}[data-theme=dark] .profile-avatar-wrapper:hover{transform:scale(1.05);box-shadow:0 12px 40px #0006}[data-theme=light] .profile-avatar-wrapper:hover{transform:scale(1.02);box-shadow:0 2px 6px #0000001a}.profile-avatar-image{width:140px;height:140px;border-radius:50%;object-fit:cover;object-position:center;border:none;display:block;flex-shrink:0}.profile-avatar-placeholder{position:relative;width:152px;height:152px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:2px;background:linear-gradient(135deg,#f87171cc,#818cf8cc,#38bdf8cc);transition:transform .3s ease,box-shadow .3s ease;overflow:hidden}[data-theme=dark] .profile-avatar-placeholder{box-shadow:0 8px 32px #0003}[data-theme=light] .profile-avatar-placeholder{box-shadow:0 1px 3px #00000014}.profile-avatar-placeholder:after{content:"";position:absolute;inset:2px;border-radius:50%;background:#0f172ae6;z-index:0}.profile-avatar-placeholder svg{position:relative;z-index:1}.profile-avatar-placeholder.hidden{display:none}.profile-avatar-button{position:relative;display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:16px;font-size:15px;font-weight:600;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;transition:all .3s ease;overflow:hidden}[data-theme=dark] .profile-avatar-button{border:1px solid rgba(255,255,255,.2);color:#f9fafb;background:radial-gradient(circle at 0% 0%,rgba(248,250,252,.1),transparent 55%),#0f172ab3}[data-theme=light] .profile-avatar-button{border:1px solid rgba(226,232,240,.8);color:#1a1a1a;background:#fffffff2}.profile-avatar-button:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ffffff4d,#ffffff1a);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:0;transition:opacity .3s ease}.profile-avatar-button:hover:before{opacity:1}[data-theme=dark] .profile-avatar-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #0006,0 0 20px #ffffff1a}[data-theme=light] .profile-avatar-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}[data-theme=dark] .profile-avatar-button:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 12px #0000004d}[data-theme=light] .profile-avatar-button:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 3px #0000001a}.profile-avatar-button:disabled{opacity:.6;cursor:not-allowed}.profile-avatar-button-text{font-size:15px;font-weight:600}.profile-section{margin-bottom:0}.profile-section:last-child{margin-bottom:0}.section-title{font-size:18px;font-weight:600;margin-bottom:20px;color:inherit}.profile-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid rgba(148,163,184,.1)}.profile-item:last-child{border-bottom:none}.profile-label{font-size:14px;font-weight:500;opacity:.8}.profile-value{font-size:16px;font-weight:500;text-align:right;flex:1;margin-left:16px}.profile-name-display{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-end;cursor:pointer;padding:4px 8px;border-radius:8px;transition:background-color .2s ease}[data-theme=dark] .profile-name-display:hover{background-color:#ffffff0d}[data-theme=light] .profile-name-display:hover{background-color:#00000008}.profile-edit-button{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background-color .2s ease;color:inherit;opacity:.6}.profile-name-display:hover .profile-edit-button{opacity:1}.profile-edit-button:hover{background-color:#94a3b81a}.profile-name-edit{display:flex;flex-direction:column;gap:12px;flex:1;margin-left:16px}.profile-name-input{width:100%;padding:8px 12px;border-radius:8px;font-size:15px;font-weight:500;font-family:inherit;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);outline:none;transition:all .3s ease;box-sizing:border-box}[data-theme=dark] .profile-name-input{border:1px solid rgba(148,163,184,.3);background:#0f172a99;color:#f9fafb}[data-theme=light] .profile-name-input{border:1px solid rgba(226,232,240,.8);background:#fffffff2;color:#1a1a1a}[data-theme=dark] .profile-name-input:focus{border-color:#8b5cf699;box-shadow:0 0 0 3px #8b5cf633;background:#0f172acc}[data-theme=light] .profile-name-input:focus{border-color:#2563eb99;box-shadow:0 0 0 3px #2563eb33;background:#fff}.profile-name-actions{display:flex;gap:8px;width:100%}.profile-name-save-btn,.profile-name-cancel-btn{position:relative;flex:1;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;transition:all .2s ease;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:6px}[data-theme=dark] .profile-name-save-btn,[data-theme=dark] .profile-name-cancel-btn{border:1px solid rgba(255,255,255,.2);color:#f9fafb;background:radial-gradient(circle at 0% 0%,rgba(248,250,252,.1),transparent 55%),#0f172ab3}[data-theme=light] .profile-name-save-btn,[data-theme=light] .profile-name-cancel-btn{border:1px solid rgba(226,232,240,.8);color:#1a1a1a;background:#fffffff2}.profile-name-save-btn:before,.profile-name-cancel-btn:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ffffff4d,#ffffff1a);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:0;transition:opacity .3s ease}.profile-name-save-btn:hover:before,.profile-name-cancel-btn:hover:before{opacity:1}[data-theme=dark] .profile-name-save-btn:hover:not(:disabled),[data-theme=dark] .profile-name-cancel-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0006,0 0 20px #ffffff1a}[data-theme=light] .profile-name-save-btn:hover:not(:disabled),[data-theme=light] .profile-name-cancel-btn:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}[data-theme=dark] .profile-name-save-btn:active:not(:disabled),[data-theme=dark] .profile-name-cancel-btn:active{transform:translateY(0);box-shadow:0 4px 12px #0000004d}[data-theme=light] .profile-name-save-btn:active:not(:disabled),[data-theme=light] .profile-name-cancel-btn:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}.profile-name-save-btn:disabled{opacity:.6;cursor:not-allowed}.options-group{display:flex;gap:12px;flex-wrap:wrap}.option-btn{position:relative;flex:1;min-width:100px;padding:12px 20px;border-radius:16px;font-size:14px;font-weight:500;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;transition:all .3s ease;overflow:hidden}[data-theme=dark] .option-btn{border:1px solid rgba(255,255,255,.2);color:#f9fafb;background:radial-gradient(circle at 0% 0%,rgba(248,250,252,.1),transparent 55%),#0f172ab3}[data-theme=light] .option-btn{border:1px solid rgba(226,232,240,.8);color:#1a1a1a;background:#fffffff2}.option-btn:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ffffff4d,#ffffff1a);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:0;transition:opacity .3s ease}.option-btn:hover:before{opacity:1}[data-theme=dark] .option-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0006,0 0 20px #ffffff1a}[data-theme=light] .option-btn:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}[data-theme=dark] .option-btn:active{transform:translateY(0);box-shadow:0 4px 12px #0000004d}[data-theme=light] .option-btn:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}[data-theme=dark] .option-btn.active{background:linear-gradient(135deg,#8b5cf64d,#6366f14d),radial-gradient(circle at 0% 0%,rgba(248,250,252,.2),transparent 55%),#0f172ae6;box-shadow:0 0 30px #8b5cf699,0 4px 20px #0000004d}[data-theme=light] .option-btn.active{background:linear-gradient(135deg,#2563eb26,#3b82f626),#fffffff2;box-shadow:none;border-color:#2563eb80}[data-theme=dark] .option-btn.active:before{background:linear-gradient(135deg,#8b5cf6cc,#6366f1cc);opacity:1}[data-theme=light] .option-btn.active:before{background:linear-gradient(135deg,#2563eb4d,#3b82f64d);opacity:1}.option-btn.active:hover{box-shadow:0 0 40px #8b5cf6cc,0 8px 30px #0006}.logout-button{position:relative;width:100%;padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.2);font-size:16px;font-weight:600;color:#fff;background:radial-gradient(circle at 0% 0%,rgba(248,250,252,.1),transparent 55%),#ef4444cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;transition:all .3s ease;overflow:hidden}.logout-button:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ffffff4d,#ffffff1a);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:0;transition:opacity .3s ease}.logout-button:hover:before{opacity:1}[data-theme=dark] .logout-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ef444480,0 0 20px #ffffff1a;background:radial-gradient(circle at 0% 0%,rgba(248,250,252,.1),transparent 55%),#ef4444e6}[data-theme=light] .logout-button:hover{transform:translateY(-2px);box-shadow:0 2px 8px #ef44444d}[data-theme=dark] .logout-button:active{transform:translateY(0);box-shadow:0 4px 12px #ef444466}[data-theme=light] .logout-button:active{transform:translateY(0);box-shadow:0 1px 3px #ef44444d}@media(max-width:640px){.profile-screen{padding:16px 16px 100px}.profile-title{font-size:24px;margin-bottom:24px}.profile-avatar-image,.profile-avatar-placeholder{width:120px;height:120px}.options-group{flex-direction:column}.option-btn{width:100%}}.sleep-screen{min-height:100vh;padding:20px 20px 100px}.sleep-container{max-width:800px;margin:0 auto}.sleep-container>.glass-card{margin-bottom:20px}.sleep-container>.glass-card:last-child{margin-bottom:0}.sleep-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.sleep-title{font-size:24px;font-weight:700;margin:0}.sleep-form{padding:0;border-radius:0;border:none;margin-bottom:0}.form-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1);opacity:.8;padding:4px;border-radius:4px;background:#8b5cf64d}.form-input::-webkit-calendar-picker-indicator:hover{opacity:1;background:#8b5cf680}.form-input::-webkit-datetime-edit-fields-wrapper{padding:0}[data-theme=dark] .form-input::-webkit-datetime-edit-text{color:#ffffffb3;padding:0 4px}[data-theme=light] .form-input::-webkit-datetime-edit-text{color:#000000b3;padding:0 4px}[data-theme=dark] .form-input::-webkit-datetime-edit-month-field,[data-theme=dark] .form-input::-webkit-datetime-edit-day-field,[data-theme=dark] .form-input::-webkit-datetime-edit-year-field,[data-theme=dark] .form-input::-webkit-datetime-edit-hour-field,[data-theme=dark] .form-input::-webkit-datetime-edit-minute-field{color:#f9fafb;padding:0 2px}[data-theme=light] .form-input::-webkit-datetime-edit-month-field,[data-theme=light] .form-input::-webkit-datetime-edit-day-field,[data-theme=light] .form-input::-webkit-datetime-edit-year-field,[data-theme=light] .form-input::-webkit-datetime-edit-hour-field,[data-theme=light] .form-input::-webkit-datetime-edit-minute-field{color:#1a1a1a;padding:0 2px}.sleep-stats{padding:24px;border-radius:12px;border:1px solid;margin-bottom:24px}.sleep-stats h2{margin-top:0;margin-bottom:16px;font-size:20px}.stat-value{font-size:32px;font-weight:700;margin-bottom:4px}.sleep-entries h2{margin-bottom:16px;font-size:20px}.entry-card{padding:16px;border-radius:12px;border:1px solid;margin-bottom:12px}.entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.entry-details{display:flex;justify-content:space-between;align-items:center;font-size:14px}.entry-notes{margin-top:8px;font-size:14px;font-style:italic}.stress-screen{min-height:100vh;padding:20px 20px 100px}.stress-container{max-width:800px;margin:0 auto}.stress-container>.glass-card{margin-bottom:20px}.stress-container>.glass-card:last-child{margin-bottom:0}.stress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.add-button{width:44px;height:44px;padding:0;border-radius:12px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.add-button:hover{transform:scale(1.05)}.add-button:active{transform:scale(.95)}.add-button svg{width:20px;height:20px}.stress-title{font-size:24px;font-weight:700;margin:0}.stress-form{padding:0;border-radius:0;border:none;margin-bottom:0}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;font-size:14px}.form-input,.form-textarea{width:100%;padding:12px 16px;border-radius:12px;font-size:15px;font-family:inherit;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .3s ease}[data-theme=dark] .form-input,[data-theme=dark] .form-textarea{border:1px solid rgba(148,163,184,.3);background:#0f172a99;color:#f9fafb}[data-theme=light] .form-input,[data-theme=light] .form-textarea{border:1px solid rgba(226,232,240,.8);background:#fffffff2;color:#1a1a1a}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-textarea:focus{outline:none;border-color:#8b5cf699;box-shadow:0 0 0 3px #8b5cf633;background:#0f172acc}[data-theme=light] .form-input:focus,[data-theme=light] .form-textarea:focus{outline:none;border-color:#2563eb99;box-shadow:0 0 0 3px #2563eb33;background:#fff}.form-textarea{resize:vertical}.slider{width:100%;margin-top:8px;height:10px;border-radius:999px;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer;transition:all .3s ease;position:relative;z-index:1}[data-theme=dark] .slider{background:#ffffff1a}[data-theme=light] .slider{background:#e2e8f0cc}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#ec4899,#6366f1);box-shadow:0 0 20px #ec4899b3,0 4px 15px #0006,inset 0 2px 4px #ffffff4d;cursor:pointer;transition:all .3s ease;border:2px solid rgba(255,255,255,.3);margin-top:-6px}.slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 25px #ec4899e6,0 6px 20px #00000080,inset 0 2px 4px #fff6}.slider::-webkit-slider-thumb:active{transform:scale(1.05)}.slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:linear-gradient(135deg,#ec4899,#6366f1);box-shadow:0 0 20px #ec4899b3,0 4px 15px #0006,inset 0 2px 4px #ffffff4d;cursor:pointer;transition:all .3s ease}.slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 0 25px #ec4899e6,0 6px 20px #00000080,inset 0 2px 4px #fff6}.slider::-moz-range-thumb:active{transform:scale(1.05)}.slider::-moz-range-track{height:10px;border-radius:999px;background:#ffffff1a}.slider::-webkit-slider-runnable-track{height:10px;border-radius:999px;background:#ffffff1a;margin-top:0}.slider-container{position:relative;flex:1;display:flex;align-items:center;height:22px;padding:6px 0}.slider-container:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:var(--slider-progress, 0%);height:10px;border-radius:999px;background:linear-gradient(90deg,#ec4899b3,#6366f1b3);pointer-events:none;z-index:0;transition:width .2s ease;box-shadow:0 0 12px #ec489980}.stress-analysis{padding:24px;border-radius:12px;border:1px solid;margin-bottom:24px}.stress-analysis h2{margin-top:0;margin-bottom:16px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:16px}.top-triggers{margin-top:16px}.top-triggers h3{margin-bottom:12px;font-size:16px}.triggers-list{display:flex;flex-wrap:wrap;gap:8px}.trigger-badge{padding:6px 12px;border-radius:16px;font-size:14px}.stress-recommendations{padding:24px;border-radius:12px;border:1px solid;margin-bottom:24px}.stress-recommendations h2{margin-top:0;margin-bottom:16px}.stress-recommendations ul{margin:0;padding-left:20px}.stress-recommendations li{margin-bottom:8px}.stress-events h2{margin-bottom:16px}.event-card{padding:16px;border-radius:12px;border:1px solid;margin-bottom:12px}.event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.event-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px}.event-triggers{display:flex;flex-wrap:wrap;gap:6px}.trigger-tag{padding:4px 8px;border-radius:12px;font-size:12px}.event-notes{margin-top:8px;font-size:14px;font-style:italic}.achievements-screen{min-height:100vh;padding:20px 20px 100px}.achievements-container{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.achievements-container>.glass-card{margin-bottom:0}.achievements-title{font-size:24px;font-weight:700;margin-bottom:24px}.achievements-stats{padding:24px;border-radius:12px;border:1px solid;margin-bottom:24px}.stat-row{display:flex;gap:24px;justify-content:center}.stat-item{text-align:center}.stat-value{font-size:36px;font-weight:700;margin-bottom:4px}.stat-label{font-size:14px}.achievements-section{margin-bottom:32px}.achievements-section h2{margin-bottom:16px;font-size:20px}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.achievement-card{padding:24px 20px;border-radius:16px;text-align:center;transition:all .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:relative;overflow:hidden}[data-theme=dark] .achievement-card{border:1px solid rgba(148,163,184,.3);background:#0f172a99}[data-theme=light] .achievement-card{border:1px solid rgba(226,232,240,.8);background:#fffffff2}.achievement-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#94a3b84d,#94a3b81a);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5}[data-theme=dark] .achievement-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d;border-color:#94a3b880}[data-theme=light] .achievement-card:hover{transform:translateY(-4px);box-shadow:0 2px 8px #0000001a;border-color:#e2e8f0}[data-theme=dark] .achievement-card.unlocked{border-color:#fbbf2480;background:#0f172ab3}[data-theme=light] .achievement-card.unlocked{border-color:#fbbf2480;background:#fff}.achievement-card.unlocked:before{background:linear-gradient(135deg,#fbbf2499,#fbbf244d);opacity:.8}[data-theme=dark] .achievement-card.unlocked:hover{box-shadow:0 8px 24px #fbbf244d;border-color:#fbbf24b3}[data-theme=light] .achievement-card.unlocked:hover{box-shadow:0 2px 8px #fbbf2433;border-color:#fbbf24b3}.achievement-icon{width:56px;height:56px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#ec489933,#6366f133);position:relative}.achievement-card.unlocked .achievement-icon{background:linear-gradient(135deg,#fbbf244d,#f59e0b4d);box-shadow:0 4px 12px #fbbf244d}.achievement-icon svg{width:32px;height:32px}.achievement-title{font-size:14px;font-weight:600;margin-bottom:12px}.achievement-progress{width:100%;height:8px;border-radius:999px;overflow:hidden;margin-top:12px;position:relative}[data-theme=dark] .achievement-progress{background-color:#ffffff1a}[data-theme=light] .achievement-progress{background-color:#e2e8f0cc}.achievement-progress-bar{height:100%;border-radius:999px;transition:width .3s ease;background:linear-gradient(90deg,#ec4899cc,#6366f1cc);box-shadow:0 0 12px #ec489980}.achievement-badge{font-size:12px;font-weight:600;margin-top:12px;padding:6px 12px;border-radius:12px;background:linear-gradient(135deg,#fbbf2433,#f59e0b33);border:1px solid rgba(251,191,36,.4);display:inline-block}.no-achievements{text-align:center;padding:40px;font-size:16px}.home-section{margin-bottom:0}.section-title{font-size:20px;font-weight:600;margin-bottom:16px;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.energy-planning-screen{min-height:100vh;padding:20px 20px 100px}.energy-planning-container>.glass-card{margin-bottom:20px}.energy-planning-container>.glass-card:last-child{margin-bottom:0}@keyframes spin{to{transform:rotate(360deg)}}.energy-planning-container{max-width:1000px;margin:0 auto}.energy-planning-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.date-selector{display:flex;align-items:center;margin-left:auto}.energy-planning-title{font-size:24px;font-weight:700;margin:0}.calendar-toggle{padding:12px 24px;border-radius:8px;border:none;font-size:16px;font-weight:600;cursor:pointer}.calendar-container{padding:20px;border-radius:12px;border:1px solid;margin-bottom:24px}.date-input{width:100%;padding:12px;border:1px solid;border-radius:8px;font-size:16px;font-family:inherit}.planning-section,.practices-section,.recent-practices{padding:24px;border-radius:12px;border:1px solid;margin-bottom:24px}.planning-section h2,.practices-section h2,.recent-practices h2{margin-top:0;margin-bottom:16px}.recommendations ul{margin:0;padding-left:20px}.recommendations li{margin-bottom:8px}.optimal-times h3{margin-top:16px;margin-bottom:12px}.time-slots{display:flex;flex-direction:column;gap:8px}.time-slot{padding:12px;border-radius:8px;display:flex;justify-content:space-between}.practices-subtitle{margin-bottom:16px}.practices-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:4px;margin:-4px;overflow:visible}.practice-card{padding:20px 28px;border-radius:12px;border:none;text-align:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:relative;overflow:visible;transition:background .3s ease,border-color .3s ease}[data-theme=dark] .practice-card{background:#0f172a66}.practice-button{width:100%;padding:12px;border-radius:8px;border:none;font-size:16px;font-weight:600;cursor:pointer;margin-top:12px;position:relative;z-index:1}.date-selector-new{margin-left:auto}.date-input-wrapper-new{position:relative;display:inline-block;min-width:160px}.date-input-new{width:100%;min-width:160px;padding:10px 36px 10px 12px;border-radius:12px;font-size:14px;font-family:inherit;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .3s ease;box-sizing:border-box}[data-theme=dark] .date-input-new{border:1px solid rgba(148,163,184,.3);background:#0f172a99;color:#f9fafb}[data-theme=light] .date-input-new{border:1px solid rgba(226,232,240,.8);background:#fffffff2;color:#1a1a1a}.date-input-new::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none;appearance:none}[data-theme=dark] .date-input-new:focus{outline:none;border-color:#ec489999;box-shadow:0 0 0 3px #ec48991a}[data-theme=light] .date-input-new:focus{outline:none;border-color:#2563eb99;box-shadow:0 0 0 3px #2563eb1a}.date-picker-button-new{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}[data-theme=dark] .date-picker-button-new{color:#94a3b8}[data-theme=light] .date-picker-button-new{color:#718096}[data-theme=dark] .date-picker-button-new:hover{color:#f9fafb;transform:translateY(-50%) scale(1.1)}[data-theme=light] .date-picker-button-new:hover{color:#1a1a1a;transform:translateY(-50%) scale(1.1)}.date-picker-button-new:active{transform:translateY(-50%) scale(.95)}}.micro-practices-screen{min-height:100vh;padding:20px 20px 100px}.micro-practices-container{max-width:1000px;margin:0 auto}.micro-practices-container>.glass-card{margin-bottom:20px}.micro-practices-container>.glass-card:last-child{margin-bottom:0}.micro-practices-title{font-size:24px;font-weight:700;margin-bottom:24px}.timer-container{padding:40px;border-radius:12px;border:none;text-align:center;margin-bottom:24px}.timer-display{font-size:72px;font-weight:700;margin:24px 0}.timer-controls{display:flex;justify-content:center;gap:12px}.timer-button{padding:12px 24px;border-radius:8px;border:none;font-size:16px;font-weight:600;cursor:pointer}.practices-section,.recommendations-section,.recent-practices{padding:24px;border-radius:12px;border:none;margin-bottom:24px}.practices-section h2,.recommendations-section h2,.recent-practices h2{margin-top:0;margin-bottom:16px}.practices-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.practice-card{padding:20px;border-radius:12px;border:none;text-align:center;transition:background .3s ease,border-color .3s ease}[data-theme=dark] .practice-card{background:transparent}[data-theme=light] .practice-card{background:#fffffff2;border:1px solid rgba(226,232,240,.8)}.practice-card h3{margin-top:0;margin-bottom:8px}.practice-start-button{width:100%;padding:12px;border-radius:8px;border:none;font-size:16px;font-weight:600;cursor:pointer;margin-top:12px}.recommendations-section ul{margin:0;padding-left:20px}.recommendations-section li{margin-bottom:8px}.practice-item{padding:12px;border-bottom:1px solid;display:flex;justify-content:space-between;align-items:center}.practice-item:last-child{border-bottom:none}.payment-modal-overlay{position:fixed;inset:0;background-color:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}[data-theme=dark] .payment-modal-overlay{background:radial-gradient(circle at 0% 0%,rgba(248,113,113,.15),transparent 55%),radial-gradient(circle at 100% 0%,rgba(56,189,248,.15),transparent 55%),radial-gradient(circle at 50% 100%,rgba(129,140,248,.2),transparent 60%),#050712d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}[data-theme=light] .payment-modal-overlay{background-color:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.payment-modal{position:relative;background:var(--background);border-radius:24px;max-width:500px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 8px 32px #0000004d;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}[data-theme=dark] .payment-modal{background:radial-gradient(circle at 0% 0%,rgba(248,250,252,.05),transparent 55%),linear-gradient(145deg,#0f172afa,#0f172adb);box-shadow:0 24px 80px #0f172af2;border:2px solid transparent}[data-theme=dark] .payment-modal:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(135deg,#f8717180,#818cf8cc,#38bdf8b3);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.85;pointer-events:none}[data-theme=light] .payment-modal{box-shadow:0 4px 16px #0000001a;background:#fff;border:1px solid rgba(226,232,240,.8)}.payment-modal-header{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border)}[data-theme=dark] .payment-modal-header{border-bottom-color:#ffffff1a}[data-theme=light] .payment-modal-header{border-bottom-color:#e5e7eb}.payment-modal-close{background:none;border:none;font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s}.payment-modal-close:hover{opacity:1}.payment-modal-content{position:relative;z-index:1;padding:20px}.payment-method-selection{text-align:center}.payment-methods{display:flex;flex-direction:column;gap:12px}.payment-method-btn{display:flex;align-items:center;gap:16px;padding:16px;border-radius:12px;cursor:pointer;transition:transform .2s,opacity .2s;text-align:left}.payment-method-btn:hover:not(:disabled){transform:translateY(-2px)}.payment-method-btn:disabled{opacity:.6;cursor:not-allowed}.payment-method-icon{font-size:32px;flex-shrink:0}.payment-method-info{flex:1}.payment-method-name{font-weight:600;font-size:16px;margin-bottom:4px}.payment-method-desc{font-size:14px;opacity:.8}.payment-loading{text-align:center;padding:40px 20px}.spinner{width:40px;height:40px;border:4px solid transparent;border-top:4px solid;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.payment-error{padding:12px 16px;border-radius:8px;margin-bottom:16px;text-align:center}.payment-telegram,.payment-ton{text-align:center}.payment-amount{text-align:center;margin-bottom:20px}.payment-qr{display:flex;justify-content:center;margin:20px 0}.payment-qr img{width:200px;height:200px;border-radius:8px}.payment-address{margin-bottom:16px}.payment-address-value{word-break:break-all;font-family:monospace;font-size:12px;padding:12px;border-radius:8px}[data-theme=light] .payment-address-value{background-color:#f3f4f6;color:#1a1a1a;border:1px solid #e5e7eb}.payment-copy-btn{margin-top:8px;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:opacity .2s}.payment-copy-btn:hover{opacity:.9}.payment-comment{margin-top:16px}.payment-timer{text-align:center;font-size:16px;font-weight:600;margin-top:16px}.payment-success{text-align:center;font-size:18px;font-weight:600;margin-top:16px}.payment-instructions{margin-top:20px;padding:16px;border-radius:8px}[data-theme=light] .payment-instructions{background-color:#f9fafb;border:1px solid #e5e7eb}.payment-instructions ol{padding-left:20px;margin:8px 0}.payment-instructions li{margin-bottom:8px}.payment-action-btn{width:100%;margin-bottom:20px}.subscription-screen{min-height:100vh;padding:20px 20px 100px}.subscription-container{max-width:1000px;margin:0 auto}.subscription-container>.glass-card{margin-bottom:20px}.subscription-container>.glass-card:last-child{margin-bottom:0}.payment-method-card{margin-bottom:20px}.payment-method-toggle{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.payment-method-option{flex:1 1 140px;padding:10px 12px;border-radius:999px;border:1px solid rgba(148,163,184,.5);font-size:13px;cursor:pointer;text-align:center;background:transparent;transition:background .2s ease,border-color .2s ease,transform .1s ease}.payment-method-option.active{transform:translateY(-1px)}.payment-method-hint{margin-top:10px;font-size:12px;opacity:.8}.subscription-title{font-size:24px;font-weight:700;margin-bottom:24px}.current-plan{padding:24px;border-radius:12px;border:none;margin-bottom:24px}.current-plan h2{margin-top:0;margin-bottom:12px}.plan-info{display:flex;flex-direction:column;gap:8px}.plan-tier{font-size:24px;font-weight:700}.plans-section{margin-bottom:24px}.plans-section h2{margin-bottom:16px}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.plan-card{padding:24px;border-radius:12px;border:none;text-align:center;position:relative}.recommended-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.plan-card h3{margin-top:0;margin-bottom:12px}.plan-price{font-size:32px;font-weight:700;margin-bottom:16px}.upgrade-button{width:100%;padding:12px;border-radius:8px;border:none;font-size:16px;font-weight:600;cursor:pointer}.payment-history{padding:24px;border-radius:12px;border:none}.payment-history h2{margin-top:0;margin-bottom:16px}.payment-item{padding:12px;border-bottom:1px solid;display:flex;justify-content:space-between;align-items:center}.payment-item:last-child{border-bottom:none}.export-screen{min-height:100vh;padding:20px 20px 100px}.export-container{max-width:800px;margin:0 auto}.export-container>.glass-card{margin-bottom:20px}.export-container>.glass-card:last-child{margin-bottom:0}.export-title{font-size:24px;font-weight:700;margin-bottom:8px}.export-subtitle{font-size:16px;margin-bottom:24px}.export-form{padding:24px;border-radius:12px;border:none}.format-selector{display:flex;gap:12px;margin-top:8px}.format-button{flex:1;padding:12px 20px;border-radius:16px;border:1px solid rgba(148,163,184,.3);font-size:15px;font-weight:500;cursor:pointer;background:#0f172a99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#e2e8f0;transition:all .3s ease;position:relative;overflow:hidden}.format-button:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#94a3b84d,#94a3b81a);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.format-button:hover:before{opacity:1}.format-button.active{background:linear-gradient(135deg,#ec48994d,#6366f14d);border-color:#ec489999;color:#f9fafb;box-shadow:0 4px 20px #ec489966,0 0 15px #6366f14d}.format-button.active:before{background:linear-gradient(135deg,#ec4899b3,#6366f1b3);opacity:1}.date-inputs{display:flex;flex-direction:column;gap:8px;margin-top:8px}.date-input{width:100%;padding:10px 12px;border:1px solid rgba(148,163,184,.3);border-radius:8px;font-size:14px;font-family:inherit;min-width:0;box-sizing:border-box}.quick-date-button{padding:8px 16px;border-radius:8px;border:none;font-size:14px;font-weight:500;cursor:pointer;margin-bottom:8px}.export-info{padding:16px;border-radius:12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);margin:20px 0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.export-info h3{margin-top:0;margin-bottom:12px}.export-info ul{margin:0;padding-left:20px}.export-info li{margin-bottom:4px}.export-button{width:100%;padding:16px;border-radius:8px;border:none;font-size:18px;font-weight:600;cursor:pointer;margin-top:8px}.export-button:disabled{cursor:not-allowed}.notifications-screen{min-height:100vh;padding:20px 20px 100px}.notifications-container{max-width:800px;margin:0 auto}.notifications-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.notifications-title{font-size:24px;font-weight:700;margin:0}.mark-all-read-button{padding:10px 20px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer}.no-notifications{text-align:center;padding:40px;font-size:16px}.notifications-list{display:flex;flex-direction:column;gap:12px}.notification-content{flex:1}.notification-message{margin:0 0 8px;font-size:16px}.notification-date{font-size:12px}.notification-actions{display:flex;gap:8px}.action-button{background:none;border:none;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s ease}.action-button:hover{background-color:#0000000d}.loading{text-align:center;padding:40px;font-size:18px}.notification-settings-screen{min-height:100vh;padding:20px 20px 100px}.notification-settings-container{max-width:800px;margin:0 auto}.notification-settings-container>.glass-card{margin-bottom:20px}.notification-settings-container>.glass-card:last-child{margin-bottom:0}.notification-settings-title{font-size:24px;font-weight:700;margin-bottom:24px}.success-message{padding:12px 16px;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:500}.settings-section{padding:24px;border-radius:12px;border:none;margin-bottom:24px}.settings-section h2{margin-top:0;margin-bottom:16px}.setting-item{margin-bottom:20px}.setting-item label{display:flex;align-items:center;gap:8px;font-weight:500;cursor:pointer}.setting-item input[type=checkbox]{width:20px;height:20px;cursor:pointer}.setting-description{margin-top:4px;margin-left:28px;font-size:14px}.time-inputs{display:flex;gap:16px;margin-top:16px}.time-input-group{flex:1}.time-input-group label{display:block;margin-bottom:8px}.time-input{width:100%;padding:12px;border:1px solid rgba(148,163,184,.3);border-radius:8px;font-size:16px;font-family:inherit}.frequency-selector{display:flex;flex-direction:column;gap:8px}.frequency-button{width:100%;padding:12px 16px;border-radius:16px;border:1px solid rgba(148,163,184,.3);font-size:14px;font-weight:500;cursor:pointer;background:#0f172a99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#e2e8f0;transition:all .3s ease;position:relative;overflow:hidden;text-align:center}[data-theme=light] .frequency-button{border:1px solid rgba(226,232,240,.8);background:#fffffff2;color:#1a1a1a}.frequency-button:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#94a3b84d,#94a3b81a);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.frequency-button:hover:before{opacity:1}[data-theme=dark] .frequency-button.active{background:linear-gradient(135deg,#ec48994d,#6366f14d);border-color:#ec489999;color:#f9fafb;box-shadow:0 4px 20px #ec489966,0 0 15px #6366f14d}[data-theme=light] .frequency-button.active{background:linear-gradient(135deg,#2563eb26,#3b82f626);border-color:#2563eb99;color:#2563eb;box-shadow:0 2px 8px #2563eb33}[data-theme=dark] .frequency-button.active:before{background:linear-gradient(135deg,#ec4899b3,#6366f1b3);opacity:1}[data-theme=light] .frequency-button.active:before{background:linear-gradient(135deg,#2563eb4d,#3b82f64d);opacity:1}.save-button{width:100%;padding:16px;border-radius:8px;border:none;font-size:18px;font-weight:600;cursor:pointer;margin-top:8px}.save-button:disabled{cursor:not-allowed}.integrations-screen{min-height:100vh;padding:20px 20px 100px}.integrations-container{max-width:800px;margin:0 auto}.integrations-title{font-size:24px;font-weight:700;margin-bottom:8px}.integrations-subtitle{font-size:16px;margin-bottom:24px}.integration-card{padding:24px;border-radius:12px;border:1px solid}.integration-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.integration-header h2{margin-top:0;margin-bottom:8px}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px)}.integration-status{padding:12px;border-radius:8px;font-weight:600;margin-top:16px}.integration-features{margin-top:16px}.integration-features h3{margin:8px 0;font-size:14px;font-weight:500}.journal-screen{min-height:100vh;padding:20px 20px 100px}.journal-container{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.journal-title{font-size:24px;font-weight:700;margin-bottom:24px}.journal-filters{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.filter-group{display:flex;flex-direction:column}.filter-buttons{display:flex;gap:8px;flex-wrap:wrap}.filter-button{padding:8px 16px;border-radius:8px;border:1px solid;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;background:transparent}.filter-button:hover{opacity:.8}.filter-button.active{font-weight:600}.journal-entries{display:flex;flex-direction:column;gap:20px}.journal-day{margin-bottom:0}.journal-day-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid;border-color:#ffffff1a}.journal-day-date{font-size:18px;font-weight:600;margin:0}.journal-day-entries{display:flex;flex-direction:column;gap:16px}.journal-entry{padding:16px;border-radius:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.05)}.journal-entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.journal-entry-type{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.journal-entry-time{font-size:12px;opacity:.6}.journal-entry-content{margin-top:12px}.journal-entry-content:first-of-type{margin-top:0}.journal-entry-label{font-size:12px;font-weight:600;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.journal-entry-text{font-size:14px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.no-data{text-align:center;padding:40px;color:#ffffff80}@media(max-width:768px){.journal-screen{padding:16px 16px 100px}.journal-title{font-size:22px;margin-bottom:20px}.filter-buttons{gap:6px}.filter-button{padding:6px 12px;font-size:13px}.journal-entry{padding:12px}}.layout{min-height:100vh;display:flex;flex-direction:column;padding-bottom:80px}.layout-header{position:sticky;top:0;z-index:100;border-bottom:1px solid;padding-left:16px;padding-right:16px;padding-bottom:12px;padding-top:calc(16px + env(safe-area-inset-top,0px));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.layout-header-content{display:flex;justify-content:space-between;align-items:center;max-width:100%}.layout-header-title{font-size:20px;font-weight:600;margin:0;flex:1}.notifications-bell-button{position:relative;background:none;border:none;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,opacity .2s ease;border-radius:50%}.notifications-bell-button:hover{opacity:.8}.notifications-bell-button:active{transform:scale(.9)}.notifications-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;padding:0 4px;box-shadow:0 2px 4px #0003}.layout-content{flex:1;overflow-y:auto;padding-top:16px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;padding:12px 0;border-top:1px solid;z-index:1000;transition:box-shadow .3s ease}[data-theme=dark] .bottom-nav{box-shadow:0 -2px 10px #0000001a}[data-theme=light] .bottom-nav{box-shadow:0 -1px 4px #0000000d}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;padding:8px 16px;cursor:pointer;transition:color .2s ease;font-size:12px}.nav-item svg{transition:transform .2s ease}.nav-item:active svg{transform:scale(.9)}.nav-item.active{font-weight:600}.more-menu-overlay{position:fixed;inset:0;z-index:2000;display:flex;align-items:flex-end;justify-content:center;transition:background .3s ease}[data-theme=dark] .more-menu-overlay{background:#00000080}[data-theme=light] .more-menu-overlay{background:#0000004d}.more-menu{width:100%;max-width:500px;max-height:70vh;overflow-y:auto;border-radius:20px 20px 0 0;border:1px solid;padding:24px;animation:slideUp .3s ease;transition:box-shadow .3s ease}[data-theme=dark] .more-menu{box-shadow:0 -4px 20px #0000004d}[data-theme=light] .more-menu{box-shadow:0 -2px 8px #00000014}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.more-menu h3{margin-bottom:16px;font-size:20px}.more-menu button{width:100%;padding:16px;text-align:left;background:none;border:none;font-size:16px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}[data-theme=dark] .more-menu button{border-bottom:1px solid rgba(255,255,255,.1)}[data-theme=light] .more-menu button{border-bottom:1px solid rgba(0,0,0,.1)}[data-theme=dark] .more-menu button:hover{background-color:#ffffff0d}[data-theme=light] .more-menu button:hover{background-color:#0000000d}.more-menu button:last-child{border-bottom:none}@media(max-width:480px){.nav-item{padding:8px 12px;font-size:11px}}.desktop-only-root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.desktop-only-card{max-width:520px;width:100%;overflow:visible}.desktop-only-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.desktop-only-lang{flex-shrink:0}.desktop-only-title{font-size:28px;font-weight:700;margin-bottom:12px}.desktop-only-subtitle{font-size:16px;opacity:.9;margin-bottom:16px}.desktop-only-text{font-size:14px;opacity:.85;margin-bottom:20px}.desktop-only-install-title{font-size:16px;font-weight:600;margin:20px 0 12px}.desktop-only-instructions{display:grid;grid-template-columns:1fr;gap:16px;font-size:13px}@media(min-width:640px){.desktop-only-instructions{grid-template-columns:repeat(2,minmax(0,1fr))}}.desktop-only-column h3{font-size:14px;font-weight:600;margin-bottom:6px}.desktop-only-column ol{padding-left:18px;margin:0;display:flex;flex-direction:column;gap:4px}.desktop-only-hint{font-size:13px;opacity:.85;padding:10px 12px;border-radius:999px;border:1px solid rgba(148,163,184,.4);display:inline-flex;gap:6px}.desktop-only-hint span{font-weight:600}.admin-users-screen{min-height:100vh;padding:16px}.admin-users-container{max-width:960px;margin:0 auto}.admin-users-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.admin-users-title{font-size:22px;font-weight:700}.admin-users-meta .glow-pill{font-size:12px}.admin-users-loading,.admin-users-error,.admin-users-empty{padding:12px 0;font-size:14px}.admin-users-error{color:#f97373}.admin-users-table-wrapper{width:100%;overflow-x:auto}.admin-users-table{width:100%;border-collapse:collapse;font-size:13px}.admin-users-table th,.admin-users-table td{padding:8px 10px;text-align:left;border-bottom:1px solid rgba(148,163,184,.3);white-space:nowrap}.admin-users-table th{font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.admin-users-table tbody tr:hover{background-color:#94a3b814}.landing-root{min-height:100vh;padding:20px 16px 32px}.landing-hero{max-width:1040px;margin:0 auto 24px}.landing-hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}@media(max-width:768px){.landing-hero-inner{grid-template-columns:1fr}}.landing-title{font-size:32px;font-weight:800;margin-bottom:12px}.landing-subtitle{font-size:16px;opacity:.9;margin-bottom:12px}.landing-feature{font-size:14px;opacity:.85;margin-bottom:20px}.landing-cta{margin-top:4px}.landing-hero-visual{display:flex;justify-content:center}.landing-phone-mock{width:220px;height:420px;border-radius:32px;padding:16px 10px;background:radial-gradient(circle at 0% 0%,rgba(248,250,252,.1),transparent 55%),linear-gradient(160deg,#0f172a,#0f172ad9);box-shadow:0 24px 60px #0f172ae6;position:relative}.landing-phone-header{height:24px;border-radius:999px;background:#0f172ae6;margin:0 auto 16px;width:80px}.landing-phone-body{display:flex;flex-direction:column;gap:10px}.landing-phone-card{height:80px;border-radius:16px;background:linear-gradient(135deg,#5eead42e,#818cf82e)}.landing-phone-card.secondary{height:60px;background:linear-gradient(135deg,#fbbf2429,#f472b629)}.landing-grid{max-width:1040px;margin:0 auto 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media(max-width:960px){.landing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.landing-grid{grid-template-columns:1fr}}.landing-section-title{font-size:18px;font-weight:600;margin-bottom:10px}.landing-section-text{font-size:14px;opacity:.9}.landing-card-title{font-size:16px;font-weight:600;margin-bottom:8px}.landing-card-text{font-size:14px;opacity:.9}.landing-footer{max-width:1040px;margin:0 auto}.landing-footer-inner{display:flex;justify-content:space-between;align-items:center;gap:16px}@media(max-width:640px){.landing-footer-inner{flex-direction:column;align-items:flex-start}}.landing-footer-text h3{font-size:18px;margin-bottom:4px}.landing-footer-text p{font-size:14px;opacity:.9}.landing-footer-cta{white-space:nowrap}.app{min-height:100vh;transition:background-color .3s ease,color .3s ease}[data-theme=dark] .app{background:radial-gradient(circle at 0% 0%,rgba(248,113,113,.18),transparent 55%),radial-gradient(circle at 100% 0%,rgba(56,189,248,.18),transparent 55%),radial-gradient(circle at 50% 100%,rgba(129,140,248,.26),transparent 60%),#050712}[data-theme=light] .app{background:#fff}.glass-card{position:relative;border-radius:24px;padding:20px;border:none;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden;transition:background .3s ease,box-shadow .3s ease}[data-theme=dark] .glass-card{background:radial-gradient(circle at 0% 0%,rgba(248,250,252,.05),transparent 55%),linear-gradient(145deg,#0f172afa,#0f172adb);box-shadow:0 24px 80px #0f172af2}[data-theme=light] .glass-card{background:#ffffffe6;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(226,232,240,.8)}.glass-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:background .3s ease,opacity .3s ease}[data-theme=dark] .glass-card:before{background:linear-gradient(135deg,#f8717180,#818cf8cc,#38bdf8b3);opacity:.85}[data-theme=light] .glass-card:before{background:linear-gradient(135deg,#2563eb4d,#3b82f633,#60a5fa33);opacity:.6}.glass-card-inner{position:relative;z-index:1;overflow:visible}.glow-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;font-size:12px;font-weight:500;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}[data-theme=dark] .glow-pill{border:1px solid rgba(148,163,184,.5);background:radial-gradient(circle at 0% 0%,rgba(248,250,252,.08),transparent 55%),#0f172af5;box-shadow:0 0 25px #3b82f673}[data-theme=light] .glow-pill{border:1px solid rgba(226,232,240,.8);background:#fffffff2;box-shadow:0 1px 3px #0000000d}.glow-pill--success{box-shadow:0 0 25px #22c55e8c}.glow-pill--warning{box-shadow:0 0 25px #eab30899}.glow-pill--error{box-shadow:0 0 25px #f87171a6}.btn-neon{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:999px;border:none;background-size:200% 200%;cursor:pointer;font-weight:600;font-size:15px;transition:transform .18s ease,box-shadow .18s ease,background-position .4s ease,color .3s ease}[data-theme=dark] .btn-neon{color:#f9fafb;background-image:linear-gradient(135deg,#f97316,#ec4899,#6366f1,#22d3ee);box-shadow:0 18px 40px #0f172a,0 0 30px #5eead499}[data-theme=light] .btn-neon{color:#fff;background-image:linear-gradient(135deg,#2563eb,#3b82f6,#60a5fa,#93c5fd);box-shadow:0 2px 8px #2563eb33}.btn-neon:hover{transform:translateY(-1px) scale(1.01);background-position:100% 0%}[data-theme=dark] .btn-neon:hover{box-shadow:0 22px 50px #0f172a,0 0 40px #5eead4cc}[data-theme=light] .btn-neon:hover{box-shadow:0 4px 12px #2563eb40}.btn-neon:active{transform:translateY(0) scale(.99)}[data-theme=dark] .btn-neon:active{box-shadow:0 12px 30px #0f172a,0 0 24px #5eead4bf}[data-theme=light] .btn-neon:active{box-shadow:0 1px 4px #2563eb33}.fade-in-up{opacity:0;transform:translateY(8px);animation:fadeInUp .4s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;transition:background-color .3s ease,color .3s ease}[data-theme=light]{background-color:#fff;color:#1a1a1a}[data-theme=dark]{background-color:#1a1d29;color:#fff}#root{min-height:100vh}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,textarea{font-family:inherit;outline:none}a{text-decoration:none;color:inherit}