*{box-sizing:border-box}body{background:linear-gradient(135deg,var(--tm-color-page-glow),transparent 32rem),var(--paper);min-height:100vh;margin:0}button,input,select{font:inherit;color:inherit}.shell{width:min(1120px,100% - 32px);margin:0 auto;padding:54px 0 32px}.masthead{border-bottom:1px solid var(--tm-color-rule);justify-content:space-between;align-items:end;gap:48px;padding-bottom:24px;display:flex}.eyebrow,.step,.result-label{text-transform:uppercase;letter-spacing:.14em;margin:0 0 10px;font-size:.72rem;font-weight:800}.masthead h1{letter-spacing:-.07em;margin:0;font-size:clamp(2.5rem,6vw,5rem);line-height:.78}.dek{max-width:390px;color:var(--muted);margin:0;font-size:1.04rem;line-height:1.5}.tabs{gap:6px;margin:26px 0;display:flex}.tab{border:1px solid var(--tm-color-rule);cursor:pointer;background:0 0;border-radius:999px;padding:10px 18px;font-weight:750}.tab.active{background:var(--ink);color:var(--paper)}.panel{background:var(--card);border:1px solid var(--tm-color-rule);border-radius:var(--radius);box-shadow:8px 8px 0 var(--tm-color-hover-shadow);overflow:hidden}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:24px 28px;display:flex}.panel-head>div{align-items:baseline;gap:16px;display:flex}.panel-head h2{letter-spacing:-.03em;margin:0;font-size:1.55rem}.panel-head .step,.panel-head>p{color:var(--muted);margin:0}.calculation{align-items:end;gap:20px;padding:38px 28px;display:grid}.clock-grid{grid-template-columns:minmax(180px,.75fr) 74px minmax(440px,2fr)}.duration-calc,.tc-calc{grid-template-columns:1fr 74px 1fr}.field,.operator,.rate{gap:8px;display:grid}.field>span,.operator>span,.rate>span,.duration-fields label span{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:.76rem;font-weight:800}input,select{border:1px solid var(--line);background:var(--tm-color-field);border-radius:9px;outline:none;width:100%;padding:13px 12px}input:focus,select:focus{border-color:var(--ink);box-shadow:0 0 0 3px #d8ff4fbf}.large input,.tc-field input{font-family:SFMono-Regular,Consolas,monospace;font-size:1.32rem}.operator select{text-align:center;padding:9px;font-size:1.6rem;font-weight:800}.duration-fields{border:0;grid-template-columns:repeat(4,1fr);gap:10px;min-width:0;margin:0;padding:0;display:grid}.duration-fields legend{width:100%;margin:0 0 9px;font-weight:800}.duration-fields label{gap:7px;display:grid}.duration-fields input{min-width:0}.result{background:var(--tm-color-result);color:var(--tm-color-on-result);grid-template-columns:1fr auto;align-items:end;padding:30px 28px;display:grid}.result-label{color:var(--accent);grid-column:1/-1}.result output{letter-spacing:-.06em;font-family:SFMono-Regular,Consolas,monospace;font-size:clamp(2.1rem,6vw,5rem);font-weight:700}.result p:last-child{color:var(--tm-color-result-muted);margin:0 0 8px}.rate{min-width:180px}.tc-field small{color:var(--muted)}.error{min-height:1.3em;color:var(--red);margin:-18px 28px 20px;font-weight:700}.info{border-left:4px solid var(--accent);background:var(--tm-color-accent-soft);margin:24px 28px;padding:16px 18px}.info p{color:var(--muted);margin:5px 0 0;line-height:1.5}.reset{border:0;border-bottom:1px solid var(--tm-color-rule);cursor:pointer;background:0 0;padding:0 0 2px;font-weight:700}footer{color:var(--muted);justify-content:space-between;padding:26px 2px;font-size:.85rem;display:flex}footer p{margin:0}@media (width<=800px){.shell{padding-top:32px}.masthead{display:block}.dek{margin-top:24px}.clock-grid,.duration-calc,.tc-calc{grid-template-columns:1fr}.operator{width:74px}.duration-fields{grid-template-columns:repeat(2,1fr)}.panel-head{align-items:start}.panel-head>p{display:none}.timecode-head{align-items:end}.result{display:block}.result output{margin-bottom:10px;display:block}.result p:last-child{margin:0}}@media (width<=480px){.shell{width:min(100% - 20px,1120px);padding-top:24px}.tabs{overflow:auto}.panel-head,.calculation,.result{padding-left:18px;padding-right:18px}.timecode-head{display:block}.rate{margin-top:18px}.duration-fields{grid-template-columns:1fr 1fr}.result output{font-size:2rem}.info{margin:18px}.tabs .tab{padding:9px 14px}}.duration-fields{display:block}.duration-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.field,.duration-grid label,.field input{min-width:0}.field small{color:var(--muted)}.result{grid-template-columns:minmax(0,1fr)}.result output{overflow-wrap:anywhere}input,select{font-size:16px}input[type=text],input[type=number]{-webkit-appearance:none;appearance:none}@media (width<=1000px){.clock-grid,.duration-calc,.tc-calc{grid-template-columns:minmax(0,1fr)}.operator{width:74px}}@media (width<=800px){.duration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.duration-help{color:var(--muted);margin:-12px 28px 24px;font-size:14px}input[aria-invalid=true]{border-color:var(--red)}.mode-picker{gap:7px;width:200px;max-width:100%;margin:26px 0;display:grid}.mode-picker>span{color:var(--muted);font-size:14px;font-weight:700}.calculator-workspace[data-astro-cid-n5yxtf5f]{margin-top:26px}