.tn-owc-page { max-width:1180px; width:100%; min-width:0; margin-inline:auto; }
.tn-owc-page .tn-owc-tool { --owc-ink:#1a1208; --owc-muted:#5a4a30; --owc-line:#b8a888; --owc-soft:#ddd4be; --owc-paper:#faf6ee; --owc-wash:#f5efdf; --owc-button:#ede6d4; --owc-hover:#dfd4bb; --owc-accent:#c44a00; --owc-primary:#1a1208; --owc-primary-text:#faf6ee; --owc-primary-hover:#9b3b00; --owc-sans:-apple-system,BlinkMacSystemFont,"Pretendard","Segoe UI",system-ui,sans-serif; display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); gap:20px; color:var(--owc-ink); -webkit-text-fill-color:var(--owc-ink); font:14px/1.6 var(--owc-sans); color-scheme:light; -webkit-font-smoothing:antialiased; }
body:is([data-scheme="dark"],[data-scheme="inverse"],[data-scheme="auto"][data-d="dark"],[data-scheme="auto"][data-l="dark"]) .tn-owc-page .tn-owc-tool,
html:is([data-scheme="dark"],[data-scheme="inverse"],.theme-dark) body:not([data-scheme="light"]) .tn-owc-page .tn-owc-tool { --owc-ink:#efe6d2; --owc-muted:#c3b492; --owc-line:#6f6047; --owc-soft:#574a37; --owc-paper:#241d12; --owc-wash:#322a1a; --owc-button:#322a1a; --owc-hover:#4a3116; --owc-accent:#e8823f; --owc-primary:#6a3b1f; --owc-primary-text:#f7ead1; --owc-primary-hover:#824826; color-scheme:dark; }
@media(prefers-color-scheme:dark) { body[data-scheme="auto"] .tn-owc-page .tn-owc-tool,html[data-scheme="auto"] body:not([data-scheme="light"]) .tn-owc-page .tn-owc-tool { --owc-ink:#efe6d2; --owc-muted:#c3b492; --owc-line:#6f6047; --owc-soft:#574a37; --owc-paper:#241d12; --owc-wash:#322a1a; --owc-button:#322a1a; --owc-hover:#4a3116; --owc-accent:#e8823f; --owc-primary:#6a3b1f; --owc-primary-text:#f7ead1; --owc-primary-hover:#824826; color-scheme:dark; } }
.tn-owc-page .tn-owc-tool * { box-sizing:border-box; }
.tn-owc-page .tn-owc-tool [hidden] { display:none!important; }
.tn-owc-page .tn-owc-tool :is(h2,h3,p,fieldset,legend,dl,dd,dt,ul,li,label) { margin:0; padding:0; }
.tn-owc-page :is(.owc-ledger,.owc-receipt) { min-width:0; padding:22px 24px; border:1px solid var(--owc-line); border-top:3px double var(--owc-line); background:var(--owc-paper); align-self:start; }
.tn-owc-page .owc-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:15px; margin-bottom:18px; border-bottom:1px solid var(--owc-line); }
.tn-owc-page .tn-owc-tool h2 { font:700 17px/1.4 var(--owc-sans); color:var(--owc-ink); text-wrap:balance; }
.tn-owc-page .owc-heading>span { font-size:11px; color:var(--owc-muted); -webkit-text-fill-color:var(--owc-muted); white-space:nowrap; }
.tn-owc-page .tn-owc-tool h3 { font:700 14px/1.5 var(--owc-sans); color:var(--owc-ink); }
.tn-owc-page .tn-owc-tool .owc-field { display:grid; gap:5px; min-width:0; font-size:12px; font-weight:600; background:none; border:0; }
.tn-owc-page .owc-control { display:flex; align-items:center; border:1px solid var(--owc-line); min-width:0; background:var(--owc-paper); }
.tn-owc-page .owc-control>span { flex-shrink:0; padding-right:10px; font-size:12px; color:var(--owc-muted); -webkit-text-fill-color:var(--owc-muted); }
.tn-owc-page .tn-owc-tool :is(input,select) { width:100%; min-width:0; min-height:42px; margin:0; padding:8px 10px; border:1px solid var(--owc-line); border-radius:0; box-shadow:none; background:var(--owc-paper); color:var(--owc-ink); -webkit-text-fill-color:var(--owc-ink); font:600 16px/1.4 var(--owc-sans); font-variant-numeric:lining-nums tabular-nums; transition:border-color .16s ease,background-color .16s ease; }
.tn-owc-page .tn-owc-tool select { padding-right:26px; font-size:13px; }
.tn-owc-page .tn-owc-tool .owc-control input { border:0; background:transparent; }
.tn-owc-page .tn-owc-tool input::placeholder { font-weight:400; opacity:.35; color:var(--owc-ink); }
.tn-owc-page .tn-owc-tool #owc-base { font-size:22px; min-height:49px; }
.tn-owc-page .owc-time-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:14px; }
.tn-owc-page .tn-owc-tool .owc-note { margin-top:8px; font-size:12px; color:var(--owc-muted); -webkit-text-fill-color:var(--owc-muted); text-wrap:pretty; }
.tn-owc-page .owc-subheading { display:flex; align-items:center; gap:9px; margin-top:24px; margin-bottom:10px; }
.tn-owc-page .owc-row-count { font-size:12px; color:var(--owc-muted); }
.tn-owc-page .owc-presets,.tn-owc-page .owc-actions { display:flex; flex-wrap:wrap; gap:7px; }
.tn-owc-page .tn-owc-tool button { min-width:40px; min-height:40px; margin:0; padding:8px 12px; border:1px solid var(--owc-line); border-radius:0; box-shadow:none; background:var(--owc-button); color:var(--owc-ink); -webkit-text-fill-color:var(--owc-ink); font:600 12px/1.4 var(--owc-sans); text-transform:none; letter-spacing:normal; cursor:pointer; transition:background-color .16s ease,transform .16s ease,opacity .16s ease; }
.tn-owc-page .tn-owc-tool button:hover:not(:disabled) { background:var(--owc-hover); }
.tn-owc-page .tn-owc-tool button:active:not(:disabled) { transform:scale(.96); }
.tn-owc-page .tn-owc-tool button:disabled { opacity:.5; cursor:not-allowed; }
.tn-owc-page .tn-owc-tool :is(button,input,select):focus-visible { outline:2px solid var(--owc-accent); outline-offset:2px; }
.tn-owc-page .owc-rows { display:grid; gap:14px; margin-top:14px; }
.tn-owc-page .tn-owc-tool .owc-row { min-width:0; padding:12px; border:1px solid var(--owc-soft); background:var(--owc-wash); }
.tn-owc-page .tn-owc-tool .owc-row legend { width:auto; float:none; padding:0 5px; font-size:11px; color:var(--owc-muted); }
.tn-owc-page .owc-row-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px 12px; }
.tn-owc-page .owc-row-footer { display:flex; align-items:center; gap:10px; margin-top:6px; }
.tn-owc-page .owc-row-footer .owc-note { flex:1; margin-top:0; }
.tn-owc-page .tn-owc-tool .owc-remove { flex-shrink:0; background:transparent; border-color:transparent; color:var(--owc-muted); -webkit-text-fill-color:var(--owc-muted); }
.tn-owc-page .tn-owc-tool .owc-empty { margin:16px 0; padding:16px; border:1px dashed var(--owc-soft); font-size:12px; color:var(--owc-muted); -webkit-text-fill-color:var(--owc-muted); }
.tn-owc-page .owc-actions { margin-top:16px; }
.tn-owc-page .tn-owc-tool .owc-error:not(:empty) { margin-top:10px; font-size:12px; color:var(--owc-accent); -webkit-text-fill-color:var(--owc-accent); }
.tn-owc-page .tn-owc-tool .owc-overline { margin-top:22px; font-size:12px; color:var(--owc-muted); -webkit-text-fill-color:var(--owc-muted); }
.tn-owc-page .owc-primary { display:flex; align-items:baseline; flex-wrap:wrap; column-gap:10px; padding:6px 0 12px; }
.tn-owc-page .owc-primary output { max-width:100%; overflow-wrap:anywhere; font:800 clamp(27px,3.3vw,42px)/1.2 var(--owc-sans); font-variant-numeric:lining-nums tabular-nums; letter-spacing:normal; color:var(--owc-accent); -webkit-text-fill-color:var(--owc-accent); }
.tn-owc-page .owc-primary>span { font-size:12px; white-space:nowrap; }
.tn-owc-page .tn-owc-tool .owc-result-status { font-size:12px; color:var(--owc-muted); -webkit-text-fill-color:var(--owc-muted); }
.tn-owc-page .owc-totals { display:grid; gap:14px; padding:20px 0!important; margin-top:20px!important; border-top:3px double var(--owc-line); border-bottom:1px solid var(--owc-line); }
.tn-owc-page .owc-totals>div { display:grid; gap:3px; }
.tn-owc-page .owc-totals dt { font-size:12px; color:var(--owc-muted); }
.tn-owc-page .owc-totals dd { display:flex; flex-wrap:wrap; gap:8px; align-items:baseline; }
.tn-owc-page .owc-totals dd>span:first-child { font:800 24px/1.4 var(--owc-sans); font-variant-numeric:lining-nums tabular-nums; overflow-wrap:anywhere; min-width:0; }
.tn-owc-page .owc-totals dd>span:last-child { font-size:12px; }
.tn-owc-page .owc-breakdown { padding:18px 0; }
.tn-owc-page .tn-owc-tool .owc-breakdown-list { list-style:none; margin-top:10px; }
.tn-owc-page .owc-breakdown-list li { display:flex; flex-wrap:wrap; gap:5px 12px; padding:5px 0; font-size:12px; }
.tn-owc-page .owc-breakdown-list li>span { overflow-wrap:anywhere; }
.tn-owc-page .owc-breakdown-list strong { font:800 13px/1.6 var(--owc-sans); font-variant-numeric:lining-nums tabular-nums; overflow-wrap:anywhere; }
.tn-owc-page .tn-owc-tool .owc-breakdown-empty { margin-top:8px; color:var(--owc-muted); -webkit-text-fill-color:var(--owc-muted); font-size:12px; }
.tn-owc-page .tn-owc-tool .owc-pending { padding:12px; margin-bottom:16px; border:1px solid var(--owc-line); background:var(--owc-wash); font-size:12px; }
.tn-owc-page .tn-owc-tool .owc-equation { padding-top:14px; border-top:1px dashed var(--owc-line); font-size:12px; color:var(--owc-muted); -webkit-text-fill-color:var(--owc-muted); }
.tn-owc-page .tn-owc-tool .owc-copy { margin-top:18px; background:var(--owc-primary); color:var(--owc-primary-text); -webkit-text-fill-color:var(--owc-primary-text); }
.tn-owc-page .tn-owc-tool .owc-copy:hover:not(:disabled) { background:var(--owc-primary-hover); color:var(--owc-primary-text); -webkit-text-fill-color:var(--owc-primary-text); }
.tn-owc-page .tn-owc-tool .owc-copy-status:not(:empty) { margin-top:8px; font-size:12px; }
.tn-owc-page .owc-criteria { margin-top:18px; padding:14px 16px; border-block:1px solid var(--owc-line); display:grid; grid-template-columns:auto 1fr; gap:12px; align-items:start; background:var(--owc-wash); font-size:12px; }
.tn-owc-page .owc-criteria strong { font-weight:700; }
@media(max-width:760px) { .tn-owc-page .tn-owc-tool { grid-template-columns:minmax(0,1fr); gap:16px; } .tn-owc-page :is(.owc-ledger,.owc-receipt) { padding:18px 16px; } .tn-owc-page .owc-criteria { grid-template-columns:1fr; gap:5px; padding:14px 16px; } .tn-owc-page .owc-primary output { font-size:34px; } }
@media(max-width:380px) { .tn-owc-page .owc-heading { gap:6px; } .tn-owc-page .tn-owc-tool h2 { font-size:15px; } .tn-owc-page .owc-heading>span { font-size:10px; } .tn-owc-page .owc-time-fields { gap:8px; } .tn-owc-page .owc-field { font-size:11px; } }
@media(prefers-reduced-motion:reduce) { .tn-owc-page .tn-owc-tool :is(button,input,select) { transition:none; } .tn-owc-page .tn-owc-tool button:active:not(:disabled) { transform:none; } }
.tn-owc-page .tn-owc-ad { display:flow-root; width:100%; max-width:900px; margin-inline:auto; background:transparent; }
.tn-owc-page .tn-owc-ad--top { margin-top:54px; margin-bottom:20px; }
.tn-owc-page .tn-owc-ad--bottom { margin-top:24px; margin-bottom:28px; }
@media(max-width:760px) { .tn-owc-page .tn-owc-ad--top { margin-top:48px; } }