.tu{display:flex;flex-direction:column;gap:28px}.tu__section{padding:0}.tu__section-title{font-size:18px;font-weight:600;color:var(--color-text);margin:0 0 6px}.tu__section-desc{font-size:13px;color:var(--color-text-soft);margin:0 0 14px;line-height:1.6}.tu__input-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-bottom:16px}.tu__field{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--color-text-soft)}.tu__field--value,.tu__field--duration,.tu__field--ms{flex:1 1 220px}.tu__field--unit,.tu__field--parts{flex:0 1 180px}.tu__field input,.tu__field select{width:100%;padding:8px 10px;font-size:14px;font-family:var(--font-mono, "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);transition:border-color .15s ease}.tu__field input:focus,.tu__field select:focus{outline:none;border-color:var(--color-primary)}.tu__error{padding:12px 16px;margin-bottom:16px;background:#dc262614;border:1px solid rgba(220,38,38,.25);border-radius:var(--radius-md);color:#dc2626;font-size:14px}.tu__warn{padding:10px 14px;margin-top:10px;background:#f59e0b14;border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-sm);color:#b45309;font-size:13px}.tu__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:8px}.tu__card{padding:12px 14px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color .15s ease,box-shadow .15s ease;display:flex;flex-direction:column;gap:8px}.tu__card:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #0000000f}.tu__card--source{border-color:var(--color-primary);background:linear-gradient(135deg,#2b6cff0f,#7a4cff0a)}.tu__card-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tu__card-label{font-size:14px;font-weight:600;color:var(--color-text)}.tu__card-short{font-size:11px;color:var(--color-text-soft);font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);padding:1px 5px;background:#0000000a;border-radius:var(--radius-sm)}.tu__approx-badge{display:inline-block;padding:1px 6px;font-size:10px;font-weight:600;color:#b45309;background:#f59e0b26;border-radius:var(--radius-sm);border:1px solid rgba(245,158,11,.3)}.tu__source-badge{display:inline-block;padding:1px 6px;font-size:10px;font-weight:600;color:var(--color-primary);background:#2b6cff1f;border-radius:var(--radius-sm);margin-left:auto}.tu__card-value{font-size:16px;font-weight:600;color:var(--color-text);font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);word-break:break-all;line-height:1.3}.tu__copy-btn{appearance:none;align-self:flex-start;padding:3px 10px;font-size:12px;color:var(--color-primary);background:#2b6cff14;border:1px solid rgba(43,108,255,.2);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s}.tu__copy-btn:hover{background:#2b6cff29;border-color:#2b6cff59}.tu__copy-btn:active{transform:translateY(1px)}.tu__parse-summary{display:flex;flex-direction:column;gap:10px;padding:14px 16px;margin-bottom:12px;background:linear-gradient(135deg,#2b6cff0f,#7a4cff0a);border:1px solid rgba(43,108,255,.18);border-radius:var(--radius-md)}.tu__parse-row{display:flex;align-items:center;gap:10px}.tu__parse-label{font-size:13px;color:var(--color-text-soft);min-width:80px}.tu__parse-value{font-size:15px;font-weight:600;color:var(--color-text);font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);flex:1;word-break:break-all}.tu__parse-parts{padding:12px 14px;background:var(--color-bg-soft, rgba(0, 0, 0, .03));border:1px dashed var(--color-border);border-radius:var(--radius-md)}.tu__parse-parts-title{font-size:12px;color:var(--color-text-soft);margin-bottom:8px;font-weight:600}.tu__parse-parts ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.tu__parse-part{display:flex;align-items:center;gap:8px;font-size:13px}.tu__part-value{font-weight:600;color:var(--color-text);font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace)}.tu__part-unit{color:var(--color-text-soft);min-width:40px}.tu__part-arrow{color:var(--color-text-soft)}.tu__part-ms{color:var(--color-primary);font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace)}.tu__human-result{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#2b6cff0f,#7a4cff0a);border:1px solid rgba(43,108,255,.18);border-radius:var(--radius-md)}.tu__human-value{flex:1;font-size:16px;font-weight:600;color:var(--color-text);font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);word-break:break-all}.tu__links{display:flex;flex-wrap:wrap;gap:16px;padding-top:8px;border-top:1px dashed var(--color-border)}.tu__link{font-size:13px;color:var(--color-primary);text-decoration:none;transition:opacity .15s}.tu__link:hover{opacity:.8;text-decoration:underline}.tu__status{min-height:24px;padding-top:6px}.tu__notice{font-size:13px;color:var(--color-primary);font-weight:500}.tu__hint{font-size:12px;color:var(--color-text-soft);line-height:1.6}@media(max-width:768px){.tu__grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.tu__card{padding:10px 12px}.tu__card-value{font-size:14px}.tu__parse-row{flex-wrap:wrap}.tu__parse-label{min-width:70px}.tu__human-result{flex-wrap:wrap}.tu__links{gap:12px}}:global(.dark) .tu__card-short{background:#ffffff14}:global(.dark) .tu__parse-parts{background:#ffffff0a}