.meeting-planner-page{max-width:900px;margin:0 auto;padding:2rem 1.5rem 4rem}.meeting-planner-page.error{text-align:center;padding-top:4rem}.meeting-planner-page.error h1{color:var(--color-text-primary);margin-bottom:1rem}.meeting-planner-page.error p{color:var(--color-text-secondary);margin-bottom:2rem}.popular-routes{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.popular-routes a{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-primary);transition:all var(--transition-fast);padding:.75rem 1.25rem;font-weight:500;text-decoration:none}.popular-routes a:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.breadcrumb{color:var(--color-text-tertiary);align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.875rem;display:flex}.breadcrumb a{color:var(--color-text-secondary);text-decoration:none}.breadcrumb a:hover{color:var(--color-accent)}.breadcrumb .separator{color:var(--color-text-tertiary)}.breadcrumb .current{color:var(--color-text-primary)}.meeting-hero{text-align:center;margin-bottom:3rem}.meeting-hero h1{color:var(--color-text-primary);margin:0 0 1rem;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800}.meeting-subtitle{color:var(--color-text-secondary);font-size:1.125rem;line-height:1.6}.meeting-subtitle strong{color:var(--color-success)}.time-diff-summary{color:var(--color-text-tertiary);margin-top:.75rem;font-size:.9375rem}.time-diff-summary strong{color:var(--color-accent)}.timeline-section{margin-bottom:2.5rem}.timeline-section .timeline-view{background:0 0}.current-times-section{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:3rem;display:flex}.time-card{text-align:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);min-width:180px;padding:1.5rem 2rem}.time-card .city-emoji{margin-bottom:.5rem;font-size:2rem;display:block}.time-card .timezone-badge{background:var(--color-accent);color:#fff;border-radius:var(--radius-md);margin-bottom:.75rem;padding:.375rem .75rem;font-size:1rem;font-weight:700;display:inline-block}.time-card h2{color:var(--color-text-primary);margin:0 0 .25rem;font-size:1.25rem;font-weight:700}.time-card .country{color:var(--color-text-tertiary);margin:0 0 .75rem;font-size:.875rem}.time-card .current-time{color:var(--color-accent);font-family:Roboto Mono,monospace;font-size:1.75rem;font-weight:700}.time-diff-badge{flex-direction:column;align-items:center;gap:.25rem;display:flex}.time-diff-badge .diff-hours{color:var(--color-text-primary);border-radius:var(--radius-md);background:#3b82f626;padding:.5rem 1rem;font-family:Roboto Mono,monospace;font-size:1.5rem;font-weight:700}.time-diff-badge .diff-label{color:var(--color-text-tertiary);font-size:.75rem}.golden-hours-section{border-radius:var(--radius-lg);background:linear-gradient(135deg,#22c55e1a,#3b82f61a);border:1px solid #22c55e4d;margin-bottom:3rem;padding:2rem}.golden-hours-section h2{color:var(--color-text-primary);align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:1.25rem;font-weight:700;display:flex}.golden-hours-section h2:before{content:"✨"}.golden-description{color:var(--color-text-secondary);margin:0 0 1.5rem}.golden-visual{margin-bottom:1.5rem}.golden-bar{border-radius:var(--radius-md);background:linear-gradient(90deg,#1e293b 0%,#475569 16.67%,#94a3b8 33.33%,#f8fafc 50%,#94a3b8 66.67%,#475569 83.33%,#1e293b 100%);height:32px;position:relative;overflow:hidden}.golden-overlap{border:2px solid var(--color-success);border-radius:var(--radius-sm);background:#22c55e99;height:100%;position:absolute;top:0;box-shadow:0 0 12px #22c55e66}.golden-labels{color:var(--color-text-tertiary);justify-content:space-between;margin-top:.5rem;font-size:.75rem;display:flex}.golden-recommendation{border-radius:var(--radius-md);background:#22c55e26;align-items:center;gap:.75rem;padding:1rem;display:flex}.golden-icon{font-size:1.25rem}.golden-recommendation strong{color:var(--color-success)}.limited-overlap-section{border-radius:var(--radius-lg);background:linear-gradient(135deg,#fbbf241a,#ef44441a);border:1px solid #fbbf244d;margin-bottom:3rem;padding:2rem}.limited-overlap-section h2{color:var(--color-text-primary);align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:1.25rem;font-weight:700;display:flex}.limited-overlap-section h2:before{content:"⚠️"}.limited-description{color:var(--color-text-secondary);margin:0 0 1.5rem}.limited-visual{margin-bottom:1.5rem}.city-schedule{align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.city-label{color:var(--color-text-primary);white-space:nowrap;min-width:140px;font-size:.875rem;font-weight:500}.schedule-bar{border-radius:var(--radius-sm);background:linear-gradient(90deg,#1e293b 0%,#334155 12.5%,#64748b 25%,#94a3b8 37.5%,#f1f5f9 50%,#94a3b8 62.5%,#64748b 75%,#334155 87.5%,#1e293b 100%);flex:1;height:24px;position:relative;overflow:hidden}.work-hours{border:2px solid var(--color-accent);border-radius:var(--radius-xs);background:#3b82f699;height:calc(100% - 4px);position:absolute;top:2px;box-shadow:0 0 8px #3b82f666}.work-hours--secondary{background:#a855f799;border-color:#a855f7;box-shadow:0 0 8px #a855f766}.schedule-labels{color:var(--color-text-tertiary);justify-content:space-between;margin-top:.5rem;margin-left:calc(140px + 1rem);font-size:.7rem;display:flex}.limited-suggestions{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.suggestion-card{border-radius:var(--radius-md);background:#fbbf241a;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.suggestion-icon{flex-shrink:0;font-size:1.5rem}.suggestion-card strong{color:var(--color-text-primary);margin-bottom:.25rem;font-size:.875rem;display:block}.suggestion-card p{color:var(--color-text-secondary);margin:0;font-size:.8125rem}@media (max-width:768px){.limited-suggestions{grid-template-columns:1fr}.city-label{min-width:100px;font-size:.8125rem}.schedule-labels{margin-left:calc(100px + 1rem)}}@media (max-width:480px){.limited-overlap-section{padding:1.5rem 1rem}.city-schedule{flex-direction:column;align-items:flex-start;gap:.5rem}.city-label{min-width:auto}.schedule-bar{width:100%}.schedule-labels{margin-left:0}}.conversion-section{margin-bottom:3rem}.conversion-section h2{color:var(--color-text-primary);margin:0 0 1rem;font-size:1.25rem;font-weight:700}.conversion-table{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden}.conversion-table table{border-collapse:collapse;width:100%}.conversion-table th{text-align:left;color:var(--color-text-primary);border-bottom:1px solid var(--color-border-subtle);background:#ffffff0d;padding:1rem 1.25rem;font-weight:600}.conversion-table td{color:var(--color-text-primary);border-bottom:1px solid var(--color-border-subtle);padding:.75rem 1.25rem;font-family:Roboto Mono,monospace}.conversion-table tr:last-child td{border-bottom:none}.conversion-table tr:hover td{background:#ffffff08}.conversion-table tr.golden-row td{background:#22c55e1a}.conversion-table tr.golden-row:hover td{background:#22c55e26}.faq-section{margin-bottom:3rem}.faq-section h2{color:var(--color-text-primary);margin:0 0 1.5rem;font-size:1.25rem;font-weight:700}.faq-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}details.faq-item{background:var(--color-surface-solid);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;margin:0;padding:1rem 1.25rem}details.faq-item[open]{border-color:var(--color-accent)}details.faq-item summary{color:#fafafa;justify-content:space-between;align-items:center;font-size:.9375rem;font-weight:600;list-style:none;display:flex}details.faq-item summary::-webkit-details-marker{display:none}details.faq-item summary:after{content:"+";color:#a1a1aa;transition:transform var(--transition-fast);flex-shrink:0;margin-left:1rem;font-size:1.25rem}details.faq-item[open] summary:after{content:"−";color:var(--color-accent)}details.faq-item p{color:var(--color-text-secondary);margin:1rem 0 0;font-size:.875rem;line-height:1.6}@media (max-width:768px){.faq-grid{grid-template-columns:1fr}}.time-grid-section{margin-bottom:3rem}.time-grid-section h2{color:var(--color-text-primary);margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.time-grid-section>p{color:var(--color-text-secondary);margin:0 0 1.5rem;font-size:.9375rem}.time-grid{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden}.grid-header{border-bottom:1px solid var(--color-border-subtle);background:#ffffff0d;grid-template-columns:1fr 1fr 100px;gap:1rem;padding:1rem 1.25rem;display:grid}.grid-city{color:var(--color-text-primary);font-weight:600}.grid-quality{text-align:center;color:var(--color-text-secondary);font-weight:600}.grid-row{border-bottom:1px solid var(--color-border-subtle);transition:background var(--transition-fast);grid-template-columns:1fr 1fr 100px;gap:1rem;padding:.875rem 1.25rem;display:grid}.grid-row:last-child{border-bottom:none}.grid-row:hover{background:#ffffff08}.grid-row--excellent{background:#22c55e14}.grid-row--excellent:hover{background:#22c55e1f}.grid-cell{color:var(--color-text-primary);font-family:Roboto Mono,monospace}.grid-cell:last-child{text-align:center}.quality-badge{border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.quality-badge--excellent{color:var(--color-success);background:#22c55e33}.quality-badge--good{color:var(--color-accent);background:#3b82f633}.quality-badge--fair{color:#fbbf24;background:#fbbf2433}.actions-section{margin-bottom:3rem}.actions-section h2{color:var(--color-text-primary);margin:0 0 1rem;font-size:1.25rem;font-weight:700}.action-buttons{flex-wrap:wrap;gap:.75rem;display:flex}.tips-section{margin-bottom:3rem}.tips-section h2{color:var(--color-text-primary);margin:0 0 1.5rem;font-size:1.25rem;font-weight:700}.tips-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.tip-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:1.25rem}.tip-icon{margin-bottom:.75rem;font-size:1.5rem;display:block}.tip-card h3{color:var(--color-text-primary);margin:0 0 .5rem;font-size:1rem;font-weight:600}.tip-card p{color:var(--color-text-secondary);margin:0;font-size:.875rem;line-height:1.5}.related-section{margin-bottom:3rem}.related-section h2{color:var(--color-text-primary);margin:0 0 1rem;font-size:1.25rem;font-weight:700}.related-links{flex-wrap:wrap;gap:.75rem;display:flex}.related-links a{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast);padding:.625rem 1rem;font-size:.875rem;text-decoration:none}.related-links a:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-border)}@media (max-width:768px){.meeting-planner-page{padding:1.5rem 1rem 3rem}.current-times-section{flex-direction:column}.time-card{width:100%;max-width:280px}.time-diff-badge{flex-direction:row;gap:.5rem}.tips-grid{grid-template-columns:1fr}.grid-header,.grid-row{grid-template-columns:1fr 1fr 80px;gap:.5rem;padding:.75rem 1rem}.grid-cell{font-size:.875rem}}@media (max-width:480px){.golden-hours-section{padding:1.5rem 1rem}.quality-badge{padding:.125rem .375rem;font-size:.6875rem}}