.comparison-page{max-width:900px;margin:0 auto;padding:20px}.comparison-page.error{text-align:center;padding:60px 20px}.comparison-page.error h1{color:#ef4444}.comparison-page .breadcrumb{color:var(--color-text-tertiary);align-items:center;gap:8px;margin-bottom:24px;font-size:14px;display:flex}.comparison-page .breadcrumb a{color:var(--color-accent);text-decoration:none}.comparison-page .breadcrumb a:hover{text-decoration:underline}.comparison-page .breadcrumb .separator{color:var(--color-border)}.comparison-page .breadcrumb .current{color:var(--color-text-secondary);font-weight:500}.direct-answer{text-align:center;background:linear-gradient(135deg,var(--color-dawn)0%,var(--color-day)100%);color:#09090b;border-radius:16px;margin-bottom:32px;padding:40px 20px}.direct-answer h1.time-answer{margin:0 0 16px;font-size:32px;font-weight:700}.direct-answer .time-difference{opacity:.95;margin:0 0 16px;font-size:20px}.direct-answer .best-meeting-snippet{opacity:.9;border-top:1px solid #0000001a;margin:0;padding-top:16px;font-size:16px}.direct-answer .best-meeting-snippet strong{background:#0000001a;border-radius:4px;padding:2px 8px}.scrubber-section{margin-bottom:32px}.scrubber-section h2{color:var(--color-text-primary);margin:0 0 8px;font-size:20px}.scrubber-section .scrubber-intro{color:var(--color-text-secondary);margin:0 0 16px;font-size:14px}.current-times{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;margin-bottom:40px;display:flex}.time-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);text-align:center;border-radius:16px;flex:1;min-width:200px;max-width:300px;padding:32px;box-shadow:0 4px 20px #0003}.time-card .city-emoji{margin-bottom:12px;font-size:48px}.time-card h2{color:var(--color-text-primary);margin:0 0 4px;font-size:24px;font-weight:600}.time-card .country{color:var(--color-text-tertiary);margin:0 0 16px;font-size:14px}.time-card .time-display{color:var(--color-text-primary);font-variant-numeric:tabular-nums;margin-bottom:8px;font-size:42px;font-weight:700}.time-card .date{color:var(--color-text-tertiary);margin:0;font-size:14px}.time-separator{flex-direction:column;align-items:center;gap:8px;display:flex}.time-separator .vs{color:var(--color-text-tertiary);font-size:18px;font-weight:600}.time-separator .diff-badge{background:var(--color-accent);color:#fff;border-radius:20px;padding:6px 14px;font-size:16px;font-weight:600}.meeting-section{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:16px;margin-bottom:32px;padding:32px}.meeting-section h2{color:var(--color-text-primary);margin:0 0 12px;font-size:24px}.meeting-section .meeting-suggestion{color:var(--color-text-secondary);margin:0 0 24px;line-height:1.6}.actions-section{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:16px;flex-direction:column;align-items:center;gap:16px;margin-bottom:40px;padding:24px;display:flex;box-shadow:0 2px 12px #00000026}.actions-section .action-buttons,.actions-section .share-buttons-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.context-section{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:16px;margin-bottom:32px;padding:32px;box-shadow:0 2px 12px #00000026}.context-section h2{color:var(--color-text-primary);margin:0 0 16px;font-size:20px}.context-section p{color:var(--color-text-secondary);margin:0 0 12px;line-height:1.7}.context-section .fun-fact{border-left:4px solid var(--color-accent);background:#3b82f61a;border-radius:8px;margin-top:16px;padding:16px}.directional-section{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-left:4px solid var(--color-accent);border-radius:16px;margin-bottom:32px;padding:32px;box-shadow:0 2px 12px #00000026}.directional-section h2{color:var(--color-text-primary);margin:0 0 16px;font-size:20px}.directional-section h3{color:var(--color-text-primary);margin:24px 0 12px;font-size:18px}.directional-section p{color:var(--color-text-secondary);margin:0 0 12px;line-height:1.7}.directional-section .call-window{background:#3b82f61a;border-radius:8px;margin:16px 0;padding:16px 20px;font-size:15px}.directional-section .call-window strong{color:var(--color-accent)}.comparison-page .faq-section{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:16px;margin-bottom:32px;padding:32px;box-shadow:0 2px 12px #00000026}.comparison-page .faq-section h2{color:var(--color-text-primary);margin:0 0 24px;font-size:24px}.comparison-page .faq-item{border-bottom:1px solid var(--color-border-subtle);margin-bottom:24px;padding-bottom:24px}.comparison-page .faq-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.comparison-page .faq-item h3{color:var(--color-text-primary);margin:0 0 12px;font-size:18px;font-weight:600}.comparison-page .faq-item p{color:var(--color-text-secondary);margin:0;line-height:1.7}.comparison-page .related-section{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:16px;padding:32px}.comparison-page .related-section h2{color:var(--color-text-primary);margin:0 0 20px;font-size:20px}.related-links{flex-wrap:wrap;gap:12px;display:flex}.related-links a{background:var(--color-bg-tertiary);color:var(--color-accent);border:1px solid var(--color-border-subtle);border-radius:8px;padding:10px 18px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.related-links a:hover{background:var(--color-accent);color:#fff;transform:translateY(-2px)}@media (max-width:768px){.comparison-page{padding:16px}.direct-answer{padding:24px 16px}.direct-answer h1.time-answer{font-size:24px}.direct-answer .time-difference{font-size:16px}.current-times{flex-direction:column}.time-card{width:100%;max-width:none}.time-separator{flex-direction:row;padding:16px 0}.meeting-section,.context-section,.comparison-page .faq-section,.comparison-page .related-section{padding:20px}}