.timestamp-current-section,.timestamp-tool{border:1px solid var(--gray-200);display:flex;flex-direction:column}.timestamp-tool{background:#fff;border-radius:16px;padding:2rem;margin-top:2rem;gap:1.5rem}.timestamp-current-section{background:var(--gray-50);border-radius:12px;padding:1.5rem;gap:1rem;align-items:center}.timestamp-current-label{font-size:.8rem;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:.07em}.timestamp-current-vals{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.timestamp-live-item{display:flex;flex-direction:column;align-items:center;gap:.3rem}.timestamp-live-val{font-size:1.3rem;font-weight:700;color:var(--primary-500);font-family:monospace}.timestamp-live-label{font-size:.72rem;color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em}.timestamp-section-title{font-size:.8rem;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:.07em;padding-bottom:.25rem;border-bottom:1px solid var(--gray-100)}.timestamp-world-clocks{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.wc-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:10px;padding:.75rem .875rem;display:flex;flex-direction:column;gap:2px}.wc-time{font-size:1.1rem;font-weight:700;color:var(--gray-800);font-family:monospace;letter-spacing:.02em}.wc-date{font-size:.72rem;color:var(--gray-500)}.wc-city{font-size:.8rem;font-weight:600;color:var(--gray-700);margin-top:4px}.wc-offset{font-size:.68rem;color:var(--primary-500);font-family:monospace}.timestamp-panels{display:flex;flex-wrap:wrap;gap:1rem}.timestamp-panel{flex:1;min-width:280px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:12px;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem;box-sizing:border-box}.timestamp-panel-full{flex:none;width:100%;min-width:0}.timestamp-panel-title{font-size:.95rem;font-weight:700;color:var(--gray-800);margin:0}.timestamp-field-row{display:flex;flex-wrap:wrap;gap:.5rem}.timestamp-input{flex:1;min-width:140px;padding:.6rem 1rem;border:1px solid var(--gray-200);border-radius:8px;font-size:.9rem;color:var(--gray-800);background:#fff;box-sizing:border-box;transition:border-color .2s}.timestamp-input:focus{outline:0;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(235,57,68,.1)}.timestamp-select{padding:.6rem .75rem;border:1px solid var(--gray-200);border-radius:8px;font-size:.875rem;color:var(--gray-800);background:#fff;cursor:pointer;transition:border-color .2s}.timestamp-select:focus{outline:0;border-color:var(--primary-500)}.timestamp-result-block,.timestamp-result-row{display:flex;flex-direction:column;gap:.5rem}.timestamp-result-row{gap:.15rem;padding:.55rem .75rem;background:#fff;border:1px solid var(--gray-200);border-radius:8px}.timestamp-result-row-label{font-size:.7rem;color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em}.timestamp-result-row-val{font-size:.9rem;color:var(--gray-800);font-weight:600;font-family:monospace;word-break:break-all}.timestamp-zones-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin-top:.5rem}.tz-card{background:#fff;border:1px solid var(--gray-200);border-radius:8px;padding:.7rem .875rem;display:flex;flex-direction:column;gap:2px}.tz-card-label{font-size:.75rem;font-weight:600;color:var(--gray-500)}.tz-card-val{font-size:.9rem;font-weight:700;color:var(--gray-800);font-family:monospace}.tz-card-offset{font-size:.68rem;color:var(--primary-500);font-family:monospace}@media (max-width:768px){.timestamp-panels{flex-direction:column}.timestamp-world-clocks{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.timestamp-zones-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}