.tz-card{background:linear-gradient(135deg,#ede9ff,#e4f0ff);border:1.5px solid #c9bfff;border-radius:var(--radius);padding:14px 16px;margin-bottom:12px}.tz-header{display:flex;align-items:center;gap:6px;margin-bottom:10px}.tz-title{font-size:12px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.8px;flex:1}.tz-active-label{font-size:11px;color:#9a8fd0;font-weight:500;white-space:nowrap}.tz-pills{display:flex;gap:6px;flex-wrap:wrap;align-items:center}@media(min-width:720px){.tz-card{display:flex;align-items:center;gap:20px}.tz-header{margin-bottom:0;flex-direction:column;align-items:flex-start;flex-shrink:0;min-width:80px;gap:2px}.tz-title{flex:none}.tz-active-label{font-size:12px}.tz-pills{flex:1;flex-wrap:nowrap;gap:8px}}.tz-pill{padding:6px 13px;border:1.5px solid #c0b5ff;border-radius:20px;background:#ffffffb3;color:var(--primary);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent;white-space:nowrap;font-family:inherit}.tz-pill.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 8px #6c63ff59}.tz-pill:not(.active):active{background:#6c63ff2e}.tz-more-wrap{flex-shrink:0;position:relative}.tz-more-btn{padding:6px 11px;border:1.5px solid #c0b5ff;border-radius:20px;background:#ffffffb3;color:#9a8fd0;font-size:16px;font-weight:700;line-height:1;cursor:pointer;font-family:inherit;white-space:nowrap;transition:all .15s;-webkit-tap-highlight-color:transparent;letter-spacing:1px}.tz-more-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 8px #6c63ff59}.tz-dropdown{display:none;position:absolute;top:calc(100% + 6px);right:0;background:var(--card);border-radius:12px;box-shadow:0 6px 24px #00000021;border:1px solid var(--border);padding:5px;z-index:1000;min-width:130px}.tz-dropdown.open{display:block}.tz-drop-item{display:block;width:100%;padding:8px 14px;border:none;background:none;text-align:left;font-size:13px;font-weight:600;color:var(--text);cursor:pointer;border-radius:8px;font-family:inherit;white-space:nowrap;transition:background .12s,color .12s}.tz-drop-item:hover,.tz-drop-item.active{background:var(--primary-muted);color:var(--primary)}.now-grid{display:flex;flex-direction:column}.now-cell{padding:6px 0}.now-cell+.now-cell{border-top:1px solid var(--border);margin-top:6px;padding-top:12px}.now-cell-label{font-size:11px;color:var(--sub);font-weight:500;margin-bottom:5px}.now-val-row{display:flex;align-items:center;gap:10px}.ts-num{flex:1;font-size:22px;font-weight:700;color:var(--primary);font-variant-numeric:tabular-nums;letter-spacing:-.3px;line-height:1.3}@media(min-width:720px){.now-grid{flex-direction:row;gap:0;align-items:stretch}.now-cell{flex:1;padding:0 28px;border-top:none!important;margin-top:0!important;padding-top:0!important;display:flex;flex-direction:column}.now-cell:first-child{padding-left:0}.now-cell:last-child{padding-right:0}.now-cell+.now-cell{border-top:none;border-left:1px solid var(--border)}.now-cell-label{font-size:12px;margin-bottom:8px}.now-val-row{flex-direction:column;align-items:flex-start;gap:12px;flex:1}.ts-num{font-size:22px;flex:none}}.copy-btn{padding:6px 13px;border:none;border-radius:20px;background:var(--primary-muted);color:var(--primary);font-size:12px;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap;flex-shrink:0;-webkit-tap-highlight-color:transparent;font-family:inherit}.copy-btn:active{background:#6c63ff2e}.input-badge{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:10px;font-weight:700;padding:3px 8px;border-radius:20px;pointer-events:none;letter-spacing:.3px}.badge-sec{background:#e8f5e9;color:#2e7d32}.badge-ms{background:#e3f2fd;color:#1565c0}.badge-str{background:#fff3e0;color:#e65100}.badge-none{background:var(--card-alt);color:var(--sub)}.result-block{margin-top:10px;background:var(--card-alt);border-radius:10px;overflow:hidden}.result-row{display:flex;align-items:center;padding:10px 14px;gap:10px}.result-row+.result-row{border-top:1px solid var(--border)}.result-label{font-size:11px;color:var(--sub);font-weight:600;width:40px;flex-shrink:0}.result-val{flex:1;font-size:14px;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums;word-break:break-all}.result-val.muted{color:var(--sub);font-weight:500;font-size:13px}.result-val.placeholder{color:var(--sub);font-weight:400;font-size:13px}.result-val.error{color:#d32f2f;font-weight:500;font-size:13px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(6px);background:#1a1a2ee0;color:#fff;padding:8px 18px;border-radius:20px;font-size:13px;opacity:0;transition:all .2s;pointer-events:none;z-index:999}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.tz-select{display:none;width:100%;padding:10px 12px;border:1.5px solid #c0b5ff;border-radius:10px;font-size:16px;font-weight:500;color:var(--text);background:#ffffffd9;outline:none;cursor:pointer;min-height:52px;margin-top:8px}@media(max-width:600px){.tz-pills,.tz-more-wrap{display:none}.tz-select{display:block}}.flatpickr-calendar{background:var(--card);border-radius:12px;box-shadow:0 8px 32px #00000026;border:1px solid var(--border);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif}.flatpickr-months .flatpickr-month{background:var(--card);color:var(--text);fill:var(--text);border-radius:12px 12px 0 0}.flatpickr-current-month .flatpickr-monthDropdown-months{background:var(--card);color:var(--text)}.flatpickr-current-month input.cur-year{color:var(--text)}.flatpickr-weekdays,span.flatpickr-weekday{background:var(--card);color:var(--sub)}.flatpickr-day{color:var(--text);border-radius:8px}.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay{color:var(--sub)}.flatpickr-day:hover{background:var(--primary-muted);border-color:transparent;color:var(--primary)}.flatpickr-day.today{border-color:var(--primary);color:var(--primary)}.flatpickr-day.today:hover,.flatpickr-day.selected,.flatpickr-day.selected:hover{background:var(--primary);border-color:var(--primary);color:#fff}.flatpickr-time{border-top:1px solid var(--border)}.flatpickr-time input,.flatpickr-time .flatpickr-am-pm,.flatpickr-time .flatpickr-time-separator{color:var(--text);background:var(--card)}.flatpickr-time input:hover,.flatpickr-time input:focus{background:var(--primary-muted)}.numInputWrapper span.arrowUp:after{border-bottom-color:var(--text)}.numInputWrapper span.arrowDown:after{border-top-color:var(--text)}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{fill:var(--text)}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:var(--primary)}:is([data-theme=dark]) .tz-card{background:linear-gradient(135deg,#1e1a40,#1a2040);border-color:#6c63ff4d}:is([data-theme=dark]) .tz-pill:not(.active){background:#6c63ff14;border-color:#6c63ff59;color:#a89fff}:is([data-theme=dark]) .tz-more-btn:not(.active){background:#6c63ff14;border-color:#6c63ff59;color:#7b73c0}:is([data-theme=dark]) .tz-select{background:var(--card-alt);color:var(--text);border-color:#6c63ff59}:is([data-theme=dark]) .badge-sec{background:#4caf5026;color:#66bb6a}:is([data-theme=dark]) .badge-ms{background:#42a5f526;color:#42a5f5}:is([data-theme=dark]) .badge-str{background:#e6510026;color:#ff8a50}:is([data-theme=dark]) .result-val.error{color:#ef5350}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .tz-card{background:linear-gradient(135deg,#1e1a40,#1a2040);border-color:#6c63ff4d}:root:not([data-theme=light]) .tz-pill:not(.active){background:#6c63ff14;border-color:#6c63ff59;color:#a89fff}:root:not([data-theme=light]) .tz-more-btn:not(.active){background:#6c63ff14;border-color:#6c63ff59;color:#7b73c0}:root:not([data-theme=light]) .tz-select{background:var(--card-alt);color:var(--text);border-color:#6c63ff59}:root:not([data-theme=light]) .badge-sec{background:#4caf5026;color:#66bb6a}:root:not([data-theme=light]) .badge-ms{background:#42a5f526;color:#42a5f5}:root:not([data-theme=light]) .badge-str{background:#e6510026;color:#ff8a50}:root:not([data-theme=light]) .result-val.error{color:#ef5350}}.ts-know-table{width:100%;border-collapse:collapse;margin:10px 0;font-size:13px}.ts-know-table th,.ts-know-table td{padding:7px 10px;border:1px solid var(--border);text-align:left}.ts-know-table th{background:var(--card-alt);font-weight:600;color:var(--text);font-size:12px}.ts-know-table td:first-child{font-weight:600;color:var(--text);white-space:nowrap;width:60px}
