.ts-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px}.ts-card-title{font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:20px;display:flex;align-items:center;gap:10px}.ts-card-title svg{width:20px;height:20px;color:var(--primary);flex-shrink:0}.live-clock-display{text-align:center;padding:12px 0 4px}.live-ts{font-family:JetBrains Mono,monospace;font-size:2.2rem;font-weight:700;color:var(--primary);letter-spacing:2px;line-height:1.2}.live-ts-label{font-size:.78rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.live-dates{display:flex;justify-content:center;gap:32px;margin-top:14px;flex-wrap:wrap}.live-date-group{text-align:center}.live-date-label{font-size:.72rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:3px}.live-date-value{font-family:JetBrains Mono,monospace;font-size:.88rem;color:var(--text);font-weight:500}.live-pulse{display:inline-block;width:8px;height:8px;background:#22c55e;border-radius:50%;margin-right:8px;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.ts-input-row{display:flex;gap:10px;margin-bottom:20px;align-items:stretch}.ts-input-row input{flex:1;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-subtle);color:var(--text);font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:500;transition:border-color var(--transition)}.ts-input-row input:focus{outline:none;border-color:var(--primary)}.ts-now-btn{padding:12px 18px;border:1px solid var(--border);background:var(--bg-subtle);color:var(--text-secondary);border-radius:var(--radius-md);font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all var(--transition)}.ts-now-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--surface)}.result-rows{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.result-row{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--border)}.result-row:last-child{border-bottom:none}.result-row:hover{background:var(--bg-subtle)}.result-label{font-size:.75rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.result-value{font-family:JetBrains Mono,monospace;font-size:.865rem;color:var(--text);font-weight:500;word-break:break-all;min-width:0}.copy-row-btn{padding:4px 10px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);border-radius:6px;font-size:.72rem;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all var(--transition);display:inline-flex;align-items:center;gap:4px}.copy-row-btn:hover{border-color:var(--primary);color:var(--primary)}.copy-row-btn svg{width:12px;height:12px}.result-placeholder{padding:28px 16px;text-align:center;color:var(--text-secondary);font-size:.9rem}.ts-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:0}.ts-cards-grid .ts-card{margin-bottom:0}@media(max-width:720px){.ts-cards-grid{grid-template-columns:1fr}}@media(max-width:480px){.result-row{grid-template-columns:100px 1fr auto;gap:8px;padding:8px 12px}.result-label{font-size:.7rem}.result-value{font-size:.8rem}}.content-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;margin-bottom:24px}.content-section h2{font-size:1.3rem;font-weight:700;margin-bottom:16px;color:var(--text)}.content-section h3{font-size:1.05rem;font-weight:600;margin:20px 0 10px;color:var(--text)}.content-section p{color:var(--text-secondary);line-height:1.7;margin-bottom:12px}.content-section ul{color:var(--text-secondary);line-height:1.7;margin:12px 0;padding-left:24px}.content-section li{margin-bottom:6px}.content-section code{font-family:JetBrains Mono,monospace;background:var(--bg-subtle);padding:2px 6px;border-radius:4px;font-size:.9em;color:var(--primary)}.content-section table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.9rem}.content-section th,.content-section td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border)}.content-section th{background:var(--bg-subtle);font-weight:600;color:var(--text)}.content-section td{color:var(--text-secondary)}.content-section tr:hover td{background:var(--bg-subtle)}.faq-item{border-bottom:1px solid var(--border);padding:20px 0}.faq-item:first-of-type{padding-top:0}.faq-item:last-of-type{border-bottom:none;padding-bottom:0}.faq-question{font-weight:600;font-size:1rem;color:var(--text);margin-bottom:8px;display:flex;align-items:flex-start;gap:10px}.faq-question:before{content:"Q";background:var(--primary);color:#fff;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:4px;flex-shrink:0;margin-top:1px}.faq-answer{color:var(--text-secondary);line-height:1.7;padding-left:32px}.related-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:16px}.related-tool-link{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);text-decoration:none;font-weight:500;font-size:.9rem;transition:all var(--transition)}.related-tool-link:hover{border-color:var(--primary);background:var(--surface);transform:translate(4px)}.related-tool-link svg{width:18px;height:18px;color:var(--primary);flex-shrink:0}@media(max-width:600px){.live-ts{font-size:1.6rem}.live-dates{gap:18px}.result-label{min-width:90px}}
