.container[data-v-5c8ef2a1]{max-width:1200px;margin:0 auto}.dt-view[data-v-5c8ef2a1]{min-height:calc(100vh - 200px);padding:0 0 24px}.dt-container[data-v-5c8ef2a1]{border-radius:20px;flex-direction:column;gap:48px;width:min(960px,100%);margin:0 auto;padding:48px 24px 24px;display:flex}.dt-section__title[data-v-5c8ef2a1],.dt-time-display__city-time[data-v-5c8ef2a1],.dt-time-display__value[data-v-5c8ef2a1],.dt-hero__title[data-v-5c8ef2a1]{background:linear-gradient(135deg,#0ea5e9 0%,#06b6d4 50%,#14b8a6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dt-hero[data-v-5c8ef2a1]{text-align:center;padding:16px 0 8px}.dt-hero__title[data-v-5c8ef2a1]{letter-spacing:-.03em;margin:0;font-size:clamp(40px,6vw,64px);font-weight:800;line-height:1.1}.dt-hero__desc[data-v-5c8ef2a1]{color:#64748b;margin:12px 0 0;font-size:16px;line-height:1.6}.dt-time-display[data-v-5c8ef2a1]{background:linear-gradient(135deg,#0ea5e914 0%,#14b8a614 100%);border:1px solid #0ea5e91f;border-radius:20px;padding:28px 36px}.dt-time-display__label[data-v-5c8ef2a1]{color:#64748b;letter-spacing:.12em;margin-bottom:16px;font-size:12px;font-weight:500}.dt-time-display__current[data-v-5c8ef2a1]{flex-direction:column;gap:12px;display:flex}.dt-time-display__row[data-v-5c8ef2a1]{cursor:pointer;border-radius:12px;align-items:center;gap:16px;padding:12px 16px;transition:all .2s;display:flex}.dt-time-display__row[data-v-5c8ef2a1]:hover{background:#0ea5e90f}.dt-time-display__row:hover .dt-time-display__copy[data-v-5c8ef2a1]{opacity:1;color:#0ea5e9}.dt-time-display__zone[data-v-5c8ef2a1]{color:#0891b2;letter-spacing:.08em;min-width:48px;font-size:12px;font-weight:600}.dt-time-display__value[data-v-5c8ef2a1]{font-variant-numeric:tabular-nums;letter-spacing:.02em;flex:1;font-size:20px;font-weight:500}.dt-time-display__copy[data-v-5c8ef2a1]{opacity:0;color:#94a3b8;flex-shrink:0;transition:all .2s}.dt-time-display__grid[data-v-5c8ef2a1]{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.dt-time-display__card[data-v-5c8ef2a1]{cursor:pointer;background:#fff9;border:1px solid #0ea5e91a;border-radius:12px;flex-direction:column;gap:8px;padding:16px 20px;transition:all .2s;display:flex}.dt-time-display__card[data-v-5c8ef2a1]:hover{background:#ffffffe6;border-color:#0ea5e933;box-shadow:0 2px 8px #0ea5e91a}.dt-time-display__city[data-v-5c8ef2a1]{color:#0891b2;letter-spacing:.08em;font-size:12px;font-weight:600}.dt-time-display__city-time[data-v-5c8ef2a1]{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:18px;font-weight:500}.dt-section[data-v-5c8ef2a1]{flex-direction:column;gap:16px;display:flex}.dt-section__title[data-v-5c8ef2a1]{letter-spacing:-.01em;margin:0;font-size:26px;font-weight:800}.dt-card[data-v-5c8ef2a1]{background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden}.dt-card[data-v-5c8ef2a1] .el-card__body{padding:0}.dt-panels[data-v-5c8ef2a1]{flex-direction:column;gap:20px;padding:36px;display:flex}.dt-panel[data-v-5c8ef2a1]{flex-direction:column;gap:10px;display:flex}.dt-panel-label[data-v-5c8ef2a1]{color:#64748b;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:500}.output-header[data-v-5c8ef2a1]{justify-content:space-between;align-items:center;display:flex}.add-row-btn[data-v-5c8ef2a1]{color:#475569;height:auto;box-shadow:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:8px 16px;font-size:12px;font-weight:500}.add-row-btn[data-v-5c8ef2a1]:hover{color:#0f172a;background:#fff;border-color:#cbd5e1}.output-row[data-v-5c8ef2a1]{gap:12px;margin-top:10px;display:flex}.remove-btn[data-v-5c8ef2a1]{color:#94a3b8;height:auto;box-shadow:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-shrink:0;padding:16px 20px;font-size:16px;font-weight:500}.remove-btn[data-v-5c8ef2a1]:hover:not(:disabled){color:#ef4444;background:#fef2f2;border-color:#ef4444}.remove-btn[data-v-5c8ef2a1]:disabled{color:#cbd5e1;cursor:not-allowed;background:#f8fafc;border-color:#e2e8f0}.input-row[data-v-5c8ef2a1]{gap:12px;display:flex}.now-btn[data-v-5c8ef2a1]{color:#475569;height:auto;box-shadow:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px 20px;font-size:14px;font-weight:500}.now-btn[data-v-5c8ef2a1]:hover{color:#fff;background:linear-gradient(135deg,#0ea5e9 0%,#06b6d4 50%,#14b8a6 100%);border-color:#0000;box-shadow:0 2px 8px #0ea5e933}.now-btn[data-v-5c8ef2a1]:focus{border-color:#0000;box-shadow:0 0 0 3px #0ea5e926}.format-select[data-v-5c8ef2a1]{flex-shrink:0;width:260px}.format-select[data-v-5c8ef2a1] .el-select__wrapper{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;height:auto;padding:16px 20px;transition:all .2s;box-shadow:none!important}.format-select[data-v-5c8ef2a1] .el-select__wrapper:hover{background:#f1f5f9;border-color:#cbd5e1}.format-select[data-v-5c8ef2a1] .el-select__wrapper.is-focus{background:#fff;border-color:#0000;box-shadow:0 0 0 3px #0ea5e926!important}.format-select[data-v-5c8ef2a1] .el-select__selected-item{color:#0f172a;font-size:14px;font-weight:500}.format-select[data-v-5c8ef2a1] .el-select__placeholder{color:#94a3b8}.format-select[data-v-5c8ef2a1] .el-select__caret{color:#64748b}.dt-input[data-v-5c8ef2a1]{flex:1}.dt-input[data-v-5c8ef2a1] .el-input__wrapper{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;height:auto;padding:16px 20px;transition:all .2s;box-shadow:none!important}.dt-input[data-v-5c8ef2a1] .el-input__wrapper:hover{background:#f1f5f9;border-color:#cbd5e1}.dt-input[data-v-5c8ef2a1] .el-input__wrapper:focus-within{background:#fff;border-color:#0000;box-shadow:0 0 0 3px #0ea5e926!important}.dt-input[data-v-5c8ef2a1] .el-input__inner{color:#0f172a;font-size:14px;font-weight:500}.dt-input[data-v-5c8ef2a1] .el-input__placeholder{color:#94a3b8}.dt-action[data-v-5c8ef2a1]{border-top:1px solid #f1f5f9;justify-content:center;padding:32px 36px;display:flex}.dt-go-btn[data-v-5c8ef2a1]{letter-spacing:.02em;background:linear-gradient(135deg,#0ea5e9 0%,#06b6d4 50%,#14b8a6 100%);border:none;border-radius:14px;min-width:280px;height:52px;font-size:15px;font-weight:500;transition:all .2s;box-shadow:0 4px 16px #0ea5e940}.dt-go-btn[data-v-5c8ef2a1]:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0ea5e959}.dt-go-btn[data-v-5c8ef2a1]:active{transform:translateY(0)}@media (width<=640px){.dt-panels[data-v-5c8ef2a1]{padding:24px 20px}.input-row[data-v-5c8ef2a1],.output-row[data-v-5c8ef2a1]{flex-direction:column}.format-select[data-v-5c8ef2a1]{width:100%}.dt-action[data-v-5c8ef2a1]{padding:24px 20px}.dt-go-btn[data-v-5c8ef2a1]{min-width:100%}.dt-current-time[data-v-5c8ef2a1],.dt-world-clocks[data-v-5c8ef2a1]{padding:20px}.dt-world-clocks__grid[data-v-5c8ef2a1]{grid-template-columns:1fr}}