:root{--color-bg: #0F0F0F;--color-text-primary: #D1D1D1;--color-text-secondary: #6E6E6E;--color-signal: #0047FF;--color-warning: #FF4D00;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--font-header: "Space Grotesk", sans-serif;--font-body: "IBM Plex Mono", monospace;--grid-unit: 8px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text-primary);line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-header);font-weight:700;line-height:1.2;letter-spacing:-.02em}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{font-family:var(--font-body);font-weight:400;font-size:.875rem;line-height:1.6}#app{min-height:100vh;display:flex;flex-direction:column}.header{border-bottom:1px solid var(--color-text-secondary);padding:var(--space-md) var(--space-lg);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background-color:var(--color-bg);z-index:100}.logo{font-size:1.25rem;color:var(--color-text-primary)}.main-content{flex:1;padding:var(--space-xl) var(--space-lg);max-width:1400px;width:100%;margin:0 auto}.btn{font-family:var(--font-body);font-weight:500;font-size:.875rem;padding:var(--space-sm) var(--space-md);border:1px solid;background:transparent;cursor:pointer;transition:all .15s ease;text-transform:uppercase;letter-spacing:.05em}.btn-primary{color:var(--color-signal);border-color:var(--color-signal)}.btn-primary:hover:not(:disabled){background-color:var(--color-signal);color:var(--color-bg)}.btn-primary:disabled{opacity:.3;cursor:not-allowed}.btn-secondary{color:var(--color-text-secondary);border-color:var(--color-text-secondary)}.btn-secondary:hover{color:var(--color-text-primary);border-color:var(--color-text-primary)}.btn-warning{color:var(--color-warning);border-color:var(--color-warning)}.form-container{max-width:700px;margin:0 auto}.progress-bar{width:100%;height:2px;background-color:var(--color-text-secondary);margin-bottom:var(--space-xl);position:relative;overflow:hidden}.progress-fill{height:100%;background-color:var(--color-signal);transition:width .3s ease;width:0%}.step-indicator{text-align:center;color:var(--color-text-secondary);font-size:.75rem;margin-bottom:var(--space-lg);text-transform:uppercase;letter-spacing:.1em}.form-content{margin-bottom:var(--space-xl)}.form-step{display:none;animation:fadeIn .3s ease}.form-step.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-step h2{margin-bottom:var(--space-sm)}.form-step p{color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-xs);color:var(--color-text-primary)}.form-input,.form-select{font-family:var(--font-body);width:100%;padding:var(--space-sm);background-color:transparent;border:1px solid var(--color-text-secondary);color:var(--color-text-primary);font-size:1rem;transition:border-color .15s ease}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-signal)}.form-input::placeholder{color:var(--color-text-secondary)}.form-input[type=number]{-moz-appearance:textfield}.form-input[type=number]::-webkit-inner-spin-button,.form-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.input-unit{position:relative}.input-unit-label{position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);color:var(--color-text-secondary);font-size:.875rem;pointer-events:none}.form-navigation{display:flex;justify-content:space-between;gap:var(--space-md);border-top:1px solid var(--color-text-secondary);padding-top:var(--space-lg)}.custom-activities{border:1px solid var(--color-text-secondary);padding:var(--space-md);margin-top:var(--space-md)}.custom-activity-item{display:grid;grid-template-columns:1fr auto auto;gap:var(--space-sm);align-items:center;margin-bottom:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-text-secondary)}.custom-activity-item:last-child{border-bottom:none;margin-bottom:0}.btn-small{padding:var(--space-xs) var(--space-sm);font-size:.75rem}.visualizations-container{max-width:100%}.viz-nav{display:flex;gap:0;border-bottom:1px solid var(--color-text-secondary);margin-bottom:var(--space-xl);overflow-x:auto}.viz-nav-btn{font-family:var(--font-body);font-weight:500;font-size:.875rem;padding:var(--space-md) var(--space-lg);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease;white-space:nowrap}.viz-nav-btn:hover{color:var(--color-text-primary)}.viz-nav-btn.active{color:var(--color-signal);border-bottom-color:var(--color-signal)}.viz-content{position:relative}.viz-panel{display:none;animation:fadeIn .3s ease}.viz-panel.active{display:block}.viz-header{margin-bottom:var(--space-xl)}.viz-subtitle{color:var(--color-text-secondary);margin-top:var(--space-xs)}.grid-canvas{display:grid;grid-template-columns:repeat(52,1fr);gap:2px;margin-bottom:var(--space-xl);padding:var(--space-md);border:1px solid var(--color-text-secondary)}.grid-block{aspect-ratio:1;border:1px solid var(--color-text-secondary);transition:all .1s ease;cursor:pointer;position:relative}.grid-block:hover{transform:scale(1.2);z-index:10;border-color:var(--color-text-primary)}.grid-block.current-week{border:2px solid var(--color-signal);box-shadow:0 0 8px var(--color-signal);animation:pulse 2s ease-in-out infinite;z-index:5}.grid-block.current-week:hover{transform:scale(1.3)}@keyframes pulse{0%,to{box-shadow:0 0 8px var(--color-signal)}50%{box-shadow:0 0 16px var(--color-signal)}}.legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);padding:var(--space-md);border:1px solid var(--color-text-secondary)}.legend-item{display:flex;align-items:center;gap:var(--space-sm);font-size:.75rem}.legend-color{width:16px;height:16px;border:1px solid var(--color-text-secondary)}.timeline-canvas{padding:var(--space-md);border:1px solid var(--color-text-secondary)}.timeline-bar{height:40px;display:flex;margin-bottom:var(--space-sm);border:1px solid var(--color-text-secondary);overflow:hidden}.timeline-segment{height:100%;border-right:1px solid var(--color-bg);transition:opacity .2s ease;cursor:pointer;position:relative}.timeline-segment:hover{opacity:.8}.timeline-markers{display:flex;justify-content:space-between;padding:var(--space-sm) 0;color:var(--color-text-secondary);font-size:.75rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.stat-card{border:1px solid var(--color-text-secondary);padding:var(--space-lg);transition:border-color .15s ease}.stat-card:hover{border-color:var(--color-signal)}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.stat-value{font-size:2rem;font-family:var(--font-header);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.stat-detail{font-size:.75rem;color:var(--color-text-secondary)}.fun-facts{border:1px solid var(--color-text-secondary);padding:var(--space-lg)}.fun-facts h3{margin-bottom:var(--space-md);font-size:1.25rem}.fun-facts-list{display:grid;gap:var(--space-md)}.fun-fact{padding:var(--space-md);border-left:2px solid var(--color-signal);background-color:#0047ff0d}@media (max-width: 768px){.header{padding:var(--space-md)}.logo{font-size:1rem}.main-content{padding:var(--space-md)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.form-row{grid-template-columns:1fr}.grid-canvas{grid-template-columns:repeat(26,1fr);gap:1px;padding:var(--space-sm)}.stats-grid,.legend{grid-template-columns:1fr}.viz-nav{border-bottom:none}.viz-nav-btn{flex:1;padding:var(--space-sm);font-size:.75rem;border:1px solid var(--color-text-secondary);border-right:none}.viz-nav-btn:last-child{border-right:1px solid var(--color-text-secondary)}.viz-nav-btn.active{border-color:var(--color-signal);border-bottom-color:var(--color-signal)}}@media (max-width: 480px){.grid-canvas{grid-template-columns:repeat(13,1fr)}.stat-value{font-size:1.5rem}}.text-signal{color:var(--color-signal)}.text-warning{color:var(--color-warning)}.hidden{display:none}.tooltip{position:absolute;background-color:var(--color-bg);border:1px solid var(--color-signal);padding:var(--space-xs) var(--space-sm);font-size:.75rem;pointer-events:none;z-index:1000;white-space:nowrap;transform:translate(-50%,-120%)}.loading{display:inline-block;width:20px;height:20px;border:2px solid var(--color-text-secondary);border-top-color:var(--color-signal);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}