@import"https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--color-primary: var(--color-primary-main);--color-primary-dark: var(--color-primary-dark);--color-primary-light: var(--color-primary-light);--color-accent: var(--color-secondary-main);--color-accent-light: var(--color-secondary-light);--color-highlight: var(--color-highlight-main);--color-highlight-soft: var(--color-highlight-soft);--color-dark: var(--color-neutral-900);--color-dark-soft: var(--color-neutral-800);--color-text: var(--color-text-primary);--color-text-muted: var(--color-text-tertiary);--color-text-light: var(--color-text-light);--color-bg: var(--color-background-warm);--color-bg-warm: #f5f3f0;--color-white: var(--color-background-primary);--color-border: var(--color-border-warm);--color-border-light: #eae7e2;--color-success: var(--color-success-main);--color-warning: var(--color-warning-main);--color-danger: var(--color-danger-main);--font-display: var(--font-fontFamily-display);--font-body: var(--font-fontFamily-body);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4rem;--space-3xl: 6rem;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .15);--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:1rem;line-height:1.7;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}[x-cloak]{display:none!important}.container{max-width:1100px;margin:0 auto;padding:0 var(--space-lg)}.main-content{overflow-x:hidden}.header{background:var(--color-white);border-bottom:1px solid var(--color-border-light);padding:var(--space-md) 0;position:sticky;top:0;z-index:100}.header .container{display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--color-dark);letter-spacing:-.02em}.logo .dot{color:var(--color-primary)}.header-nav{display:flex;align-items:center;gap:var(--space-md)}.nav-link{font-family:var(--font-display);font-size:.9375rem;font-weight:500;color:var(--color-text);text-decoration:none;transition:color var(--transition-base)}.nav-link:hover{color:var(--color-primary)}.nav-btn-primary{display:inline-block;padding:.625rem 1.25rem;font-family:var(--font-display);font-size:.9375rem;font-weight:600;color:var(--color-white);background:var(--color-primary);border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition-base)}.nav-btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}@media (max-width: 480px){.header-nav{gap:var(--space-sm)}.nav-link{font-size:.875rem}.nav-btn-primary{padding:.5rem 1rem;font-size:.875rem}}.hero{padding:var(--space-3xl) 0 var(--space-2xl);text-align:center;background:linear-gradient(180deg,var(--color-white) 0%,var(--color-bg) 100%)}.headline{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1.1;color:var(--color-dark);margin-bottom:var(--space-md);letter-spacing:-.02em}.highlight{position:relative;display:inline;background:linear-gradient(180deg,transparent 60%,var(--color-highlight-soft) 60%);padding:0 .1em}.subhead{font-size:1.25rem;color:var(--color-text-muted);max-width:700px;margin:0 auto;line-height:1.8}.hero-cards{display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:center;margin-top:var(--space-xl);max-width:820px;margin-left:auto;margin-right:auto}.hero-card{flex:1;min-width:280px;max-width:380px;background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border-light);display:flex;flex-direction:column;text-align:left}.hero-card-icon{font-size:2.5rem;margin-bottom:var(--space-sm)}.hero-card h3{font-family:var(--font-display);font-size:1.375rem;font-weight:600;color:var(--color-dark);margin-bottom:var(--space-xs)}.hero-card>p{font-size:.9375rem;color:var(--color-text-muted);margin-bottom:var(--space-md);line-height:1.5}.hero-card-features{list-style:none;margin-bottom:var(--space-md);flex:1}.hero-card-features li{display:flex;align-items:flex-start;gap:var(--space-xs);margin-bottom:.5rem;font-size:.875rem;color:var(--color-text-muted)}.hero-card-features li:before{content:"✓";color:var(--color-success);font-weight:600;flex-shrink:0}.hero-card-btn{display:block;width:100%;padding:.875rem;font-family:var(--font-display);font-size:1rem;font-weight:600;text-align:center;text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-base)}.hero-card-btn.primary{background:var(--color-primary);color:var(--color-white)}.hero-card-btn.primary:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.hero-card-btn.secondary{background:var(--color-accent);color:var(--color-white)}.hero-card-btn.secondary:hover{background:var(--color-accent-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.hero-card-hint{font-size:.75rem;color:var(--color-text-light);text-align:center;margin-top:var(--space-xs);margin-bottom:0}@media (max-width: 600px){.hero-cards{flex-direction:column;align-items:center}.hero-card{max-width:100%}}.footer{padding:var(--space-xl) 0;background:var(--color-dark);text-align:center}.footer p{font-size:.875rem;color:#ffffff80}.tools-section{padding:var(--space-2xl) 0 var(--space-3xl);background:var(--color-bg)}.section-title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;color:var(--color-dark);text-align:center;margin-bottom:var(--space-sm)}.section-subtitle{font-size:1.125rem;color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-xl);max-width:600px;margin-left:auto;margin-right:auto}.tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}@media (max-width: 768px){.tools-grid{grid-template-columns:1fr}}.tool-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base)}.tool-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.tool-card.active{border-color:var(--color-primary);box-shadow:var(--shadow-lg);grid-column:1 / -1}.tool-card-header{width:100%;display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);text-align:left;transition:background var(--transition-fast)}.tool-card-header:hover{background:var(--color-bg-warm)}.tool-card-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-bg);border-radius:var(--radius-md);color:var(--color-primary)}.tool-card-icon svg{width:24px;height:24px}.tool-card-content{flex:1}.tool-card-content h4{font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--color-dark);margin-bottom:.25rem}.tool-card-content p{font-size:.9375rem;color:var(--color-text-muted)}.tool-card-arrow{flex-shrink:0;color:var(--color-text-light);transition:transform var(--transition-base)}.tool-card.active .tool-card-arrow{transform:rotate(180deg)}.tool-card-arrow svg{width:20px;height:20px}.tool-panel{border-top:1px solid var(--color-border-light);background:var(--color-bg-warm)}.tool-panel-inner{padding:var(--space-lg)}.tool-header-actions{display:flex;justify-content:flex-end;margin-bottom:var(--space-sm)}.btn-clear-top{padding:.25rem .75rem;font-size:.8rem;color:var(--gray-500);background:transparent;border:1px solid var(--gray-300);border-radius:4px;cursor:pointer;transition:all .2s ease}.btn-clear-top:hover{color:var(--gray-700);border-color:var(--gray-400);background:var(--gray-100)}.tool-inputs{max-width:600px}.input-group{margin-bottom:var(--space-md)}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-md)}@media (max-width: 500px){.input-row{grid-template-columns:1fr}}.input-label{display:block;font-size:.9375rem;font-weight:500;color:var(--color-text);margin-bottom:var(--space-xs)}.input-label strong{color:var(--color-primary)}.input-select,.input-text{width:100%;padding:.75rem 1rem;font-size:1rem;color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input-select:focus,.input-text:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #b64e081a}.input-select.small{width:auto;min-width:120px}.input-slider{width:100%;height:6px;background:var(--color-border);border-radius:var(--radius-full);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.input-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--color-primary);border-radius:50%;cursor:pointer;transition:transform var(--transition-fast)}.input-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.input-slider::-moz-range-thumb{width:20px;height:20px;background:var(--color-primary);border:none;border-radius:50%;cursor:pointer}.slider-labels{display:flex;justify-content:space-between;font-size:.8125rem;color:var(--color-text-light);margin-top:.25rem}.checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}@media (max-width: 500px){.checkbox-grid{grid-template-columns:1fr}}.checkbox-item{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;color:var(--color-text);cursor:pointer}.checkbox-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary)}.toggle-row{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.toggle-item{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer}.toggle-input{display:none}.toggle-switch{position:relative;width:44px;height:24px;background:var(--color-border);border-radius:var(--radius-full);transition:background var(--transition-base)}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--color-white);border-radius:50%;transition:transform var(--transition-base);box-shadow:var(--shadow-sm)}.toggle-input:checked+.toggle-switch{background:var(--color-primary)}.toggle-input:checked+.toggle-switch:after{transform:translate(20px)}.toggle-label{font-size:.9375rem;color:var(--color-text)}.dynamic-list{display:flex;flex-direction:column;gap:var(--space-sm)}.function-row{display:flex;gap:var(--space-sm);align-items:center}.function-row .input-text{flex:1}.remove-btn,.add-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;font-size:.875rem;color:var(--color-text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.remove-btn:hover{color:var(--color-danger);background:#e539351a}.add-btn{padding:.75rem 1rem;color:var(--color-primary)}.add-btn:hover{background:#b64e081a}.add-btn svg,.remove-btn svg{width:16px;height:16px}.function-checklist{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-sm)}.function-check-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.function-check-row:hover{border-color:var(--color-primary-light)}.function-check-row.disabled{opacity:.5;background:var(--color-bg)}.function-check-row .checkbox-label{display:flex;align-items:center;gap:var(--space-sm);flex:1;cursor:pointer;min-width:0}.function-check-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);flex-shrink:0}.function-check-row .checkbox-text{font-size:.9375rem;color:var(--color-text)}.function-check-row .checkbox-category{font-size:.75rem;color:var(--color-text-muted);background:var(--color-bg);padding:.125rem .5rem;border-radius:var(--radius-sm);flex-shrink:0}.function-check-row .input-select{flex-shrink:0}.function-check-row .input-select:disabled{opacity:.5;cursor:not-allowed}.input-hint{font-size:.8125rem;color:var(--color-text-muted);margin-top:var(--space-xs);font-style:italic}@media (max-width: 600px){.function-check-row{flex-wrap:wrap}.function-check-row .checkbox-label{width:100%;margin-bottom:var(--space-xs)}.function-check-row .input-select{margin-left:auto}}.calculate-btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--color-white);background:var(--color-primary);border-radius:var(--radius-full);transition:all var(--transition-base);margin-top:var(--space-sm)}.calculate-btn:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.calculate-btn:disabled{opacity:.5;cursor:not-allowed}.button-row{display:flex;gap:var(--space-sm);align-items:center;margin-top:var(--space-sm)}.clear-btn{padding:.75rem 1.5rem;font-family:var(--font-display);font-size:.9375rem;font-weight:500;color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-full);transition:all var(--transition-base)}.clear-btn:hover{border-color:var(--color-text-muted);color:var(--color-text);background:var(--color-white)}.tool-results{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.result-score{text-align:center;margin-bottom:var(--space-lg)}.score-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.score-value{font-family:var(--font-display);font-size:4rem;font-weight:700;line-height:1}.score-suffix{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--color-text-muted)}.result-score.good .score-value{color:var(--color-success)}.result-score.medium .score-value{color:var(--color-warning)}.result-score.poor .score-value{color:var(--color-danger)}.result-bar{height:8px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-lg);max-width:400px;margin-left:auto;margin-right:auto}.result-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-danger),var(--color-warning),var(--color-success));border-radius:var(--radius-full);transition:width 1.5s ease-out}.result-comparison{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-lg)}@media (max-width: 500px){.result-comparison{grid-template-columns:1fr}}.comparison-column h5{font-family:var(--font-display);font-size:.9375rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-sm)}.comparison-column ul{list-style:none}.comparison-column li{padding:.375rem 0;font-size:.9375rem;color:var(--color-text);border-bottom:1px solid var(--color-border-light)}.comparison-column li.missing{color:var(--color-danger);font-weight:500}.cost-comparison{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-lg)}@media (max-width: 600px){.cost-comparison{grid-template-columns:1fr}}.cost-column{background:var(--color-white);border-radius:var(--radius-md);padding:var(--space-md)}.cost-column.estimate{border:1px solid var(--color-border)}.cost-column.reality{border:2px solid var(--color-primary);background:#b64e0805}.cost-column h5{font-family:var(--font-display);font-size:.9375rem;font-weight:600;margin-bottom:var(--space-sm);color:var(--color-text)}.cost-breakdown{display:flex;flex-direction:column;gap:.5rem}.cost-row{display:flex;justify-content:space-between;font-size:.875rem;color:var(--color-text-muted)}.cost-row.total{padding-top:var(--space-sm);margin-top:var(--space-xs);border-top:1px solid var(--color-border);font-weight:600;font-size:1rem;color:var(--color-text)}.cost-column.reality .cost-row.total{color:var(--color-primary);font-size:1.25rem}.time-breakdown{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-lg)}.time-block{display:flex;flex-direction:column;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--color-white);border-radius:var(--radius-md);min-width:100px}.time-block.meetings{border-left:3px solid var(--color-accent)}.time-block.fragments{border-left:3px solid var(--color-text-light)}.time-block.switching{border-left:3px solid var(--color-warning)}.time-block.recovery{border-left:3px solid var(--color-text-muted)}.time-block.focus{border-left:3px solid var(--color-success);background:#22a8670d}.time-hours{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-dark)}.time-label{font-size:.75rem;color:var(--color-text-muted);text-align:center}.risk-badge{display:inline-block;padding:.5rem 1.5rem;font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:.05em;border-radius:var(--radius-full);margin-bottom:var(--space-lg)}.risk-badge.low{background:#22a8671a;color:var(--color-success)}.risk-badge.medium{background:#f5a6231a;color:var(--color-warning)}.risk-badge.high{background:#e539351a;color:var(--color-danger)}.vulnerability-list{margin-bottom:var(--space-lg)}.vulnerability-list h5{font-family:var(--font-display);font-size:.9375rem;font-weight:600;margin-bottom:var(--space-sm)}.vulnerability-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border-light)}.vuln-indicator{width:8px;height:8px;border-radius:50%}.vulnerability-item.high .vuln-indicator{background:var(--color-danger)}.vulnerability-item.medium .vuln-indicator{background:var(--color-warning)}.vulnerability-item.low .vuln-indicator{background:var(--color-success)}.vuln-name{font-weight:500;color:var(--color-text)}.vuln-detail{font-size:.875rem;color:var(--color-text-muted);margin-left:auto}.result-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}@media (max-width: 500px){.result-stats{grid-template-columns:1fr}}.stat{text-align:center;padding:var(--space-md);background:var(--color-white);border-radius:var(--radius-md)}.stat-value{display:block;font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--color-primary);margin-bottom:.25rem}.stat-label{display:block;font-size:.875rem;color:var(--color-text-muted)}.stat-benchmark{display:block;font-size:.75rem;color:var(--color-text-light);margin-top:.25rem}.result-insight{text-align:center;padding:var(--space-lg);background:var(--color-white);border-radius:var(--radius-lg);margin-bottom:var(--space-lg)}.result-insight.dramatic{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-white)}.insight-multiplier{font-family:var(--font-display);font-size:1.5rem;margin-bottom:var(--space-sm)}.insight-multiplier strong{font-size:2.5rem;font-weight:700}.insight-text{font-size:1.0625rem;line-height:1.6;color:var(--color-text)}.result-insight.dramatic .insight-text{color:#ffffffe6}.insight-subtext{font-size:.9375rem;color:var(--color-text-muted);margin-top:var(--space-sm)}.insight-factors{list-style:none;padding:0;margin:1rem 0 0;border-top:1px solid rgba(255,255,255,.15);padding-top:1rem}.insight-factor{font-size:.9375rem;padding:.375rem 0 .375rem 1.25rem;position:relative;color:#ffffffd9;line-height:1.5}.insight-factor:before{content:"→";position:absolute;left:0;color:#ffffff80}.time-estimate{font-size:1rem;color:var(--color-text-muted);margin-top:var(--space-sm)}.time-estimate strong{color:var(--color-primary);font-weight:600}.tool-cta{text-align:center;padding:var(--space-lg);background:var(--color-dark);border-radius:var(--radius-lg)}.tool-cta-text{font-size:1rem;color:#fffc;margin-bottom:var(--space-md)}.tool-cta-text strong{display:block;font-size:1.125rem;color:var(--color-white);margin-bottom:.5rem}.tool-cta-button{display:inline-block;padding:.875rem 2rem;font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--color-dark);background:var(--color-highlight);border-radius:var(--radius-full);transition:all var(--transition-base)}.tool-cta-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.result-breakdown{margin:var(--space-lg) 0;padding:var(--space-md);background:var(--color-white);border-radius:var(--radius-md)}.breakdown-title{font-family:var(--font-display);font-size:.9375rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-sm);display:flex;align-items:center;gap:var(--space-sm)}.breakdown-hint{font-size:.75rem;font-weight:400;color:var(--color-text-light)}.cost-row.expandable{cursor:pointer;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);margin:0 calc(-1 * var(--space-sm));border-radius:var(--radius-sm);transition:background var(--transition-fast)}.cost-row.expandable:hover{background:var(--color-bg-warm)}.cost-row.expandable span:first-child{flex:1}.cost-row.expandable span:nth-child(2){font-weight:500;color:var(--color-text)}.expand-icon{width:16px;height:16px;color:var(--color-text-light);transition:transform var(--transition-base);flex-shrink:0}.cost-row.expanded .expand-icon{transform:rotate(180deg)}.cost-breakdown-detail{background:var(--color-bg);border-left:3px solid var(--color-primary);padding:var(--space-md);margin:var(--space-xs) 0 var(--space-sm);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.875rem}.breakdown-formula{margin-bottom:var(--space-sm)}.formula-step{display:flex;gap:var(--space-sm);padding:.375rem 0;align-items:flex-start}.step-label{color:var(--color-text-muted);min-width:100px;flex-shrink:0;font-size:.8125rem}.step-value{color:var(--color-text);flex:1}.formula-step.result{border-top:1px solid var(--color-border);margin-top:var(--space-xs);padding-top:var(--space-sm);font-weight:600}.breakdown-source{display:flex;align-items:flex-start;gap:var(--space-xs);padding-top:var(--space-sm);border-top:1px dashed var(--color-border);color:var(--color-text-light);font-size:.8125rem;line-height:1.5}.breakdown-source svg{width:14px;height:14px;flex-shrink:0;margin-top:2px}.breakdown-source.citation{border-top:none;padding-top:var(--space-xs);font-style:italic}.source-label{font-weight:500;font-style:normal}.breakdown-source.methodology{margin-top:var(--space-md);padding:var(--space-sm);background:var(--color-bg-warm);border-radius:var(--radius-sm);border-top:none}.breakdown-summary{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm);margin-top:var(--space-sm);background:var(--color-bg);border-radius:var(--radius-sm);font-size:.875rem;color:var(--color-text-muted)}.drift-penalty{color:var(--color-danger)}.skill-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.skill-indicator.matched{background:var(--color-success)}.skill-indicator.missing{background:var(--color-border);border:2px solid var(--color-text-light)}.skill-name{flex:1;font-weight:500}.skill-importance{display:flex;gap:3px;margin-right:var(--space-sm)}.importance-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border);transition:background var(--transition-fast)}.importance-dot.filled{background:var(--color-primary)}.cost-row.has-skill{background:#22a8670d}.cost-row.has-skill:hover{background:#22a8671a}@media (max-width: 600px){.formula-step{flex-direction:column;gap:.25rem}.step-label{min-width:auto}.breakdown-summary{flex-direction:column;gap:var(--space-xs);align-items:flex-start}.skill-importance{display:none}}.pain-points{padding:var(--space-3xl) 0;background:var(--color-dark);color:var(--color-white)}.pain-points h3{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:600;text-align:center;margin-bottom:var(--space-xl)}.accordion{list-style:none;max-width:700px;margin:0 auto}.accordion li{margin-bottom:var(--space-sm)}.accordion-header{width:100%;display:flex;align-items:center;padding:var(--space-md);text-align:left;background:#ffffff0d;border-radius:var(--radius-md);transition:background var(--transition-base)}.accordion-header:hover{background:#ffffff1a}.accordion-header strong{font-family:var(--font-display);font-size:1.0625rem;font-weight:500;color:var(--color-white)}.accordion-content{max-height:0;overflow:hidden;transition:max-height var(--transition-slow),padding var(--transition-slow);padding:0 var(--space-md);font-size:.9375rem;color:#ffffffb3;line-height:1.7}.accordion-content.open{max-height:200px;padding:var(--space-sm) var(--space-md) var(--space-md)}.features{padding:var(--space-3xl) 0;background:var(--color-bg)}.features h3{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;color:var(--color-dark);text-align:center;margin-bottom:var(--space-sm)}.features-intro{font-size:1.125rem;color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-xl)}.features-list{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);max-width:800px;margin:0 auto}@media (max-width: 600px){.features-list{grid-template-columns:1fr}}.features-list li{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-white);border-radius:var(--radius-md);font-size:1rem;color:var(--color-text);box-shadow:var(--shadow-sm)}.feature-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-bg);border-radius:var(--radius-sm);color:var(--color-primary)}.feature-icon svg{width:20px;height:20px}.demo-cta{padding:var(--space-3xl) 0;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);text-align:center;color:var(--color-white)}.demo-cta h3{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:600;margin-bottom:var(--space-sm)}.demo-cta p{font-size:1.125rem;opacity:.9;margin-bottom:var(--space-lg)}.demo-button{display:inline-block;padding:1rem 2.5rem;font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--color-primary);background:var(--color-white);border-radius:var(--radius-full);transition:all var(--transition-base)}.demo-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.auth-notice{font-size:.875rem;opacity:.7;margin-top:var(--space-sm)}.cta{padding:var(--space-3xl) 0;background:var(--color-accent);color:var(--color-white)}.cta h3{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:600;text-align:center;margin-bottom:var(--space-sm)}.cta>.container>p{text-align:center;font-size:1.125rem;opacity:.9;margin-bottom:var(--space-xl)}.fs-form{max-width:500px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-md)}.fs-field{display:flex;flex-direction:column;gap:.5rem}.fs-label{font-weight:500;font-size:.9375rem}.fs-input,.fs-textarea{padding:.875rem 1rem;font-size:1rem;color:var(--color-text);background:var(--color-white);border:none;border-radius:var(--radius-md);transition:box-shadow var(--transition-fast)}.fs-input:focus,.fs-textarea:focus{outline:none;box-shadow:0 0 0 3px #ffffff4d}.fs-textarea{min-height:120px;resize:vertical}.fs-description{font-size:.8125rem;opacity:.8}.fs-button-group{display:flex;justify-content:center;margin-top:var(--space-sm)}.fs-button{padding:.875rem 2.5rem;font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--color-accent);background:var(--color-white);border-radius:var(--radius-full);transition:all var(--transition-base)}.fs-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.calendly-section{padding:var(--space-3xl) 0;background:var(--color-bg-warm)}.calendly-section h3{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:600;color:var(--color-dark);text-align:center;margin-bottom:var(--space-lg)}.calendly-inline-widget{border-radius:var(--radius-lg);overflow:hidden}.org-pyramid{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--space-md) 0}.pyramid-layer{display:flex;align-items:center;justify-content:center;height:40px;border:2px solid var(--color-border);background:var(--color-white);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);position:relative}.pyramid-layer.layer-5{width:30%;min-width:120px}.pyramid-layer.layer-4{width:45%;min-width:160px}.pyramid-layer.layer-3{width:60%;min-width:200px}.pyramid-layer.layer-2{width:75%;min-width:240px}.pyramid-layer.layer-1{width:90%;min-width:280px}.layer-label{font-family:var(--font-display);font-size:.8125rem;font-weight:600;color:var(--color-text);white-space:nowrap}.pyramid-layer:hover:not(.disabled):not(.is-current):not(.is-goal){border-color:var(--color-primary-light);background:var(--color-bg-warm);transform:scale(1.02)}.pyramid-layer.is-current{background:var(--color-primary);border-color:var(--color-primary-dark);box-shadow:0 2px 8px #b64e084d}.pyramid-layer.is-current .layer-label{color:var(--color-white)}.pyramid-layer.is-goal{background:#22a8671a;border-color:var(--color-success);border-width:3px;box-shadow:0 2px 8px #22a86733}.pyramid-layer.is-goal .layer-label{color:var(--color-success);font-weight:700}.pyramid-layer.is-above:not(.is-goal):not(.disabled){border-color:var(--color-border);background:var(--color-bg-warm)}.pyramid-layer.is-above:not(.is-goal):not(.disabled):hover{border-color:var(--color-success);background:#22a8670d}.pyramid-layer.is-below,.pyramid-layer.disabled{opacity:.4;cursor:not-allowed}.pyramid-layer.disabled:hover{transform:none}.pyramid-legend{display:flex;gap:var(--space-md);margin-top:var(--space-sm);font-size:.75rem;color:var(--color-text-muted)}.legend-item{display:flex;align-items:center;gap:.375rem}.legend-dot{width:12px;height:12px;border-radius:3px}.legend-dot.current{background:var(--color-primary)}.legend-dot.goal{background:#22a86733;border:2px solid var(--color-success)}.pyramid-hint{text-align:center;font-size:.8125rem;color:var(--color-text-light);margin-top:var(--space-sm)}.skills-selection{margin-top:var(--space-sm)}.skill-level-group{margin-bottom:var(--space-xs);padding:var(--space-sm);background:var(--color-white);border-radius:var(--radius-sm);border:1px solid var(--color-border-light)}.skill-level-group.skill-level-current{background:var(--color-bg-warm);border-left:3px solid var(--color-primary);border-color:var(--color-primary)}.skill-level-group.skill-level-below{opacity:.7}.skill-group-header{font-family:var(--font-display);font-size:.75rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-xs);display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.level-tag{font-size:.625rem;font-weight:500;padding:.0625rem .375rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.02em}.level-tag.below{background:var(--color-text-muted);color:var(--color-white)}.level-tag.current{background:var(--color-primary);color:var(--color-white)}.level-tag.above{background:var(--color-success);color:var(--color-white)}.skill-checkboxes{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.skill-checkbox{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .5rem;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);background:#00000005;border:1px solid transparent}.skill-checkbox:hover{background:#0000000d;border-color:var(--color-border)}.skill-checkbox:has(input:checked){background:#b64e081a;border-color:var(--color-primary-light)}.skill-checkbox input[type=checkbox]{width:14px;height:14px;accent-color:var(--color-primary);cursor:pointer;margin:0}.skill-checkbox span{font-size:.8125rem;color:var(--color-text);white-space:nowrap}.skill-checkbox.highlighted{font-weight:500}.skill-checkbox.greyed{opacity:.6}.skill-checkbox.greyed:hover{opacity:.8}.skill-checkbox.greyed:has(input:checked){background:#f5a62326;border-color:var(--color-warning)}.skill-checkbox.greyed input:checked+span{color:var(--color-warning)}.road-visualization{margin-bottom:var(--space-lg)}.road-container{position:relative;background:var(--color-bg);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-md)}.road-svg{width:100%;height:auto;display:block}.trajectory-arrow{transition:all .5s ease-out}.trajectory-arrow .arrow-shaft{transition:d .5s ease-out,stroke .3s ease-out}.trajectory-arrow .arrow-head{transition:d .5s ease-out,fill .3s ease-out}.trajectory-arrow .arrow-glow{transition:d .5s ease-out,stroke .3s ease-out;filter:blur(2px)}.speedometer{position:absolute;bottom:12px;right:16px;width:180px;height:105px;background:#fffffff2;border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:8px}.speedo-track{fill:none;stroke:#e0e0e0;stroke-width:8;stroke-linecap:round}.speedo-needle{stroke:#333;stroke-width:3;stroke-linecap:round;transition:x2 .6s ease-out,y2 .6s ease-out,stroke .3s ease}.speedo-needle.good{stroke:var(--color-success)}.speedo-needle.medium{stroke:var(--color-warning)}.speedo-needle.poor{stroke:var(--color-danger)}.speedo-hub{fill:#333;transition:fill .3s ease}.speedo-hub.good{fill:var(--color-success)}.speedo-hub.medium{fill:var(--color-warning)}.speedo-hub.poor{fill:var(--color-danger)}.speedo-value{font-size:14px;font-weight:700;fill:var(--color-text)}.speedo-label{font-size:10px;font-weight:600;fill:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.trajectory-scores{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.score-card{padding:var(--space-md);background:var(--color-white);border-radius:var(--radius-md);text-align:center;border:2px solid var(--color-border-light);transition:all var(--transition-base);cursor:pointer}.score-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.score-card.expanded{grid-column:1 / -1}.score-card.good{border-color:var(--color-success)}.score-card.medium{border-color:var(--color-warning)}.score-card.poor{border-color:var(--color-danger)}.score-card-header{display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.score-card .score-label{display:block;font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.score-card .click-hint{font-size:.625rem;color:var(--color-text-light);font-weight:400;text-transform:none;letter-spacing:normal}.score-card .score-value{display:block;font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--color-text)}.score-card.good .score-value{color:var(--color-success)}.score-card.medium .score-value{color:var(--color-warning)}.score-card.poor .score-value{color:var(--color-danger)}.score-card .score-desc{display:block;font-size:.8125rem;color:var(--color-text-muted);margin-top:var(--space-xs);line-height:1.4}.score-suggestions{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border-light);text-align:left}.score-suggestions h6{font-family:var(--font-display);font-size:.8125rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-sm)}.suggestion-list{list-style:none;padding:0;margin:0}.suggestion-list li{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-xs) 0;font-size:.8125rem;color:var(--color-text);line-height:1.4}.suggestion-list li:before{content:"→";color:var(--color-primary);font-weight:600;flex-shrink:0}.suggestion-list li.positive:before{content:"✓";color:var(--color-success)}.suggestion-list li.warning:before{content:"!";color:var(--color-warning)}.suggestion-list li.info:before{content:"i";color:var(--color-accent)}.trajectory-journey{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-white);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.journey-from,.journey-to{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--color-text)}.journey-arrow{font-size:1.5rem;color:var(--color-primary)}.transition-label{font-size:.9375rem;color:var(--color-text-muted);margin-bottom:var(--space-md);text-align:center}.transition-label strong{color:var(--color-text)}.promotion-assessment{margin-top:var(--space-md)}.assessment-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}@media (max-width: 800px){.assessment-grid{grid-template-columns:1fr}}.assessment-section{background:var(--color-white);border-radius:var(--radius-md);padding:var(--space-md);border:1px solid var(--color-border-light)}.factors-section{border-left:3px solid var(--color-success)}.blockers-section{border-left:3px solid var(--color-warning)}.section-header{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-display);font-size:.9375rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-md);padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border-light)}.section-icon{font-size:1.125rem}.factors-section .section-icon{color:var(--color-success)}.blockers-section .section-icon{color:var(--color-warning)}.section-hint{font-weight:400;font-size:.8125rem;color:var(--color-text-muted);margin-left:auto}.question-category{margin-bottom:var(--space-md)}.question-category:last-child{margin-bottom:0}.category-label{font-size:.8125rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:var(--space-xs)}.question-list{display:flex;flex-direction:column;gap:var(--space-xs)}.promotion-question{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-bg);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.promotion-question:hover{background:var(--color-bg-warm)}.promotion-question:has(input:checked){border-color:var(--color-border)}.factor-question:has(input:checked){background:#22a86714;border-color:var(--color-success)}.blocker-question:has(input:checked){background:#f5a62314;border-color:var(--color-warning)}.promotion-question input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:var(--color-primary);flex-shrink:0}.question-text{flex:1;font-size:.9375rem;line-height:1.4;color:var(--color-text)}.question-weight{font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);flex-shrink:0}.factor-weight{background:#22a86726;color:var(--color-success)}.blocker-weight{background:#f5a62326;color:#c78100}.quadrant-badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);margin-bottom:var(--space-md);font-family:var(--font-display);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.quadrant-badge.success{background:#22a86726;color:var(--color-success);border:1px solid var(--color-success)}.quadrant-badge.warning{background:#f5a62326;color:#c78100;border:1px solid var(--color-warning)}.quadrant-badge.info{background:#0077ff1a;color:var(--color-accent);border:1px solid var(--color-accent)}.quadrant-badge.neutral{background:var(--color-bg-warm);color:var(--color-text-muted);border:1px solid var(--color-border)}@media (max-width: 600px){.section-header{flex-wrap:wrap}.section-hint{width:100%;margin-left:0;margin-top:var(--space-xs)}.promotion-question{flex-wrap:wrap}.question-weight{margin-left:auto}.quadrant-badge{display:flex;width:100%;justify-content:center}}.job-family-selector{margin-bottom:var(--space-md)}.job-family-options{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.job-family-btn{padding:var(--space-xs) var(--space-sm);font-size:.8125rem;font-weight:500;color:var(--color-text-muted);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.job-family-btn:hover{background:var(--color-bg-warm);border-color:var(--color-text-muted)}.job-family-btn.active{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.onet-section{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.onet-toggle{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);font-size:.9375rem;font-weight:600;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.onet-toggle:hover{background:var(--color-bg-warm)}.onet-toggle-icon{font-size:.75rem;transition:transform .2s ease}.onet-toggle.expanded .onet-toggle-icon{transform:rotate(90deg)}.onet-toggle-text{flex:1;text-align:left}.onet-badge{font-size:.6875rem;font-weight:500;padding:2px 8px;background:#1a4480;color:#fff;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.02em}.onet-content{margin-top:var(--space-md);padding:var(--space-md);background:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border)}.onet-intro{font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--space-md)}.onet-link{color:var(--color-primary);text-decoration:none;font-weight:500}.onet-link:hover{text-decoration:underline}.skill-gaps{display:flex;flex-direction:column;gap:var(--space-md)}.skill-gap-item{padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.skill-gap-item:last-child{border-bottom:none;padding-bottom:0}.skill-gap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.skill-name{font-weight:600;font-size:.875rem;color:var(--color-text)}.skill-delta{font-size:.75rem;font-weight:600;color:var(--color-primary);background:#8c52ff1a;padding:2px 8px;border-radius:var(--radius-full)}.skill-gap-bars{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.skill-bar-container{flex:1;height:8px;background:var(--color-bg-warm);border-radius:var(--radius-full);position:relative;overflow:hidden}.skill-bar{height:100%;border-radius:var(--radius-full);position:absolute;top:0;left:0;transition:width .5s ease-out}.skill-bar-from{background:var(--color-border);z-index:1}.skill-bar-to{background:linear-gradient(90deg,var(--color-primary),var(--color-accent));z-index:2}.skill-values{font-size:.75rem;color:var(--color-text-muted);white-space:nowrap;min-width:60px;text-align:right}.skill-description{font-size:.75rem;color:var(--color-text-light);line-height:1.4;margin:0}.onet-benchmarks{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-sm)}.benchmark-item{display:flex;align-items:center;gap:var(--space-sm);font-size:.8125rem;color:var(--color-text-muted)}.benchmark-icon{font-size:1rem}.onet-link-full{display:inline-block;margin-top:var(--space-md);font-size:.8125rem;font-weight:500;color:var(--color-primary);text-decoration:none}.onet-link-full:hover{text-decoration:underline}.onet-attribution{margin-top:var(--space-sm);padding-top:var(--space-sm);font-size:.6875rem;color:var(--color-text-light);text-align:center}.onet-attribution a{color:var(--color-text-muted)}@media (max-width: 600px){.pyramid-layer{height:36px}.pyramid-layer.layer-5{width:40%;min-width:100px}.pyramid-layer.layer-4{width:55%;min-width:130px}.pyramid-layer.layer-3{width:70%;min-width:160px}.pyramid-layer.layer-2{width:85%;min-width:190px}.pyramid-layer.layer-1{width:100%;min-width:220px}.layer-label{font-size:.75rem}.trajectory-scores{grid-template-columns:1fr;gap:var(--space-sm)}.score-card .score-value{font-size:1.75rem}.trajectory-journey{flex-direction:column;gap:var(--space-sm)}.journey-arrow{transform:rotate(90deg)}}.day-selector{display:flex;gap:var(--space-xs);flex-wrap:wrap}.day-btn{padding:var(--space-xs) var(--space-sm);border:2px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text);font-family:var(--font-body);font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);min-width:52px}.day-btn:hover:not(.disabled){border-color:var(--color-primary);color:var(--color-primary)}.day-btn.selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.day-btn.disabled{opacity:.4;cursor:not-allowed}.busy-days-toggle{display:flex;gap:var(--space-xs)}.busy-days-btn{padding:var(--space-xs) var(--space-md);border:2px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text);font-family:var(--font-body);font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.busy-days-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.busy-days-btn.selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.calendar-instructions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-sm);background:var(--color-bg-warm);border-radius:var(--radius-md);flex-wrap:wrap}.calendar-instructions p{margin:0;font-size:.875rem;color:var(--color-text-muted)}.calendar-grid{display:grid;grid-template-columns:50px repeat(5,1fr);gap:1px;background:var(--color-border);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-md)}.calendar-times{background:var(--color-bg-warm)}.time-header{height:32px;background:var(--color-bg-warm)}.time-slot{height:50px;display:flex;align-items:flex-start;justify-content:flex-end;padding:2px 6px 0 0;font-size:.7rem;color:var(--color-text-light);background:var(--color-bg-warm)}.calendar-day{background:var(--color-white);display:flex;flex-direction:column}.calendar-day.busy-day{background:color-mix(in srgb,var(--color-primary) 5%,var(--color-white))}.calendar-day.busy-day .day-header{background:color-mix(in srgb,var(--color-primary) 12%,var(--color-bg-warm));color:var(--color-primary-dark)}.day-header{height:32px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;color:var(--color-text-muted);background:var(--color-bg-warm);border-bottom:1px solid var(--color-border-light)}.day-slots{position:relative;height:400px;cursor:pointer}.day-slots:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(to bottom,transparent,transparent 49px,var(--color-border-light) 49px,var(--color-border-light) 50px);pointer-events:none}.meeting-block{position:absolute;left:2px;right:2px;background:var(--color-primary);border-radius:var(--radius-sm);padding:4px 6px;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);overflow:hidden;display:flex;flex-direction:column;z-index:1;-webkit-user-select:none;user-select:none}.meeting-block:hover{transform:scale(1.02);box-shadow:var(--shadow-md);z-index:5}.meeting-block.selected{outline:2px solid var(--color-accent);outline-offset:1px;z-index:10}.meeting-title{font-size:.7rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meeting-duration{font-size:.65rem;color:#fffc}.resize-handle{position:absolute;bottom:0;left:0;right:0;height:8px;cursor:ns-resize;background:transparent}.resize-handle:hover{background:#fff3}.meeting-editor{background:var(--color-bg-warm);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md);border:1px solid var(--color-border)}.editor-row{margin-bottom:var(--space-sm)}.editor-row:last-child{margin-bottom:0}.editor-row .input-text{width:100%}.editor-selects{display:flex;gap:var(--space-sm);flex-wrap:wrap}.editor-field{flex:1;min-width:100px}.editor-field label{display:block;font-size:.75rem;font-weight:600;color:var(--color-text-muted);margin-bottom:4px}.editor-field .input-select{width:100%}.editor-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;padding-top:var(--space-sm);border-top:1px solid var(--color-border);margin-top:var(--space-sm)}.delete-btn{padding:var(--space-xs) var(--space-sm);background:transparent;border:1px solid var(--color-danger);border-radius:var(--radius-md);color:var(--color-danger);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.delete-btn:hover{background:var(--color-danger);color:#fff}.done-btn{padding:var(--space-xs) var(--space-md);background:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.done-btn:hover{background:var(--color-primary-dark)}.calendar-actions{justify-content:center;margin-top:var(--space-md)}@media (max-width: 768px){.calendar-grid{grid-template-columns:40px repeat(5,1fr);font-size:.85rem}.time-slot{font-size:.6rem;padding-right:3px}.day-header{font-size:.65rem}.meeting-block{padding:2px 4px}.meeting-title{font-size:.6rem}.meeting-duration{font-size:.55rem}.day-slots{height:350px}.time-slot{height:43.75px}.editor-selects{flex-direction:column}.editor-field{min-width:100%}}@media (max-width: 500px){.calendar-grid{grid-template-columns:35px repeat(5,1fr)}.time-slot{font-size:.55rem}.day-header{font-size:.6rem;height:28px}.day-slots{height:300px}.time-slot{height:37.5px}.meeting-block{left:1px;right:1px;padding:2px 3px}.meeting-title{font-size:.55rem}.meeting-duration{display:none}.day-selector{justify-content:center}.day-btn{min-width:44px;padding:6px 8px}.calendar-instructions{flex-direction:column;text-align:center}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tool-results{animation:fadeIn .4s ease-out}[x-collapse]{overflow:hidden}[x-collapse].x-collapse-enter-active,[x-collapse].x-collapse-leave-active{transition:height .3s ease}:root{--color-primary-main: #b64e08;--color-primary-light: #d4691a;--color-primary-dark: #8a3a06;--color-primary-lighter: #fef3e8;--color-primary-contrast: #ffffff;--color-secondary-main: #0077ff;--color-secondary-light: #3399ff;--color-secondary-dark: #005bb5;--color-secondary-lighter: #e6f2ff;--color-secondary-contrast: #ffffff;--color-success-main: #10b981;--color-success-light: #34d399;--color-success-dark: #059669;--color-success-lighter: #d1fae5;--color-success-contrast: #ffffff;--color-warning-main: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-warning-lighter: #fef3c7;--color-warning-contrast: #1f2937;--color-danger-main: #ef4444;--color-danger-light: #f87171;--color-danger-dark: #dc2626;--color-danger-lighter: #fee2e2;--color-danger-contrast: #ffffff;--color-caution-main: #eab308;--color-caution-light: #fbbf24;--color-caution-dark: #ca8a04;--color-caution-lighter: #fef9c3;--color-caution-contrast: #1f2937;--color-info-main: #0077ff;--color-info-light: #3399ff;--color-info-dark: #005bb5;--color-info-lighter: #e6f2ff;--color-info-contrast: #ffffff;--color-neutral-50: #f9fafb;--color-neutral-100: #f3f4f6;--color-neutral-200: #e5e7eb;--color-neutral-300: #d1d5db;--color-neutral-400: #9ca3af;--color-neutral-500: #6b7280;--color-neutral-600: #4b5563;--color-neutral-700: #374151;--color-neutral-800: #1f2937;--color-neutral-900: #111827;--color-background-primary: #ffffff;--color-background-secondary: #f9fafb;--color-background-tertiary: #f3f4f6;--color-background-warm: #faf9f7;--color-background-card: #ffffff;--color-text-primary: #111827;--color-text-secondary: #374151;--color-text-tertiary: #6b7280;--color-text-muted: #9ca3af;--color-text-light: #777777;--color-text-inverse: #ffffff;--color-border-light: #e5e7eb;--color-border-main: #d1d5db;--color-border-dark: #9ca3af;--color-border-warm: #e0ddd8;--color-highlight-main: #fdcf4c;--color-highlight-soft: rgba(253, 207, 76, .3);--font-fontFamily-display: "Poppins", system-ui, sans-serif;--font-fontFamily-body: "Figtree", system-ui, sans-serif;--font-fontSize-xs: .75rem;--font-fontSize-sm: .875rem;--font-fontSize-base: 1rem;--font-fontSize-lg: 1.125rem;--font-fontSize-xl: 1.25rem;--font-fontSize-2xl: 1.5rem;--font-fontSize-3xl: 1.875rem;--font-fontSize-4xl: 2.25rem;--font-fontSize-5xl: 3rem;--font-fontWeight-normal: 400;--font-fontWeight-medium: 500;--font-fontWeight-semibold: 600;--font-fontWeight-bold: 700;--font-lineHeight-tight: 1.25;--font-lineHeight-normal: 1.5;--font-lineHeight-relaxed: 1.75;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-14: 3.5rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-28: 7rem;--spacing-32: 8rem;--spacing-px: 1px;--spacing-0.5: .125rem;--spacing-1.5: .375rem;--spacing-2.5: .625rem;--spacing-3.5: .875rem;--radius-none: 0;--radius-sm: .125rem;--radius-DEFAULT: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-DEFAULT: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--shadow-none: none}