#time-converter-tool{--tct-bg:#faf8f3;--tct-card:#fff;--tct-text:#303d3a;--tct-muted:#66736f;--tct-border:#e0e6df;--tct-accent:#386e5c;--tct-soft:#edf4ec;--tct-result:#f3f8ef;--tct-shadow:0 4px 20px #334b3d0f;color-scheme:light;box-sizing:border-box;max-width:960px;margin:24px auto;padding:40px;border-radius:24px;background:var(--tct-bg);color:var(--tct-text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Yu Gothic",Meiryo,sans-serif;font-size:15px;line-height:1.7;text-align:left;isolation:isolate}
#time-converter-tool[data-theme="dark"]{--tct-bg:#1c211f;--tct-card:#282e2b;--tct-text:#edf3ee;--tct-muted:#b5c1b9;--tct-border:#465149;--tct-accent:#a8d4b8;--tct-soft:#313f36;--tct-result:#2c392f;--tct-shadow:none;color-scheme:dark}
#time-converter-tool *,#time-converter-tool *::before,#time-converter-tool *::after{box-sizing:border-box}
#time-converter-tool [hidden]{display:none!important}
#time-converter-tool h1,#time-converter-tool h2,#time-converter-tool p{margin:0;padding:0;color:inherit;background:none;border:0}
#time-converter-tool h1::before,#time-converter-tool h1::after,#time-converter-tool h2::before,#time-converter-tool h2::after{content:none}
#time-converter-tool button,#time-converter-tool input,#time-converter-tool select{font:inherit;color:inherit;margin:0;max-width:100%}
#time-converter-tool button{appearance:none;cursor:pointer}
#time-converter-tool :focus-visible{outline:3px solid var(--tct-accent);outline-offset:3px}
#time-converter-tool .tct-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}
#time-converter-tool #tct-title{font-size:clamp(23px,4vw,32px);font-weight:700;line-height:1.4}
#time-converter-tool .tct-lead{margin-top:10px;color:var(--tct-muted);font-size:14px}
#time-converter-tool .tct-theme{flex-shrink:0;min-height:44px;padding:9px 16px;border:1px solid var(--tct-border);border-radius:10px;background:var(--tct-card);white-space:nowrap;font-size:13px}
#time-converter-tool .tct-theme:hover{border-color:var(--tct-accent);background:var(--tct-soft)}
#time-converter-tool .tct-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}
#time-converter-tool .tct-tab{position:relative;min-height:54px;padding:12px 16px;border:1px solid var(--tct-border);border-radius:12px;background:var(--tct-card);color:var(--tct-muted);font-weight:700;transition:background .15s,border-color .15s,color .15s}
#time-converter-tool .tct-tab:hover{border-color:var(--tct-accent)}
#time-converter-tool .tct-tab.is-active{border-color:var(--tct-accent);background:var(--tct-accent);color:#fff}
#time-converter-tool[data-theme="dark"] .tct-tab.is-active{color:#1c211f}
#time-converter-tool .tct-panel{padding:28px;border:1px solid var(--tct-border);border-radius:16px;background:var(--tct-card);box-shadow:var(--tct-shadow)}
#time-converter-tool .tct-panel>h2{margin-bottom:22px;font-size:19px;font-weight:700}
#time-converter-tool .tct-input-area>label,#time-converter-tool .tct-time-inputs label>span{display:block;margin-bottom:7px;color:var(--tct-muted);font-size:13px;font-weight:700}
#time-converter-tool .tct-input-unit{display:flex;align-items:center;gap:10px}
#time-converter-tool .tct-input-unit input{width:100%;min-width:0;min-height:52px;padding:10px 14px;border:1px solid var(--tct-border);border-radius:10px;background:var(--tct-card);font-size:18px}
#time-converter-tool .tct-input-unit input::placeholder{color:var(--tct-muted);opacity:.7}
#time-converter-tool .tct-input-unit>span{flex-shrink:0;min-width:36px;font-weight:700}
#time-converter-tool .tct-result{margin-top:24px;padding:22px;border:1px solid var(--tct-border);border-radius:14px;background:var(--tct-result);text-align:center}
#time-converter-tool .tct-result-label{color:var(--tct-muted);font-size:12px;font-weight:700}
#time-converter-tool .tct-result-main{margin-top:7px;font-size:clamp(26px,5vw,36px);font-weight:700;line-height:1.4;overflow-wrap:anywhere}
#time-converter-tool .tct-result-main strong{font:inherit;color:inherit}
#time-converter-tool .tct-decimal-result{display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--tct-border);color:var(--tct-muted);font-size:13px}
#time-converter-tool .tct-decimal-result strong{color:var(--tct-text);font-size:18px}
#time-converter-tool .tct-rounding{margin-top:22px;padding-top:20px;border-top:1px solid var(--tct-border)}
#time-converter-tool .tct-rounding-title{margin-bottom:12px;font-size:13px;font-weight:700}
#time-converter-tool .tct-rounding-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#time-converter-tool .tct-rounding-grid label>span{display:block;margin-bottom:6px;color:var(--tct-muted);font-size:12px}
#time-converter-tool .tct-rounding-grid select{width:100%;min-height:46px;padding:8px 38px 8px 12px;border:1px solid var(--tct-border);border-radius:9px;background-color:var(--tct-card)}
#time-converter-tool .tct-sub-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
#time-converter-tool .tct-sub-tab{min-height:44px;padding:9px 15px;border:1px solid var(--tct-border);border-radius:999px;background:var(--tct-card);color:var(--tct-muted);font-size:13px;font-weight:700}
#time-converter-tool .tct-sub-tab:hover{border-color:var(--tct-accent)}
#time-converter-tool .tct-sub-tab.is-active{border-color:var(--tct-accent);background:var(--tct-soft);color:var(--tct-accent)}
#time-converter-tool .tct-time-inputs{display:grid;grid-template-columns:1fr 1fr;gap:18px}
#time-converter-tool .tct-description{margin-top:34px;padding-top:28px;border-top:1px solid var(--tct-border)}
#time-converter-tool .tct-description h2{margin-bottom:16px;font-size:18px;font-weight:700}
#time-converter-tool .tct-description p{margin-top:12px;color:var(--tct-muted);font-size:14px}
@media(max-width:640px){#time-converter-tool{margin:12px auto;padding:22px 14px;border-radius:16px}#time-converter-tool .tct-header{flex-wrap:wrap;gap:12px;margin-bottom:22px}#time-converter-tool .tct-theme{margin-left:auto}#time-converter-tool .tct-tabs{gap:6px}#time-converter-tool .tct-tab{min-height:50px;padding:10px 8px;font-size:14px}#time-converter-tool .tct-panel{padding:20px 15px}#time-converter-tool .tct-panel>h2{margin-bottom:18px;font-size:18px}#time-converter-tool .tct-result{padding:18px 12px}#time-converter-tool .tct-result-main{font-size:clamp(25px,8vw,34px)}#time-converter-tool .tct-rounding-grid{grid-template-columns:1fr;gap:10px}#time-converter-tool .tct-time-inputs{grid-template-columns:1fr 1fr;gap:10px}#time-converter-tool .tct-sub-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px}#time-converter-tool .tct-sub-tab{border-radius:10px;padding:9px 7px;font-size:12px}#time-converter-tool .tct-description{margin-top:28px;padding-top:24px}}
@media(max-width:380px){#time-converter-tool .tct-time-inputs{grid-template-columns:1fr}#time-converter-tool .tct-sub-tabs{grid-template-columns:1fr}}