.dtd-skip-nav{z-index:9999;background:var(--primary,#5b4fe8);color:#fff;border-radius:0 0 8px;padding:10px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:top .2s;position:absolute;top:-100%;left:0}.dtd-skip-nav:focus{outline-offset:2px;outline:3px solid #fff;top:0}.dtd-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dtd-header-top{align-items:flex-start;gap:18px;display:flex}.dtd-header-icon{flex-shrink:0;font-size:48px;line-height:1}.dtd-clock-strip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;padding:12px 20px;font-size:14px;display:flex}.dtd-clock-icon{font-size:18px}.dtd-clock-label{color:var(--text-2);font-weight:600}.dtd-clock-time{color:var(--text-1);font-weight:700}.dtd-clock-time-mono{color:var(--primary);font-family:Courier New,monospace}.dtd-clock-sep{color:var(--text-3)}.dtd-clock-tz{color:var(--text-3);background:var(--bg-2);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:500}.dtd-tabs-card{margin-bottom:16px;padding:6px!important}.dtd-tabs{scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.dtd-tabs::-webkit-scrollbar{display:none}.dtd-tab{border-radius:var(--radius);color:var(--text-2);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:all .18s;display:flex}.dtd-tab:hover{background:var(--bg-2);color:var(--text-1)}.dtd-tab.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #5b4fe84d}.dtd-tab:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.dtd-tab-label{display:inline}.dtd-presets-card{margin-bottom:16px}.dtd-presets-row{flex-wrap:wrap;gap:8px;display:flex}.dtd-preset-btn{border:1px solid var(--border-2);border-radius:var(--radius);background:var(--bg);color:var(--text-2);cursor:pointer;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.dtd-preset-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.dtd-preset-btn:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.dtd-inputs-card{margin-bottom:16px}.dtd-inputs-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-bottom:16px;display:grid}.dtd-input-group{flex-direction:column;gap:6px;display:flex}.dtd-input-label{color:var(--text-2);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.dtd-input-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.dtd-dot-start{background:#10b981}.dtd-dot-end{background:#ef4444}.dtd-datetime-input{border:1.5px solid var(--border-2);border-radius:var(--radius);width:100%;color:var(--text-1);background:var(--surface);outline:none;padding:11px 14px;font-family:inherit;font-size:15px;transition:border-color .18s,box-shadow .18s}.dtd-datetime-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #5b4fe81a}.dtd-input-meta{color:var(--text-3);padding:0 2px;font-size:12px;font-weight:500}.dtd-swap-btn{border:1.5px solid var(--border-2);background:var(--surface);width:40px;height:40px;color:var(--text-2);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-self:center;align-items:center;margin-top:22px;font-family:inherit;font-size:18px;transition:all .18s;display:flex}.dtd-swap-btn:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.dtd-swap-btn:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.dtd-input-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dtd-count-badge{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin-left:2px;font-size:11px;font-weight:700;display:inline-flex}.dtd-history-panel{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.dtd-history-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:10px;font-size:12px;font-weight:700}.dtd-history-item{border-radius:var(--radius);cursor:pointer;align-items:center;gap:12px;padding:8px 12px;font-size:13px;transition:background .15s;display:flex}.dtd-history-item:hover{background:var(--bg-2)}.dtd-history-item:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.dtd-history-label{color:var(--text-1);flex:1;font-weight:600}.dtd-history-val{color:var(--primary);white-space:nowrap;font-weight:700}.dtd-history-time{color:var(--text-3);white-space:nowrap;font-size:11px}.dtd-notice{border-radius:var(--radius);color:#92400e;background:#fffbeb;border:1px solid #fde68a;margin-bottom:16px;padding:12px 16px;font-size:13px;font-weight:500}.dtd-result-card{margin-bottom:16px}.dtd-result-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.dtd-direction{color:var(--primary);background:var(--primary-light);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700}.dtd-primary-breakdown{grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:20px;display:grid}.dtd-unit-box{text-align:center;border-radius:var(--radius);background:var(--bg);border:1.5px solid;padding:16px 8px;transition:transform .15s}.dtd-unit-box:hover{transform:translateY(-2px)}.dtd-unit-val{letter-spacing:-1px;margin-bottom:4px;font-size:28px;font-weight:900;line-height:1.1;display:block}.dtd-unit-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);font-size:11px;font-weight:700}.dtd-sentence{color:var(--text-2);background:var(--bg-2);border-radius:var(--radius);text-align:center;padding:14px 16px;font-size:15px;font-weight:600;line-height:1.6}.dtd-totals-card{margin-bottom:16px}.dtd-totals-grid{flex-direction:column;gap:2px;display:flex}.dtd-total-row{border-radius:var(--radius);align-items:center;gap:12px;padding:10px 12px;transition:background .15s;display:flex}.dtd-total-row:hover{background:var(--bg-2)}.dtd-total-icon{flex-shrink:0;font-size:18px}.dtd-total-label{color:var(--text-2);flex:1;font-size:14px;font-weight:600}.dtd-total-val{color:var(--text-1);font-variant-numeric:tabular-nums;font-size:15px;font-weight:800}.dtd-workdays-card{margin-bottom:16px}.dtd-workdays-row{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.dtd-workday-box{text-align:center;border-radius:var(--radius-lg);border:1.5px solid var(--border);padding:20px 16px}.dtd-workday-work{background:#ecfdf5;border-color:#a7f3d0}.dtd-workday-weekend{background:#fef3c7;border-color:#fde68a}.dtd-workday-total{background:#eff6ff;border-color:#bfdbfe}.dtd-workday-val{color:var(--text-1);letter-spacing:-1px;margin-bottom:4px;font-size:32px;font-weight:900;display:block}.dtd-workday-label{color:var(--text-1);margin-bottom:4px;font-size:14px;font-weight:700;display:block}.dtd-workday-note{color:var(--text-3);font-size:11px;font-weight:500;display:block}.dtd-weekday-breakdown{margin-top:8px}.dtd-weekday-breakdown-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin:0 0 12px;font-size:12px;font-weight:700}.dtd-weekday-bars{flex-direction:column;gap:8px;display:flex}.dtd-weekday-bar-item{grid-template-columns:36px 1fr 32px;align-items:center;gap:10px;display:grid}.dtd-weekday-bar-name{color:var(--text-2);text-align:right;font-size:12px;font-weight:700}.dtd-weekend-text{color:#d97706}.dtd-weekday-bar-track{background:var(--bg-2);border-radius:999px;height:8px;overflow:hidden}.dtd-weekday-bar-fill{background:var(--primary);border-radius:999px;min-width:4px;height:100%;transition:width .4s}.dtd-weekend-fill{background:#f59e0b}.dtd-weekday-bar-count{color:var(--text-1);text-align:right;font-size:13px;font-weight:800}.dtd-dateinfo-card{margin-bottom:16px}.dtd-dateinfo-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.dtd-dateinfo-col-title{color:var(--text-2);border-bottom:1px solid var(--border);margin-bottom:10px;padding-bottom:8px;font-size:13px;font-weight:700}.dtd-dateinfo-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:7px 0;font-size:13px;display:flex}.dtd-dateinfo-row:last-child{border-bottom:none}.dtd-dateinfo-row span:first-child{color:var(--text-3);font-weight:500}.dtd-dateinfo-row span:last-child{color:var(--text-1);text-align:right;font-weight:700}.dtd-mono{font-family:Courier New,monospace;font-size:12px!important}.dtd-small{font-size:11px!important}.dtd-add-mode-row{gap:8px;margin-bottom:20px;display:flex}.dtd-mode-btn{border-radius:var(--radius);border:1.5px solid var(--border-2);background:var(--bg);color:var(--text-2);cursor:pointer;padding:9px 20px;font-family:inherit;font-size:14px;font-weight:700;transition:all .18s}.dtd-mode-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.dtd-mode-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #5b4fe840}.dtd-mode-btn:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.dtd-add-fields{grid-template-columns:repeat(7,1fr);gap:12px;margin-bottom:16px;display:grid}.dtd-add-field{flex-direction:column;gap:6px;display:flex}.dtd-add-field label{color:var(--text-2);text-align:center;font-size:12px;font-weight:700}.dtd-num-input{border:1.5px solid var(--border-2);border-radius:var(--radius);width:100%;color:var(--text-1);background:var(--surface);text-align:center;outline:none;padding:10px 8px;font-family:inherit;font-size:15px;font-weight:700;transition:border-color .18s,box-shadow .18s}.dtd-num-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #5b4fe81a}.dtd-add-actions{margin-bottom:20px}.dtd-add-result{background:linear-gradient(135deg, var(--primary-light), #ebf5ff);border:1.5px solid var(--primary-mid);border-radius:var(--radius-lg);text-align:center;padding:24px}.dtd-add-result-label{text-transform:uppercase;letter-spacing:.08em;color:var(--primary);margin-bottom:8px;font-size:12px;font-weight:700}.dtd-add-result-date{color:var(--text-1);letter-spacing:-.5px;margin-bottom:4px;font-size:22px;font-weight:900}.dtd-add-result-time{color:var(--primary);margin-bottom:12px;font-family:Courier New,monospace;font-size:16px;font-weight:700}.dtd-add-result-meta{color:var(--text-3);margin-bottom:4px;font-size:12px;font-weight:500}.dtd-tz-input-row{flex-wrap:wrap;gap:16px;margin-bottom:16px;display:flex}.dtd-tz-slots-label{color:var(--text-2);margin-bottom:10px;font-size:13px;font-weight:700}.dtd-tz-slots{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;display:grid}.dtd-tz-results{background:var(--bg-2);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:flex-start;gap:20px;padding:20px;display:flex}.dtd-tz-result-from{background:var(--surface);border:1.5px solid var(--primary-mid);border-radius:var(--radius-lg);flex-shrink:0;min-width:220px;padding:16px 20px}.dtd-tz-result-badge{background:var(--primary);color:#fff;border-radius:999px;margin-bottom:8px;padding:2px 10px;font-size:11px;font-weight:700;display:inline-block}.dtd-tz-result-tz{color:var(--text-2);margin-bottom:4px;font-size:13px;font-weight:700}.dtd-tz-result-time{color:var(--text-1);word-break:break-all;margin-bottom:4px;font-size:14px;font-weight:700}.dtd-tz-result-offset{color:var(--primary);font-size:12px;font-weight:700}.dtd-tz-arrow{color:var(--text-3);flex-shrink:0;align-self:center;font-size:24px}.dtd-tz-result-targets{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.dtd-tz-result-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.dtd-tz-copy-btn{border:1px solid var(--border-2);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex-shrink:0;margin-left:auto;padding:4px 8px;font-size:14px;transition:background .15s}.dtd-tz-copy-btn:hover{background:var(--bg-2)}.dtd-tz-copy-btn:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.dtd-cd-inputs{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.dtd-cd-presets{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.dtd-cd-preset-chip{border:1px solid var(--border-2);background:var(--bg);color:var(--text-2);cursor:pointer;border-radius:999px;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .18s}.dtd-cd-preset-chip:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.dtd-cd-preset-chip:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.dtd-cd-display{border-radius:var(--radius-xl);text-align:center;background:linear-gradient(135deg,#1e1b4b,#312e81);margin-bottom:20px;padding:32px 24px;position:relative;overflow:hidden}.dtd-cd-display:before{content:"";background:#ffffff0a;border-radius:50%;width:200px;height:200px;position:absolute;top:-60px;right:-60px}.dtd-cd-display.dtd-cd-past{background:linear-gradient(135deg,#065f46,#047857)}.dtd-cd-event-name{color:#fff;letter-spacing:-.3px;margin-bottom:8px;font-size:20px;font-weight:800}.dtd-cd-status{color:#fff9;margin-bottom:24px;font-size:13px;font-weight:500}.dtd-cd-units{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:20px;display:flex}.dtd-cd-unit{flex-direction:column;align-items:center;gap:4px;min-width:64px;display:flex}.dtd-cd-unit-val{color:#fff;letter-spacing:-2px;font-variant-numeric:tabular-nums;font-size:42px;font-weight:900;line-height:1}.dtd-cd-unit-label{text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;font-size:11px;font-weight:700}.dtd-cd-totals{color:#ffffffb3;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:16px;font-size:13px;font-weight:500;display:flex}.dtd-cd-target-label{color:#ffffff73;z-index:1;font-size:12px;font-weight:500;position:relative}.dtd-cd-actions{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.dtd-cd-saved{background:var(--bg-2);border-radius:var(--radius-lg);padding:16px}.dtd-cd-saved-item{background:var(--surface);border-radius:var(--radius);cursor:pointer;border:1px solid var(--border);align-items:center;gap:12px;margin-bottom:8px;padding:10px 12px;transition:box-shadow .15s;display:flex}.dtd-cd-saved-item:hover{box-shadow:var(--shadow-sm)}.dtd-cd-saved-item:last-child{margin-bottom:0}.dtd-cd-saved-item:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.dtd-cd-saved-label{color:var(--text-1);flex:1;font-size:14px;font-weight:700}.dtd-cd-saved-val{color:var(--primary);white-space:nowrap;font-size:13px;font-weight:700}.dtd-cd-past-text{color:var(--success)!important}.dtd-cd-saved-del{color:var(--text-3);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:2px 6px;font-family:inherit;font-size:14px;transition:background .15s,color .15s}.dtd-cd-saved-del:hover{color:var(--danger);background:#fee2e2}.dtd-cd-saved-del:focus-visible{outline:3px solid var(--danger,#ef4444);outline-offset:2px}.dtd-wc-note{color:var(--text-3);margin-bottom:20px;font-size:13px;font-weight:500}.dtd-wc-grid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.dtd-wc-city{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;padding:16px 14px;transition:all .18s}.dtd-wc-city:hover{background:var(--primary-light);border-color:#c4bffa}.dtd-wc-city-name{color:var(--text-2);margin-bottom:8px;font-size:13px;font-weight:700}.dtd-wc-city-time{color:var(--text-1);letter-spacing:-.5px;font-variant-numeric:tabular-nums;margin-bottom:4px;font-size:20px;font-weight:900}.dtd-wc-city-date{color:var(--text-3);margin-bottom:4px;font-size:12px;font-weight:500}.dtd-wc-city-offset{color:var(--primary);font-size:11px;font-weight:700}.seo-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-top:48px;padding:40px}.seo-section h2{color:var(--text-1);letter-spacing:-.4px;margin-bottom:12px;font-size:22px;font-weight:800}.seo-section h3{color:var(--text-1);margin-top:24px;margin-bottom:10px;font-size:17px;font-weight:700}.seo-section p{color:var(--text-2);margin-bottom:4px;font-size:14px;line-height:1.75}.btn{border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:14px;font-weight:700;transition:all .18s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px #5b4fe84d}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.btn-outline{background:var(--surface);color:var(--text-2);border:1.5px solid var(--border-2);box-shadow:var(--shadow-sm)}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.btn-outline:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.btn-sm{padding:7px 14px;font-size:13px}.label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);font-size:12px;font-weight:700}@media (width<=1024px){.dtd-primary-breakdown{grid-template-columns:repeat(3,1fr)}.dtd-wc-grid,.dtd-add-fields{grid-template-columns:repeat(4,1fr)}.dtd-tz-slots{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.dtd-header-top{flex-direction:column;gap:12px}.dtd-header-icon{font-size:36px}.dtd-inputs-row{grid-template-columns:1fr}.dtd-swap-btn{justify-self:center;width:36px;height:36px;margin-top:0;transform:rotate(90deg)}.dtd-primary-breakdown{grid-template-columns:repeat(3,1fr)}.dtd-workdays-row{grid-template-columns:1fr;gap:10px}.dtd-dateinfo-grid{grid-template-columns:1fr}.dtd-wc-grid{grid-template-columns:repeat(2,1fr)}.dtd-add-fields{grid-template-columns:repeat(3,1fr)}.dtd-cd-inputs{grid-template-columns:1fr}.dtd-tz-input-row{flex-direction:column}.dtd-tz-slots{grid-template-columns:repeat(2,1fr)}.dtd-tz-results{flex-direction:column}.dtd-tz-arrow{transform:rotate(90deg)}.dtd-cd-unit-val{font-size:32px}.dtd-cd-units{gap:10px}.dtd-cd-unit{min-width:52px}.dtd-tab-label{display:none}.dtd-tab{padding:10px 14px}.seo-section{padding:24px 20px}}@media (width<=480px){.dtd-primary-breakdown,.dtd-add-fields,.dtd-wc-grid{grid-template-columns:repeat(2,1fr)}.dtd-tz-slots{grid-template-columns:1fr 1fr}.dtd-cd-unit-val{font-size:28px}.dtd-cd-units{gap:8px}.dtd-clock-strip{flex-direction:column;align-items:flex-start;gap:4px}}