:root{--bg1:#000033;--bg2:#0000FF;--bg3:#00FFFF;--text:#ffffff;--muted:#cfcfcf;--border:rgba(255,255,255,0.2);--shadow:0 8px 32px rgba(0,0,0,0.3);--container-bg:rgba(0,0,0,0.2);--card-bg:rgba(0,0,0,0.15);--card-hover:rgba(0,0,0,0.25)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text)}html:before{background:linear-gradient(to bottom right,var(--bg1),var(--bg2),var(--bg3))}html:after,html:before{content:"";position:fixed;inset:0;z-index:-1}html:after{opacity:.06;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.6) 1px,transparent 1.2px);background-size:6px 6px;mix-blend-mode:overlay}.full-height{min-height:100vh}.container{max-width:1200px;margin:24px auto 48px;padding:0 20px}.main-content{padding:16px 20px}.main-sections{display:flex;flex-direction:column;gap:24px}.component-container,.custom-card,.goals-container,.habits-container,.schedule-container{background:var(--container-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:12px;padding:24px;box-shadow:var(--shadow)}.section-header{justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.section-header,.section-title{display:flex;align-items:center}.section-title{font-size:1.5rem;color:var(--text);font-weight:600;gap:12px}.section-progress{font-size:.9rem;font-weight:600;color:var(--bg3);padding:6px 12px;background:rgba(0,255,255,.1);border:1px solid rgba(0,255,255,.2);border-radius:16px}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:20px;transition:all .2s ease;box-shadow:var(--shadow)}.card:hover{background:var(--card-hover);transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.card-body{flex:1 1;margin-bottom:16px}.card-footer{padding-top:12px;border-top:1px solid var(--border)}.carousel{display:flex;gap:16px;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:thin}.carousel::-webkit-scrollbar{height:6px}.carousel::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:3px}.carousel>*{flex:0 0 300px;scroll-snap-align:start}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:6px;border:1px solid var(--border);background:var(--card-bg);color:var(--text);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn:hover{background:var(--card-hover);border-color:var(--bg3)}.btn-primary{background:var(--bg2);border-color:var(--bg2)}.btn-primary:hover{background:var(--bg1)}.btn-destructive{background:#dc2626;border-color:#dc2626}.btn-destructive:hover{background:#b91c1c}.form-input,.form-textarea{width:100%;background:rgba(0,0,0,.3);border:1px solid var(--border);border-radius:6px;padding:12px;color:var(--text);font-size:.875rem;font-family:inherit;transition:all .2s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--bg3);box-shadow:0 0 0 2px rgba(0,255,255,.1)}.form-textarea{resize:vertical;min-height:60px;line-height:1.5}.form-input::placeholder,.form-textarea::placeholder{color:rgba(255,255,255,.4)}.form-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid var(--border);border-radius:3px;background:transparent;cursor:pointer;position:relative;transition:all .2s ease}.form-checkbox:checked{background:linear-gradient(135deg,var(--bg3),var(--bg2));border-color:var(--bg3)}.form-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;font-size:11px;font-weight:700}.site-header{background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;padding:20px 0;border-bottom:1px solid var(--border)}.site-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:10px;position:relative}.site-title:after{content:"";position:absolute;bottom:-5px;left:50%;width:60%;height:2px;background:linear-gradient(90deg,transparent,var(--bg3),transparent);transform:translateX(-50%)}.site-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--muted);margin-bottom:20px}.site-nav{background:rgba(0,0,110,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:6px 0}.nav-list{list-style:none;max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:16px;gap:16px}.nav-center{display:flex;gap:20px;justify-self:center}.nav-right{display:flex;justify-self:end}.nav-item,.nav-link{color:var(--text)}.nav-link{text-decoration:none;padding:8px 16px;border-radius:20px;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.nav-link:hover{background:rgba(255,255,255,.1);color:var(--bg3)}.nav-link .lock-icon{width:16px;height:16px;fill:currentColor}@media (max-width:768px){.nav-list{padding:0 10px;gap:8px}.nav-center{gap:12px}.nav-link{padding:4px 8px;font-size:.8rem;gap:4px}.nav-link .lock-icon{width:12px;height:12px}}@media (max-width:480px){.nav-list{padding:0 5px;gap:4px}.nav-center{gap:8px}.nav-link{padding:3px 6px;font-size:.75rem;gap:3px}.nav-link .lock-icon{width:10px;height:10px}}.time-slot-card{min-height:200px}.slot-time{font-size:1.1rem;font-weight:600}.activity-textarea,.findings-textarea{background:rgba(0,0,0,.4);border:1px solid var(--border);border-radius:6px;padding:10px;color:var(--text);width:100%;resize:vertical}.activity-textarea{min-height:80px}.findings-textarea{min-height:60px;margin-top:8px}.goal-card,.habit-card{min-height:180px}.goal-emoji{font-size:2rem}.goal-status{font-size:.8rem;padding:4px 8px;background:rgba(255,255,255,.1);border-radius:12px;color:var(--text)}.goal-title,.habit-title{font-size:1.1rem;font-weight:600;margin-bottom:8px;color:var(--text)}.goal-description{font-size:.9rem;color:var(--muted);margin:0}.checkbox-container{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-label{color:var(--text);font-size:.9rem}.card-completed{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.3)}.goal-exercise{background:rgba(239,68,68,.1)}.goal-read{background:rgba(59,130,246,.1)}.goal-language{background:rgba(168,85,247,.1)}.progress-bar{width:100%;height:4px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden;margin:8px 0}.progress-fill{height:100%;background:linear-gradient(90deg,var(--bg3),var(--bg2));transition:width .3s ease}.habit-card{min-height:200px}.habit-emoji{font-size:2rem}.habit-progress{font-size:1rem;font-weight:600;color:var(--bg3)}.checkbox-group{display:flex;flex-direction:column;gap:8px}.checkbox-item{display:flex;align-items:center;gap:8px}.progress-text{font-size:.8rem;color:var(--muted);text-align:center;margin-top:4px}.habit-section{margin-top:24px}.section-divider{margin:16px 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.section-subtitle{font-size:1.1rem;color:var(--text);display:flex;align-items:center;gap:8px;margin:0}.habit-water{background:rgba(59,130,246,.1)}.habit-inbox{background:rgba(236,72,153,.1)}.habit-pomodoros{background:rgba(239,68,68,.1)}.habit-walks{background:rgba(34,197,94,.1)}.habit-podcast{background:rgba(168,85,247,.1)}.habit-silence{background:rgba(99,102,241,.1)}.habit-read{background:rgba(245,158,11,.1)}.habit-language{background:rgba(6,182,212,.1)}.habit-selfdev{background:rgba(84,180,84,.1)}.checkup-title{font-size:1.5rem;display:flex;align-items:center;gap:12px;text-shadow:0 0 20px rgba(0,255,255,.5)}.checkup-content{margin-top:8px}.evening-checkup-textarea,.morning-checkup-textarea{min-height:120px}.checkup-subtitle{margin-top:12px;font-size:.875rem;color:var(--muted);font-style:italic}.morning-gradient{background:linear-gradient(135deg,rgba(255,193,7,.1),rgba(255,87,34,.1));border-color:rgba(255,193,7,.3)}.evening-gradient{background:linear-gradient(135deg,rgba(63,81,181,.1),rgba(103,58,183,.1));border-color:rgba(63,81,181,.3)}.date-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.date-picker,.date-picker-button{display:flex;align-items:center;gap:8px}.date-picker-button{min-width:200px}.icon{width:16px;height:16px}.popover{position:relative}.popover-content{position:absolute;top:100%;left:50%;transform:translateX(-50%);z-index:999;margin-top:4px;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.calendar,.popover-content{background:rgba(20,20,40,.95)!important}.calendar{padding:16px;width:280px}.calendar,.calendar *,.calendar-day,.calendar-days,.calendar-days *,.calendar-header,.calendar-header *,.calendar-month-year,.calendar-nav,.calendar-weekdays,.calendar-weekdays *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;background-color:transparent}.calendar-day,.calendar-month-year,.calendar-weekday{color:white!important;text-shadow:none!important}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.calendar-nav{width:32px;height:32px;padding:0;font-size:18px}.calendar-month-year{font-weight:600}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:4px;gap:4px;margin-bottom:8px}.calendar-weekday{padding:8px 4px;text-align:center;font-size:.75rem;font-weight:500;color:var(--muted)}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:4px;gap:4px}.calendar-day,.calendar-day-empty{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:.875rem;cursor:pointer;border:none;background:transparent;color:var(--text);transition:all .2s ease}.calendar-day:hover{background:rgba(255,255,255,.1)}.calendar-day-selected{background:var(--bg2);color:white}.calendar-day-today{background:rgba(0,255,255,.2);color:var(--bg3);font-weight:600}.calendar-day-empty{cursor:default}@media (max-width:768px){.container{margin:20px auto 32px;padding:0 15px}.main-content{padding:16px 15px}.goals-habits-grid{grid-template-columns:1fr}.component-container,.custom-card,.goals-container,.habits-container,.schedule-container{padding:16px}.carousel>*{flex:0 0 260px}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.nav-content{flex-direction:column;gap:16px}.nav-links{gap:12px}.nav-links a{padding:6px 12px;font-size:.9rem}.site-header{padding:16px 0}.date-navigation{flex-direction:column;gap:12px}.date-picker{width:100%;justify-content:center;flex-wrap:wrap;gap:12px}.date-picker-button{min-width:180px}}.glass{background:var(--container-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border)}.text-glow{text-shadow:0 0 20px rgba(0,255,255,.5)}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center}.loading-text{font-size:1.25rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.custom-button{@extend .btn}.custom-button-outline{@extend .btn}.custom-input{@extend .form-input}.custom-textarea{@extend .form-textarea}.custom-checkbox{@extend .form-checkbox}.loading-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sign-out-section{display:flex;justify-content:center;padding-top:32px;padding-bottom:16px}.sign-out-button{padding:8px 24px;border-radius:8px}.section-controls{display:flex;align-items:center;gap:12px}.carousel{scroll-behavior:smooth;overflow-x:auto}.btn-sm{padding:4px 8px;font-size:.8rem}.login-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 200px);padding:40px 0}.login-card{background:var(--container-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:12px;padding:40px;box-shadow:var(--shadow);width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:32px}.login-title{font-size:1.75rem;font-weight:600;color:var(--text);margin-bottom:8px}.login-subtitle{font-size:.9rem;color:var(--muted);margin:0}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.login-submit{width:100%;padding:12px;font-size:1rem}.login-footer{margin-top:24px;text-align:center}.login-switch{font-size:.9rem;color:var(--muted);margin:0;display:flex;align-items:center;justify-content:center;gap:8px}.switch-mode{padding:4px 8px;font-size:.9rem}.error-message{padding:12px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#fca5a5;font-size:.875rem;text-align:center}@media (max-width:768px){.login-card{padding:24px;margin:0 16px}.login-container{padding:20px 0}}.fitness-controls{display:flex;align-items:end;gap:16px;margin-bottom:24px;flex-wrap:wrap}.fitness-date-input{min-width:160px}.form-label{display:block;font-size:.875rem;color:var(--muted);margin-bottom:4px}.fitness-error{padding:12px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#fca5a5;font-size:.875rem;margin-bottom:16px}.fitness-data{margin-top:24px}.fitness-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border)}.fitness-date-label{font-size:.875rem;color:var(--muted);margin-right:8px}.fitness-date-value{font-size:1.1rem;font-weight:600;color:var(--text)}.fitness-source{font-size:.75rem;padding:2px 8px;background:rgba(255,255,255,.1);border-radius:12px;color:var(--muted)}.fitness-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px;margin-bottom:16px}.fitness-metric-card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:20px;transition:all .2s ease}.fitness-metric-card:hover{background:var(--card-hover);transform:translateY(-2px)}.metric-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.metric-icon{width:20px;height:20px}.metric-label{font-size:.875rem;color:var(--muted);font-weight:500}.metric-value{font-size:2rem;font-weight:600;color:var(--text)}.steps-card{border-left:4px solid #22c55e}.steps-card .metric-icon{color:#22c55e}.heart-card{border-left:4px solid #ef4444}.heart-card .metric-icon{color:#ef4444}.sleep-card{border-left:4px solid #8b5cf6}.sleep-card .metric-icon{color:#8b5cf6}.fitness-footer{text-align:center;padding-top:12px;border-top:1px solid var(--border)}.fitness-timestamp{font-size:.8rem;color:var(--muted)}@media (max-width:768px){.fitness-controls{flex-direction:column;align-items:stretch}.fitness-metrics{grid-template-columns:1fr}.fitness-header{flex-direction:column;align-items:flex-start;gap:8px}}