.tz-page{margin:0 auto;max-width:64rem;padding:1rem;width:100%}.tz-page h1{font-size:1.75rem;margin-bottom:.25rem}.tz-page>.intro{color:var(--color-text-secondary);font-size:1.1rem;margin-bottom:1.5rem}.user-tz-box{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:.5rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.user-tz-box .tz-label{color:var(--color-text-muted);font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.user-tz-box .tz-time{color:var(--color-text-heading);font-size:2rem;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.2}.user-tz-box .tz-name{color:var(--color-text-secondary);font-size:.95rem}.search-section{margin-bottom:1.5rem}.search-input-wrap{position:relative}.search-section label{display:block;font-size:1rem;font-weight:600;margin-bottom:.35rem}.search-section input{background-color:var(--color-bg-primary);border:1px solid var(--color-border-medium);border-radius:.375rem;color:var(--color-text-primary);font-size:1rem;padding:.65rem 1rem;width:100%}.search-section input::-moz-placeholder{color:var(--color-text-muted)}.search-section input::placeholder{color:var(--color-text-muted)}.search-section input:focus{border-color:transparent;outline:2px solid var(--color-accent-blue);outline-offset:1px}.search-results{background:var(--color-bg-primary);border:1px solid var(--color-border-medium);border-radius:0 0 .5rem .5rem;box-shadow:0 4px 12px var(--color-shadow);display:none;left:0;max-height:20rem;overflow-y:auto;position:absolute;right:0;top:100%;z-index:50}.search-results.visible{display:block}.search-input-wrap:has(.search-results.visible) input{border-bottom-color:transparent;border-radius:.375rem .375rem 0 0}.search-result-item{align-items:center;border-bottom:1px solid var(--color-border-light);cursor:pointer;display:flex;gap:1rem;justify-content:space-between;padding:.6rem 1rem}.search-result-item:last-child{border-bottom:none}.search-result-item:focus,.search-result-item:hover{background-color:var(--color-hover-bg)}.search-result-item .sr-city{font-weight:600}.search-result-item .sr-country{color:var(--color-text-muted);font-size:.85rem}.search-result-item .sr-time{color:var(--color-text-secondary);font-size:.9rem;font-variant-numeric:tabular-nums;white-space:nowrap}.search-count{font-size:.85rem;margin-top:.35rem;min-height:1.4em}.no-results,.search-count{color:var(--color-text-muted)}.no-results{display:none;padding:1.5rem;text-align:center}.tz-detail-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:.5rem;display:none;margin-bottom:1.5rem;padding:1.25rem}.tz-detail-card.visible{display:block}.tz-detail-card .detail-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.tz-detail-card .detail-name{color:var(--color-text-heading);font-size:1.25rem;font-weight:700}.tz-detail-card .detail-time{color:var(--color-text-heading);font-size:2rem;font-variant-numeric:tabular-nums;font-weight:700}.tz-detail-card .detail-date{color:var(--color-text-muted);font-size:.9rem}.tz-detail-card .detail-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:1.5rem;line-height:1;padding:0}.detail-meta{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));margin-top:1rem}.detail-meta dt{color:var(--color-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.detail-meta dd{color:var(--color-text-primary);font-size:.95rem;margin:0}.detail-cities{color:var(--color-text-secondary);font-size:.9rem;margin-top:.75rem}.continent-filter{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1.25rem}.continent-filter button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-button-bg);border:1px solid var(--color-button-border);border-radius:.25rem;color:var(--color-text-primary);cursor:pointer;font-size:.85rem;font-weight:500;line-height:1.3;padding:.35em .75em}.continent-filter button:hover{background-color:var(--color-button-hover-bg)}.continent-filter button[aria-pressed=true]{background-color:var(--color-text-primary);border-color:var(--color-text-primary);color:var(--color-text-inverted)}.tz-stats{background-color:var(--color-bg-secondary);border-radius:.375rem;color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:.85rem;gap:1.5rem;margin-bottom:1.5rem;padding:.75rem 1rem}.tz-stats strong{color:var(--color-text-heading)}.continent-section{margin-bottom:2rem}.continent-section h2{border-bottom:2px solid var(--color-border-light);color:var(--color-text-heading-2);font-size:1.25rem;font-weight:700;margin-bottom:0;padding-bottom:.5rem}.tz-table{border-collapse:collapse;width:100%}.tz-table th{color:var(--color-text-muted);font-size:.78rem;font-weight:600;letter-spacing:.05em;padding:.6rem .5rem;text-align:left;text-transform:uppercase}.tz-table td,.tz-table th{border-bottom:1px solid var(--color-border-light)}.tz-table td{font-size:.9rem;padding:.5rem;vertical-align:top}.tz-table tbody tr{cursor:pointer}.tz-table tbody tr:hover{background-color:var(--color-hover-bg)}.tz-table .col-tz{font-weight:600}.tz-table .col-offset{font-variant-numeric:tabular-nums;white-space:nowrap}.tz-table .col-cities{color:var(--color-text-secondary);font-size:.85rem}.tz-table .col-time{font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap}.tz-table .col-dst{font-size:.8rem;text-align:center}.dst-yes{color:var(--color-accent-teal);font-weight:600}.diff-from-you,.dst-no{color:var(--color-text-muted)}.diff-from-you{font-size:.78rem}@media (max-width:640px){.tz-table .col-cities,.tz-table .col-dst,.tz-table th:nth-child(4),.tz-table th:nth-child(5){display:none}.detail-meta{grid-template-columns:1fr 1fr}}.tz-info{margin:2rem auto 0;max-width:40rem;padding:0 .5rem}.tz-info h2{font-size:1.2rem}.tz-info p{color:var(--color-text-secondary);font-size:.95rem}.continent-section.hidden,.tz-table tr.hidden{display:none}