:root{--color-bg: #F5F5F0;--color-bg-elevated: #FFFFFF;--color-bg-sidebar: #F0EFED;--color-bg-hover: rgba(0, 0, 0, .025);--color-bg-card-warm: #FAFAF8;--color-hero-start: #6F6A5E;--color-hero-end: #8A8478;--color-hero-text: #FFFFFF;--color-hero-text-secondary: rgba(255, 255, 255, .72);--color-text-primary: #1C1C1E;--color-text-secondary: #6B6B6F;--color-text-tertiary: #9A9A9E;--color-text-inverse: #FFFFFF;--color-divider: rgba(0, 0, 0, .04);--color-border: transparent;--color-border-hover: transparent;--color-success: #4CAF50;--color-success-bg: rgba(76, 175, 80, .1);--color-success-text: #2E7D32;--color-warning: #F5A623;--color-warning-bg: rgba(245, 166, 35, .1);--color-warning-text: #E65100;--color-danger: #E5533D;--color-danger-bg: rgba(229, 83, 61, .1);--color-danger-text: #C62828;--color-chart-blue: #4C7CF0;--color-chart-blue-bg: rgba(76, 124, 240, .1);--color-safe: #4CAF50;--color-moderate: #F5A623;--color-caution: #FF8A50;--color-avoid: #E5533D;--font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Segoe UI", Roboto, sans-serif;--font-size-hero: 34px;--font-size-section: 18px;--font-size-card-title: 14px;--font-size-body: 13px;--font-size-meta: 12px;--font-size-micro: 11px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--line-height: 1.25;--line-height-relaxed: 1.4;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--sidebar-width: 72px;--content-max-width: 1280px;--page-padding: 40px;--hero-height: 220px;--radius-hero: 24px;--radius-card: 20px;--radius-button: 14px;--radius-pill: 16px;--radius-chart: 12px;--radius-sm: 10px;--radius-xs: 8px;--shadow-card: 0 1px 4px rgba(0, 0, 0, .03), 0 4px 16px rgba(0, 0, 0, .03);--shadow-card-hover: 0 4px 20px rgba(0, 0, 0, .06), 0 2px 8px rgba(0, 0, 0, .03);--shadow-elevated: 0 8px 32px rgba(0, 0, 0, .08), 0 2px 12px rgba(0, 0, 0, .04);--shadow-notification: 0 8px 40px rgba(0, 0, 0, .14), 0 2px 8px rgba(0, 0, 0, .06);--shadow-inner-glow: inset 0 1px 0 rgba(255, 255, 255, .7);--transition-fast: .12s ease;--transition-base: .2s ease;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--z-sidebar: 100;--z-notification: 200;--z-tooltip: 300}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height);color:var(--color-text-primary);background-color:var(--color-bg);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}ul,ol{list-style:none}img{display:block;max-width:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000014;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000024}#app{display:flex;min-height:100vh;position:relative}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--color-bg-sidebar);display:flex;flex-direction:column;align-items:center;padding:var(--space-6) 0;z-index:var(--z-sidebar)}.sidebar-logo{width:38px;height:38px;border-radius:var(--radius-button);background:linear-gradient(135deg,var(--color-hero-start),var(--color-hero-end));display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-8);flex-shrink:0;box-shadow:0 2px 8px #6f6a5e4d}.sidebar-logo svg{width:20px;height:20px;color:#fff}.sidebar-nav{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);flex:1}.sidebar-nav-item{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:all var(--transition-base);position:relative}.sidebar-nav-item:hover{background:#0000000a;color:var(--color-text-primary)}.sidebar-nav-item.active{background:var(--color-bg-elevated);color:var(--color-text-primary);box-shadow:var(--shadow-card)}.sidebar-nav-item svg{width:20px;height:20px}.sidebar-bottom{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh;padding:var(--space-10) var(--page-padding)}.content-container{max-width:var(--content-max-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-6)}.split-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.split-row .split-left,.split-row .split-right{min-width:0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.section-title{font-size:var(--font-size-section);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height)}.section-subtitle{font-size:var(--font-size-meta);color:var(--color-text-secondary)}.card{background:var(--color-bg-elevated);border-radius:var(--radius-card);padding:var(--space-4);box-shadow:var(--shadow-card);transition:all var(--transition-smooth)}.card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.gsap-fade-up{opacity:0;transform:translateY(30px)}.gsap-fade-right{opacity:0;transform:translate(-30px)}.gsap-scale-in{opacity:0;transform:scale(.92)}@media (max-width: 1200px){.main-content{padding:var(--space-6) var(--space-6)}.split-row{grid-template-columns:1fr}}@media (max-width: 768px){.sidebar{display:none}.main-content{margin-left:0;padding:var(--space-4)}}.hero-panel{width:100%;height:var(--hero-height);border-radius:var(--radius-hero);background:linear-gradient(135deg,var(--color-hero-start) 0%,var(--color-hero-end) 100%);padding:var(--space-8);display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;box-shadow:0 8px 32px #6f6a5e40}.hero-panel:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);pointer-events:none}.hero-panel:after{content:"";position:absolute;bottom:-60%;left:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.04) 0%,transparent 70%);pointer-events:none}.hero-left{display:flex;flex-direction:column;gap:var(--space-3);z-index:1}.hero-city{font-size:var(--font-size-meta);font-weight:var(--font-weight-medium);color:var(--color-hero-text-secondary);text-transform:uppercase;letter-spacing:1.2px}.hero-label{font-size:var(--font-size-card-title);font-weight:var(--font-weight-regular);color:var(--color-hero-text-secondary)}.hero-time-primary{font-size:var(--font-size-hero);font-weight:var(--font-weight-semibold);color:var(--color-hero-text);line-height:1.1;letter-spacing:-.5px}.hero-time-secondary{font-size:var(--font-size-card-title);font-weight:var(--font-weight-regular);color:var(--color-hero-text-secondary)}.hero-time-secondary strong{font-weight:var(--font-weight-medium);color:var(--color-hero-text)}.hero-chips{display:flex;gap:var(--space-2);margin-top:var(--space-1);flex-wrap:wrap}.hero-chip{height:30px;padding:0 14px;border-radius:var(--radius-pill);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hero-chip--safe{background:#4caf5033;color:#a8e6a3}.hero-chip--warning{background:#f5a62333;color:#fccf6e}.hero-chip--danger{background:#e5533d33;color:#f09686}.hero-chip--neutral{background:#ffffff1f;color:var(--color-hero-text-secondary)}.hero-chip-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.hero-chip--safe .hero-chip-dot{background:#a8e6a3}.hero-chip--warning .hero-chip-dot{background:#fccf6e}.hero-chip--danger .hero-chip-dot{background:#f09686}.hero-chip--neutral .hero-chip-dot{background:var(--color-hero-text-secondary)}.hero-right{display:flex;align-items:center;justify-content:center;z-index:1;flex-shrink:0;width:360px;height:140px}.comfort-curve-svg{width:100%;height:100%}.signal-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.signal-card{height:80px;background:var(--color-bg-elevated);border-radius:var(--radius-card);padding:var(--space-5);display:flex;flex-direction:column;justify-content:center;gap:5px;box-shadow:var(--shadow-card);transition:all var(--transition-smooth)}.signal-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.signal-card__label{font-size:var(--font-size-meta);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);line-height:1}.signal-card__value{font-size:var(--font-size-section);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1}.signal-card__context{font-size:var(--font-size-meta);font-weight:var(--font-weight-regular);color:var(--color-text-tertiary);line-height:1}.comfort-timeline-wrapper{background:var(--color-bg-elevated);border-radius:var(--radius-card);padding:var(--space-5) var(--space-5) var(--space-3);box-shadow:var(--shadow-card)}.comfort-timeline-bar{position:relative;height:48px;border-radius:var(--radius-chart);overflow:hidden;display:flex;cursor:pointer}.timeline-segment{height:100%;position:relative;transition:opacity var(--transition-fast)}.timeline-segment:hover{opacity:.85}.timeline-segment--safe{background:var(--color-safe)}.timeline-segment--moderate{background:var(--color-moderate)}.timeline-segment--caution{background:var(--color-caution)}.timeline-segment--avoid{background:var(--color-avoid)}.timeline-ticks{display:flex;justify-content:space-between;padding:var(--space-2) 0 0}.timeline-tick{font-size:var(--font-size-micro);color:var(--color-text-tertiary);text-align:center;width:32px}.timeline-now-indicator{position:absolute;top:-4px;width:12px;height:12px;background:var(--color-bg-elevated);border:2.5px solid var(--color-text-primary);border-radius:50%;transform:translate(-50%);z-index:5;box-shadow:0 2px 8px #0003;pointer-events:none;transition:left var(--transition-smooth)}.timeline-now-line{position:absolute;top:0;bottom:0;width:2px;background:var(--color-text-primary);transform:translate(-50%);z-index:4;opacity:.5;pointer-events:none}.timeline-tooltip{position:absolute;bottom:calc(100% + 12px);transform:translate(-50%);background:var(--color-text-primary);color:var(--color-text-inverse);padding:var(--space-2) var(--space-3);border-radius:var(--radius-xs);font-size:var(--font-size-micro);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);z-index:var(--z-tooltip);box-shadow:var(--shadow-elevated)}.timeline-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--color-text-primary)}.timeline-tooltip.visible{opacity:1}.timeline-tooltip-row{display:flex;justify-content:space-between;gap:var(--space-3);line-height:1.5}.timeline-tooltip-label{opacity:.6}.activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.activity-card{height:128px;background:var(--color-bg-elevated);border-radius:var(--radius-card);padding:var(--space-5);display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-card);transition:all var(--transition-smooth);cursor:default;position:relative;overflow:hidden}.activity-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-card) var(--radius-card) 0 0;background:linear-gradient(90deg,var(--color-success),var(--color-chart-blue));opacity:0;transition:opacity var(--transition-smooth)}.activity-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.activity-card:hover:before{opacity:1}.activity-card:active{transform:scale(.98)}.activity-card__top{display:flex;align-items:flex-start;justify-content:space-between}.activity-card__icon{width:34px;height:34px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:var(--color-bg);color:var(--color-text-secondary)}.activity-card__icon svg{width:18px;height:18px}.activity-card__confidence{font-size:var(--font-size-meta);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.activity-card__label{font-size:var(--font-size-card-title);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.activity-card__bottom{display:flex;align-items:center;justify-content:space-between}.activity-card__window{font-size:16px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.activity-card__risk{height:24px;padding:0 10px;border-radius:var(--radius-pill);font-size:var(--font-size-micro);font-weight:var(--font-weight-medium);display:inline-flex;align-items:center}.risk--low{background:var(--color-success-bg);color:var(--color-success-text)}.risk--moderate{background:var(--color-warning-bg);color:var(--color-warning-text)}.risk--high{background:var(--color-danger-bg);color:var(--color-danger-text)}.weekly-planner-wrapper{background:var(--color-bg-elevated);border-radius:var(--radius-card);padding:var(--space-5);box-shadow:var(--shadow-card)}.weekly-chart{height:140px;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-4);position:relative}.weekly-chart:before{content:"";position:absolute;left:0;right:0;bottom:50%;height:1px;background:var(--color-divider)}.weekly-bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);position:relative}.weekly-bar-value{font-size:var(--font-size-micro);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.weekly-bar{width:100%;max-width:48px;border-radius:var(--radius-xs);transition:all var(--transition-smooth);min-height:4px}.weekly-bar:hover{opacity:.8;transform:scaleY(1.04);transform-origin:bottom}.weekly-bar--best{background:linear-gradient(180deg,#66bb6a,#4caf50)}.weekly-bar--good{background:linear-gradient(180deg,#64b5f6,#4c7cf0)}.weekly-bar--moderate{background:linear-gradient(180deg,#ffb74d,#f5a623)}.weekly-bar--worst{background:linear-gradient(180deg,#ef9a9a,#e5533d);opacity:.8}.weekly-bar-day{font-size:var(--font-size-micro);color:var(--color-text-tertiary);margin-top:var(--space-1)}.tolerance-wrapper{background:var(--color-bg-elevated);border-radius:var(--radius-card);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);box-shadow:var(--shadow-card)}.tolerance-description{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.segmented-control{display:flex;background:var(--color-bg);border-radius:var(--radius-button);padding:3px;height:40px;position:relative}.segmented-control__option{flex:1;height:100%;border-radius:calc(var(--radius-button) - 2px);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);z-index:1;cursor:pointer}.segmented-control__option:hover{color:var(--color-text-primary)}.segmented-control__option.active{color:var(--color-text-primary);background:var(--color-bg-elevated);box-shadow:var(--shadow-card)}.tolerance-info{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-divider)}.tolerance-info-row{display:flex;justify-content:space-between;font-size:var(--font-size-meta)}.tolerance-info-label{color:var(--color-text-secondary)}.tolerance-info-value{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.cooling-zones-wrapper{background:var(--color-bg-elevated);border-radius:var(--radius-card);padding:var(--space-5);box-shadow:var(--shadow-card)}.cooling-zone-list{display:flex;flex-direction:column}.cooling-zone-item{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-3);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.cooling-zone-item:hover{background:var(--color-bg-hover)}.cooling-zone-left{display:flex;align-items:center;gap:var(--space-3)}.cooling-zone-icon{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--color-success-bg);display:flex;align-items:center;justify-content:center;color:var(--color-success-text);flex-shrink:0}.cooling-zone-icon svg{width:16px;height:16px}.cooling-zone-name{font-size:var(--font-size-card-title);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.cooling-zone-distance{font-size:var(--font-size-micro);color:var(--color-text-tertiary)}.cooling-zone-right{display:flex;align-items:center;gap:var(--space-3)}.cooling-zone-delta{font-size:var(--font-size-card-title);font-weight:var(--font-weight-semibold);color:var(--color-success-text)}.cooling-zone-indicators{display:flex;gap:var(--space-1)}.zone-indicator{width:22px;height:22px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;background:var(--color-bg)}.zone-indicator svg{width:12px;height:12px;color:var(--color-text-secondary)}.surface-heat-wrapper{background:var(--color-bg-elevated);border-radius:var(--radius-card);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);box-shadow:var(--shadow-card)}.surface-heat-times{display:flex;align-items:center;gap:var(--space-4)}.surface-heat-block{flex:1;text-align:center}.surface-heat-label{font-size:var(--font-size-meta);color:var(--color-text-secondary);margin-bottom:4px}.surface-heat-value{font-size:20px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.surface-heat-arrow{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);flex-shrink:0}.surface-heat-arrow svg{width:20px;height:20px}.surface-heat-bar{height:8px;border-radius:4px;background:var(--color-bg);position:relative;overflow:hidden}.surface-heat-bar__fill{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--color-danger) 0%,var(--color-warning) 60%,var(--color-success) 100%);transition:width var(--transition-smooth)}.surface-heat-explanation{font-size:var(--font-size-meta);color:var(--color-text-secondary);display:flex;align-items:center;gap:6px}.surface-heat-explanation svg{width:14px;height:14px;color:var(--color-warning);flex-shrink:0}.cognitive-wrapper{background:var(--color-bg-elevated);border-radius:var(--radius-card);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-card)}.cognitive-band{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0}.cognitive-band__indicator{width:4px;height:36px;border-radius:3px;flex-shrink:0}.cognitive-band__indicator--high{background:var(--color-success)}.cognitive-band__indicator--moderate{background:var(--color-warning)}.cognitive-band__indicator--low{background:var(--color-danger)}.cognitive-band__info{flex:1}.cognitive-band__label{font-size:var(--font-size-card-title);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.cognitive-band__time{font-size:var(--font-size-meta);color:var(--color-text-secondary)}.cognitive-band__bar{flex:1;height:8px;border-radius:4px;background:var(--color-bg);overflow:hidden}.cognitive-band__bar-fill{height:100%;border-radius:4px;transition:width var(--transition-smooth)}.cognitive-band__bar-fill--high{background:linear-gradient(90deg,#66bb6a,#4caf50)}.cognitive-band__bar-fill--moderate{background:linear-gradient(90deg,#ffb74d,#f5a623)}.cognitive-band__bar-fill--low{background:linear-gradient(90deg,#ef9a9a,#e5533d)}.cognitive-explanation{font-size:var(--font-size-micro);color:var(--color-text-tertiary);padding-top:var(--space-2);border-top:1px solid var(--color-divider)}.seasonal-wrapper{background:var(--color-bg-elevated);border-radius:var(--radius-card);padding:var(--space-5);box-shadow:var(--shadow-card)}.seasonal-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.seasonal-card{padding:var(--space-5);border-radius:var(--radius-sm);background:var(--color-bg);display:flex;flex-direction:column;gap:var(--space-2);transition:all var(--transition-smooth)}.seasonal-card:hover{background:var(--color-bg-hover);transform:translateY(-2px)}.seasonal-card__icon{width:30px;height:30px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center}.seasonal-card__icon svg{width:16px;height:16px}.seasonal-card__icon--monsoon{background:var(--color-chart-blue-bg);color:var(--color-chart-blue)}.seasonal-card__icon--heatwave{background:var(--color-danger-bg);color:var(--color-danger)}.seasonal-card__icon--cooling{background:var(--color-success-bg);color:var(--color-success)}.seasonal-card__label{font-size:var(--font-size-meta);color:var(--color-text-secondary)}.seasonal-card__value{font-size:var(--font-size-card-title);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.seasonal-card__trend{font-size:var(--font-size-micro);color:var(--color-text-tertiary)}#notification-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:var(--z-notification);display:flex;flex-direction:column;gap:var(--space-3);max-width:380px}.notification{background:#1c1c1eeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:var(--color-text-inverse);padding:var(--space-3) var(--space-5);border-radius:var(--radius-button);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-notification);display:flex;align-items:center;gap:var(--space-2);animation:notification-in .4s cubic-bezier(.34,1.56,.64,1) forwards;cursor:pointer;transition:opacity var(--transition-base),transform var(--transition-base)}.notification:hover{opacity:.95;transform:translate(-4px)}.notification--safe{border-left:3px solid var(--color-success)}.notification--warning{border-left:3px solid var(--color-warning)}.notification--info{border-left:3px solid var(--color-chart-blue)}.notification__icon{width:16px;height:16px;flex-shrink:0}.notification.exiting{animation:notification-out .3s ease forwards}@keyframes notification-in{0%{opacity:0;transform:translate(40px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes notification-out{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(40px) scale(.9)}}.hero-chip-dot{animation:pulse-glow 2.4s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.sidebar-logo{animation:float-subtle 4s ease-in-out infinite}@keyframes float-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.timeline-now-indicator{animation:now-pulse 2s ease-in-out infinite}@keyframes now-pulse{0%,to{box-shadow:0 2px 8px #0003}50%{box-shadow:0 2px 16px #1c1c1e59}}.surface-heat-bar__fill{background-size:200% 100%;animation:shimmer-heat 3s ease-in-out infinite}@keyframes shimmer-heat{0%{background-position:0% 0%}50%{background-position:100% 0%}to{background-position:0% 0%}}.cognitive-band__bar-fill{animation:breathe-bar 4s ease-in-out infinite}@keyframes breathe-bar{0%,to{opacity:1}50%{opacity:.75}}@media (max-width: 1200px){.signal-strip,.activity-grid{grid-template-columns:repeat(2,1fr)}.seasonal-cards{grid-template-columns:1fr}.hero-right{display:none}}@media (max-width: 768px){.signal-strip,.activity-grid{grid-template-columns:1fr}.hero-panel{height:auto;min-height:180px;padding:var(--space-6);border-radius:var(--radius-card)}.hero-time-primary{font-size:24px}}.aceternity-spotlight{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:0;transition:opacity .4s ease;pointer-events:none;border-radius:inherit}.sparkles-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:2}.sparkle-particle{position:absolute;background:#ffffffb3;border-radius:50%;animation:sparkle-float ease-in-out infinite;pointer-events:none}@keyframes sparkle-float{0%{opacity:0;transform:translateY(100%) scale(0)}20%{opacity:1;transform:translateY(60%) scale(1)}80%{opacity:.6;transform:translateY(-20%) scale(.8)}to{opacity:0;transform:translateY(-100%) scale(0)}}.moving-border-effect{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;z-index:-1;background:conic-gradient(from var(--angle, 0deg),transparent 60%,rgba(111,106,94,.15) 75%,rgba(76,175,80,.2) 85%,transparent 95%);animation:rotate-border 4s linear infinite;pointer-events:none}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes rotate-border{to{--angle: 360deg}}.hero-gradient-animation{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(-45deg,#fff0,#ffffff08,#fff0,#ffffff08,#fff0);background-size:400% 400%;pointer-events:none;z-index:0;border-radius:inherit}.text-generate-char{display:inline-block;opacity:0;filter:blur(4px);animation:text-reveal .4s ease forwards}@keyframes text-reveal{to{opacity:1;filter:blur(0)}}.meteor-line{position:absolute;width:60px;height:1px;background:linear-gradient(90deg,rgba(76,175,80,.4),transparent);transform:rotate(-45deg);animation:meteor-fall linear forwards;pointer-events:none;z-index:0}@keyframes meteor-fall{0%{opacity:0;transform:translate(-30px) translateY(-30px) rotate(-45deg)}10%{opacity:1}80%{opacity:.3}to{opacity:0;transform:translate(200px) translateY(200px) rotate(-45deg)}}.sidebar-glow-effect{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:inherit;background:radial-gradient(circle,rgba(111,106,94,.15) 0%,transparent 70%);animation:glow-pulse 3s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes glow-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.15)}}.settings-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:500;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.settings-modal-overlay.visible{opacity:1;pointer-events:all}.settings-modal{background:var(--color-bg-elevated);border-radius:var(--radius-hero);padding:var(--space-8);width:480px;max-width:90vw;box-shadow:0 24px 80px #00000026;transform:scale(.95) translateY(10px);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.settings-modal-overlay.visible .settings-modal{transform:scale(1) translateY(0)}.settings-modal__title{font-size:20px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.settings-modal__desc{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6)}.settings-modal__group{margin-bottom:var(--space-5)}.settings-modal__label{display:block;font-size:var(--font-size-meta);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.5px}.settings-modal__input{width:100%;height:44px;padding:0 var(--space-4);border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-primary);background:var(--color-bg);transition:all var(--transition-base);outline:none}.settings-modal__input:focus{border-color:var(--color-hero-start);box-shadow:0 0 0 3px #6f6a5e1f}.settings-modal__input::placeholder{color:var(--color-text-tertiary)}.settings-modal__actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6)}.settings-modal__btn{height:40px;padding:0 var(--space-5);border-radius:var(--radius-sm);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.settings-modal__btn--cancel{background:var(--color-bg);color:var(--color-text-secondary);border:none}.settings-modal__btn--cancel:hover{background:#0000000a}.settings-modal__btn--save{background:linear-gradient(135deg,var(--color-hero-start),var(--color-hero-end));color:#fff;border:none;box-shadow:0 2px 8px #6f6a5e4d}.settings-modal__btn--save:hover{box-shadow:0 4px 16px #6f6a5e66;transform:translateY(-1px)}.settings-status{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);font-size:var(--font-size-meta)}.settings-status--connected{color:var(--color-success-text)}.settings-status--mock{color:var(--color-warning-text)}.settings-status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.settings-status--connected .settings-status-dot{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.settings-status--mock .settings-status-dot{background:var(--color-warning)}.data-source-badge{position:fixed;bottom:var(--space-4);right:var(--space-4);z-index:50;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);font-size:var(--font-size-micro);font-weight:var(--font-weight-medium);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all var(--transition-base);cursor:pointer}.data-source-badge:hover{transform:translateY(-2px)}.data-source-badge--live{background:#4caf501f;color:var(--color-success-text);border:1px solid rgba(76,175,80,.2)}.data-source-badge--mock{background:#f5a6231f;color:var(--color-warning-text);border:1px solid rgba(245,166,35,.2)}.data-source-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.data-source-badge--live .data-source-dot{background:var(--color-success);animation:pulse-glow 2s ease-in-out infinite}.data-source-badge--mock .data-source-dot{background:var(--color-warning)}.last-updated{font-size:var(--font-size-micro);color:var(--color-text-tertiary);text-align:center;padding:var(--space-4) 0 var(--space-2)}