.tn-csat-page{--csat-paper:#faf6ee;--csat-wash:#f5efdf;--csat-panel:#fffdf8;--csat-ink:#1a1208;--csat-muted:#5a4a30;--csat-line:#b8a888;--csat-soft:#ddd4be;--csat-accent:#c44a00;--csat-action:#ede6d4;--csat-action-hover:#dfd4bb;--csat-result:#f1e5c9;color:var(--csat-ink);font-family:"Noto Sans KR","Apple SD Gothic Neo",sans-serif}.tn-csat-page *,.tn-csat-page *:before,.tn-csat-page *:after{box-sizing:border-box}.tn-csat-page :where(p,h2,h3){margin:0}.tn-csat-tool{width:100%;margin:0 0 22px;color:var(--csat-ink);background:var(--csat-paper);border-top:3px double var(--csat-line);border-bottom:1px solid var(--csat-line);padding:14px 0 16px}.tn-csat-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:18px;align-items:stretch}.tn-csat-input,.tn-csat-result{display:grid;align-content:start;gap:14px;min-width:0;padding:17px;border:1px solid var(--csat-line);background:var(--csat-panel)}.tn-csat-result{background:var(--csat-wash)}.tn-csat-pane-label{color:var(--csat-muted);font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.tn-csat-targets{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tn-csat-tool button{appearance:none;min-height:42px;border:1px solid var(--csat-line);border-radius:0;background:var(--csat-action);color:var(--csat-ink);font:800 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer}.tn-csat-tool button:hover{background:var(--csat-action-hover)}.tn-csat-tool button:focus-visible,.tn-csat-tool input:focus-visible{outline:2px solid var(--csat-accent);outline-offset:2px}.tn-csat-target.is-active,.tn-csat-primary{background:var(--csat-accent)!important;color:#fff8ec!important;-webkit-text-fill-color:currentColor}.tn-csat-field{display:grid;gap:5px;align-content:start;font-size:13px;font-weight:700}.tn-csat-control{height:42px;border:1px solid var(--csat-line);background:var(--csat-panel)}.tn-csat-control input{width:100%;height:40px;padding:0 10px;border:0;background:transparent;color:var(--csat-ink);font:700 14px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.tn-csat-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tn-csat-note{padding:10px 12px;border:1px solid var(--csat-soft);background:var(--csat-wash);color:var(--csat-muted);font-size:12px;line-height:1.55}.tn-csat-main{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px;row-gap:4px;padding-bottom:13px;border-bottom:1px solid var(--csat-line)}.tn-csat-main>span:first-child{width:100%;color:var(--csat-muted);font-size:13px;font-weight:700}.tn-csat-main strong{max-width:100%;color:var(--csat-accent);font:800 clamp(48px,7vw,78px)/.9 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.08em;-webkit-text-fill-color:currentColor}.tn-csat-days{flex:0 0 max-content;font-size:16px;font-weight:800}.tn-csat-caption{color:var(--csat-muted);font-size:13px;line-height:1.5}.tn-csat-timeline{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--csat-line);border-bottom:1px solid var(--csat-line)}.tn-csat-timeline>div{display:grid;gap:3px;padding:11px 10px}.tn-csat-timeline>div+div{border-left:1px solid var(--csat-line)}.tn-csat-timeline span,.tn-csat-timeline small{color:var(--csat-muted);font:700 11px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace}.tn-csat-timeline strong{font:800 23px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.06em}.tn-csat-progress-wrap{display:grid;gap:7px}.tn-csat-progress{height:12px;overflow:hidden;border:1px solid var(--csat-line);background:var(--csat-panel)}.tn-csat-progress span{display:block;width:0;height:100%;background:var(--csat-accent);transition:width .2s ease}.tn-csat-progress-wrap p{color:var(--csat-muted);font-size:12px;line-height:1.45}.tn-csat-toast{min-height:0;margin-top:8px;color:var(--csat-accent);font-size:12px;font-weight:700}.tn-csat-toast.is-visible{padding:8px 10px;border:1px solid var(--csat-line);background:var(--csat-panel)}
@media (max-width:720px){.tn-csat-tool{padding:10px 0 12px}.tn-csat-grid{grid-template-columns:1fr;gap:10px}.tn-csat-input,.tn-csat-result{padding:13px;gap:12px}.tn-csat-input{order:1}.tn-csat-result{order:2}.tn-csat-main strong{font-size:52px}}
@media (max-width:370px){.tn-csat-input,.tn-csat-result{padding:10px}.tn-csat-targets,.tn-csat-actions{grid-template-columns:1fr}.tn-csat-timeline{grid-template-columns:1fr}.tn-csat-timeline>div+div{border-left:0;border-top:1px solid var(--csat-line)}}
body:is([data-scheme="dark"],[data-scheme="inverse"],[data-d="dark"],[data-d="inverse"]) .tn-csat-page{--csat-paper:#1d1710;--csat-wash:#292116;--csat-panel:#211a12;--csat-ink:#f6eddb;--csat-muted:#d1c19e;--csat-line:#8e7c5a;--csat-soft:#5f523d;--csat-accent:#f27a34;--csat-action:#3b3022;--csat-action-hover:#50412f;--csat-result:#302616}@media(prefers-color-scheme:dark){body[data-scheme="auto"] .tn-csat-page,body[data-d="auto"] .tn-csat-page{--csat-paper:#1d1710;--csat-wash:#292116;--csat-panel:#211a12;--csat-ink:#f6eddb;--csat-muted:#d1c19e;--csat-line:#8e7c5a;--csat-soft:#5f523d;--csat-accent:#f27a34;--csat-action:#3b3022;--csat-action-hover:#50412f;--csat-result:#302616}}

/* 20260722b: fixed dark actions and large D-day numeral containment. */
.tn-csat-target.is-active,.tn-csat-primary{color:#faf6ee!important;-webkit-text-fill-color:#faf6ee!important}
.tn-csat-secondary,.tn-csat-target:not(.is-active){color:var(--csat-ink)!important;-webkit-text-fill-color:var(--csat-ink)!important}
.tn-csat-main strong{font-kerning:normal;font-variant-numeric:lining-nums tabular-nums;letter-spacing:0;line-height:1;white-space:nowrap;max-width:100%}
body:is([data-scheme="dark"],[data-scheme="inverse"],[data-d="dark"],[data-d="inverse"]) .tn-csat-page{--csat-accent:#e8823f}
body:is([data-scheme="dark"],[data-scheme="inverse"],[data-d="dark"],[data-d="inverse"]) .tn-csat-target.is-active,body:is([data-scheme="dark"],[data-scheme="inverse"],[data-d="dark"],[data-d="inverse"]) .tn-csat-primary{color:#241206!important;-webkit-text-fill-color:#241206!important}
@media(prefers-color-scheme:dark){body[data-scheme="auto"] .tn-csat-page,body[data-d="auto"] .tn-csat-page{--csat-accent:#e8823f}body[data-scheme="auto"] .tn-csat-target.is-active,body[data-scheme="auto"] .tn-csat-primary,body[data-d="auto"] .tn-csat-target.is-active,body[data-d="auto"] .tn-csat-primary{color:#241206!important;-webkit-text-fill-color:#241206!important}}