.time-tool[data-v-a1183fcf]{background-color:#f0f6ff;background-image:radial-gradient(circle at 10% 20%,rgba(59,130,246,.15),transparent 50%),radial-gradient(circle at 85% 5%,rgba(45,212,191,.12),transparent 45%),radial-gradient(#dbeafe 1px,transparent 0);background-size:auto,auto,28px 28px;height:calc(100vh - 200px);overflow:hidden;padding:30px 24px 40px}.time-tool[data-v-a1183fcf],.time-tool__inner[data-v-a1183fcf]{display:flex;justify-content:center}.time-tool__inner[data-v-a1183fcf]{flex-direction:column;gap:32px;height:100%;margin:0 auto;width:min(1600px,100%)}.time-tool .hero[data-v-a1183fcf]{margin:0 auto;max-width:640px;text-align:center}.time-tool .hero .eyebrow[data-v-a1183fcf]{color:#38bdf8;font-size:14px;letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}.time-tool .hero h1[data-v-a1183fcf]{color:#0f172a;font-size:36px;font-weight:700;margin-bottom:12px}.time-tool .hero .subtitle[data-v-a1183fcf]{color:#5b6b84;font-size:16px;line-height:1.7}.time-tool .convert-grid[data-v-a1183fcf]{display:grid;gap:26px;grid-template-columns:repeat(auto-fit,minmax(700px,1fr));margin:0 auto;max-width:1600px}.time-tool .convert-card[data-v-a1183fcf]{background:#fff;border:1px solid rgba(148,163,184,.25);border-radius:26px;box-shadow:0 30px 60px #0f172a17;overflow:hidden;padding:30px;position:relative}.time-tool .convert-card[data-v-a1183fcf]:before{border-radius:26px;border-top:5px solid #93c5fd;content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.time-tool .card-header[data-v-a1183fcf]{align-items:center;border-bottom:1px solid rgba(148,163,184,.3);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:12px}.time-tool .card-eyebrow[data-v-a1183fcf]{color:#2563eb;font-size:13px;letter-spacing:.12em;margin-bottom:6px;text-transform:uppercase}.time-tool .field-label[data-v-a1183fcf]{color:#1f2937;display:block;font-weight:600;margin-bottom:8px}.time-tool .input-row[data-v-a1183fcf]{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.time-tool .input-row input[data-v-a1183fcf]{background:#fdfefe;border:1px solid #d0dae7;border-radius:14px;color:#0f172a;flex:1;font-size:15px;padding:12px 16px}.time-tool .input-row input[data-v-a1183fcf]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none}.time-tool .input-row input[type=datetime-local][data-v-a1183fcf]::-webkit-calendar-picker-indicator{cursor:pointer}.time-tool .primary[data-v-a1183fcf]{background:linear-gradient(120deg,#2563eb,#3b82f6);border:none;border-radius:14px;color:#fff;cursor:pointer;font-weight:600;min-height:46px;padding:0 26px;transition:transform .2s ease,box-shadow .2s ease}.time-tool .primary[data-v-a1183fcf]:hover{box-shadow:0 12px 20px #2563eb40;transform:translateY(-1px)}.time-tool .precision-toggle[data-v-a1183fcf]{align-items:center;color:#4b5563;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.time-tool .toggle-group[data-v-a1183fcf]{background:#eef2ff;border-radius:999px;display:inline-flex;gap:8px;padding:4px}.time-tool .toggle[data-v-a1183fcf]{background:transparent;border:none;border-radius:999px;color:#5b6b84;cursor:pointer;font-weight:600;padding:6px 16px;transition:background .2s ease,color .2s ease}.time-tool .toggle.active[data-v-a1183fcf]{background:#fff;box-shadow:0 4px 12px #3b82f633;color:#2563eb}.time-tool .error[data-v-a1183fcf]{color:#ef4444;font-size:14px;margin-bottom:12px}.time-tool .result-panel[data-v-a1183fcf]{background:#f8fbff;border:1px solid rgba(59,130,246,.12);border-radius:22px;padding:18px}.time-tool .result-title[data-v-a1183fcf]{color:#1f2937;font-weight:600;margin-bottom:12px}.time-tool .result-list[data-v-a1183fcf]{display:flex;flex-direction:column;gap:14px}.time-tool .result-item[data-v-a1183fcf]{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:16px;justify-content:space-between;padding:12px 16px}.time-tool .result-label[data-v-a1183fcf]{color:#6b7280;font-size:14px;margin-bottom:4px;text-align:left}.time-tool .result-value[data-v-a1183fcf]{color:#0f172a;font-family:SFMono-Regular,Consolas,Courier New,monospace;font-size:15px}.time-tool .ghost[data-v-a1183fcf]{background:transparent;border:1px solid rgba(148,163,184,.6);border-radius:999px;color:#475569;cursor:pointer;font-size:14px;padding:6px 16px;transition:all .2s ease}.time-tool .ghost[data-v-a1183fcf]:hover:not(:disabled){border-color:#2563eb;color:#2563eb}.time-tool .ghost[data-v-a1183fcf]:disabled{cursor:not-allowed;opacity:.5}.time-tool .copy-toast[data-v-a1183fcf]{background:#0ea5e9;border-radius:999px;bottom:150px;box-shadow:0 12px 30px #0ea5e959;color:#fff;font-weight:600;left:50%;padding:12px 24px;position:fixed;transform:translate(-50%)}.time-tool .fade-enter-active[data-v-a1183fcf],.time-tool .fade-leave-active[data-v-a1183fcf]{transition:opacity .25s ease,transform .25s ease}.time-tool .fade-enter-from[data-v-a1183fcf],.time-tool .fade-leave-to[data-v-a1183fcf]{opacity:0;transform:translate(-50%,10px)}@media (max-width:768px){.time-tool[data-v-a1183fcf]{padding:40px 16px 60px}.time-tool .convert-card[data-v-a1183fcf]{padding:28px}.time-tool .input-row[data-v-a1183fcf]{flex-direction:column}.time-tool .input-row button[data-v-a1183fcf]{padding:12px 18px;width:100%}.time-tool .result-item[data-v-a1183fcf]{align-items:flex-start;flex-direction:column}}