.ct-tool [hidden]{display:none !important}.ct-tool input.ct-input{font-size:1.1rem;padding:14px 16px}.ct-tool .ct-samples{display:flex;align-items:baseline;gap:10px;margin-top:14px}.ct-tool .ct-samples-label{flex-shrink:0;font-size:.82rem;color:var(--text-muted)}.ct-tool .ct-sample-list{display:flex;flex-wrap:wrap;gap:8px}.ct-tool button.ct-sample{width:auto;padding:5px 12px;font-size:.82rem;font-weight:400;letter-spacing:.01em;color:var(--text-secondary);background:rgba(0,0,0,0);border:1px dashed var(--input-border);border-radius:6px;text-align:left}.ct-tool button.ct-sample:hover{color:var(--text-primary);background:var(--accent-dim);border-color:var(--input-border-focus);border-style:solid;box-shadow:none}.ct-tool .ct-error{margin:16px 0 0;font-size:.9rem;color:var(--text-secondary)}.ct-tool .ct-result{display:grid;grid-template-columns:minmax(0, 1fr) auto;align-items:start;gap:12px 28px;margin-top:22px;padding:20px 22px 18px;background:var(--bg-container);border:1px solid var(--border);border-left:2px solid var(--accent);border-radius:var(--radius);box-shadow:0 6px 20px -8px rgba(0,0,0,.55)}.ct-tool .ct-local{font-family:var(--font-display);font-size:clamp(1.7rem,4vw,2.4rem);letter-spacing:.03em;line-height:1.1;color:var(--text-primary)}.ct-tool .ct-when{max-width:14em;padding-top:4px;text-align:right;font-variant-numeric:tabular-nums}.ct-tool .ct-friendly{font-size:1.2rem;font-weight:600;line-height:1.3;color:var(--accent-bright)}.ct-tool .ct-relative{margin-top:2px;font-size:.82rem;color:var(--text-muted)}.ct-tool .ct-result.is-past .ct-friendly{color:var(--text-secondary)}.ct-tool .ct-notes{grid-column:1/-1;padding-top:12px;border-top:1px solid var(--border-subtle)}.ct-tool .ct-notes p{margin:0;font-size:.82rem;line-height:1.55;color:var(--text-muted)}.ct-tool .ct-notes p.ct-warning{color:var(--accent)}.ct-tool .ct-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:14px}.ct-tool .ct-share-status{font-size:.82rem;color:var(--text-muted)}@media(max-width: 768px){.ct-tool .ct-samples{flex-direction:column;gap:6px}.ct-tool .ct-result{grid-template-columns:minmax(0, 1fr)}.ct-tool .ct-when{max-width:none;padding-top:0;text-align:left}.ct-tool .ct-actions button{width:auto}}