.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}}

/* 20260723c: compact live KST clock; millisecond precision belongs to the target countdown. */
.tn-csat-now{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:8px 10px;border:1px solid var(--csat-soft);background:var(--csat-wash)}
.tn-csat-now span{color:var(--csat-muted);font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em;white-space:nowrap}
.tn-csat-now time{min-width:0;color:var(--csat-ink);font:700 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1,"tnum" 1;letter-spacing:0;text-align:right;white-space:nowrap;-webkit-text-fill-color:currentColor}
@media(max-width:370px){.tn-csat-now{gap:6px;padding:7px 8px}.tn-csat-now span{font-size:10px}.tn-csat-now time{font-size:10px}}

/* 20260723d: stack the clock label on narrow screens so every millisecond remains visible. */
@media(max-width:720px){.tn-csat-now{grid-template-columns:minmax(0,1fr);align-items:start;gap:5px}.tn-csat-now time{width:100%;font-size:11px;text-align:left;overflow:visible}}
@media(max-width:370px){.tn-csat-now time{font-size:10px}}

/* 20260723e: deadline countdown directly below D-day, with accelerated millisecond emphasis. */
.tn-csat-countdown{display:grid;gap:7px;min-width:0;padding:11px 12px;border:1px solid var(--csat-soft);background:var(--csat-panel)}
.tn-csat-countdown>span{color:var(--csat-muted);font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em}
.tn-csat-countdown strong{display:flex;align-items:baseline;min-width:0;color:var(--csat-ink);font:800 clamp(21px,3vw,29px)/1 ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1,"tnum" 1;letter-spacing:0;white-space:nowrap;-webkit-text-fill-color:currentColor}
.tn-csat-countdown .tn-csat-milliseconds{color:var(--csat-accent);-webkit-text-fill-color:var(--csat-accent)}
@media(max-width:720px){.tn-csat-countdown{gap:6px;padding:10px}.tn-csat-countdown strong{font-size:clamp(19px,6vw,24px)}.tn-csat-now{padding:7px 9px}}
@media(max-width:370px){.tn-csat-countdown strong{font-size:19px}.tn-csat-countdown>span{font-size:10px}}

/* 20260723f: preserve an explicit visual gap between the day count and clock. */
#csatRemainingDays{margin-right:.42em}

/* 20260723g: keep the fast-changing milliseconds accented in every color scheme. */
.tn-csat-countdown .tn-csat-milliseconds{color:var(--csat-accent)!important;-webkit-text-fill-color:var(--csat-accent)!important}

/* 20260723h: outrank the shared dark hardening text-color guard for this intentional urgency accent. */
body .entry-content .tn-csat-page[data-tn-page="csat-dday-2026"] .tn-csat-result .tn-csat-countdown .tn-csat-milliseconds{color:var(--csat-accent)!important;-webkit-text-fill-color:var(--csat-accent)!important}

/* 20260924a: planner workspace — four targets, study-hours input, remaining-period stats, schedule/milestone board. */
.tn-csat-page{--csat-num:-apple-system,BlinkMacSystemFont,"Pretendard","Segoe UI",system-ui,sans-serif}
.tn-csat-targets{grid-template-columns:repeat(2,minmax(0,1fr))}
.tn-csat-control--suffix{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch}
.tn-csat-control--suffix b{display:flex;align-items:center;padding:0 12px;border-left:1px solid var(--csat-soft);color:var(--csat-muted);font-size:13px;font-weight:700}
.tn-csat-control input{font-family:var(--csat-num);font-weight:600;font-variant-numeric:lining-nums tabular-nums}
.tn-csat-control input[aria-invalid="true"]{box-shadow:inset 0 -2px 0 var(--csat-accent)}
.tn-csat-main strong,.tn-csat-countdown strong,.tn-csat-now time,.tn-csat-stats strong,.tn-csat-board b,.tn-csat-board time,.tn-csat-milestones span,.tn-csat-milestones small{font-family:var(--csat-num)!important;font-weight:800;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1,"tnum" 1}
.tn-csat-now time{font-weight:600}
.tn-csat-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.tn-csat-stats>div{display:grid;align-content:start;gap:4px;min-width:0;padding:10px 11px;border:1px solid var(--csat-soft);background:var(--csat-panel)}
.tn-csat-stats span{color:var(--csat-muted);font-size:12px;font-weight:700;line-height:1.3}
.tn-csat-stats strong{color:var(--csat-ink);font-size:clamp(18px,2.2vw,23px);line-height:1.15;letter-spacing:0;overflow-wrap:anywhere;-webkit-text-fill-color:currentColor}
.tn-csat-stats small{color:var(--csat-muted);font-size:11.5px;line-height:1.4}
.tn-csat-board{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:18px;margin-top:18px}
.tn-csat-schedule,.tn-csat-milestones{display:grid;align-content:start;gap:10px;min-width:0;padding:15px 17px;border:1px solid var(--csat-line);background:var(--csat-panel)}
.tn-csat-board ol{display:grid;margin:0;padding:0;list-style:none}
.tn-csat-board li{display:grid;align-items:baseline;gap:10px;margin:0;padding:9px 0;border-top:1px solid var(--csat-soft);font-size:13.5px;line-height:1.4}
.tn-csat-board li:first-child{border-top:0}
.tn-csat-schedule li{grid-template-columns:minmax(0,1fr) auto 64px}
.tn-csat-schedule li span{font-weight:600}
.tn-csat-schedule time{color:var(--csat-muted);font-size:13px;font-weight:600;white-space:nowrap}
.tn-csat-schedule b{justify-self:end;font-size:14px;white-space:nowrap}
.tn-csat-milestones li{grid-template-columns:52px minmax(0,1fr) auto}
.tn-csat-milestones b{font-size:14px}
.tn-csat-milestones span{font-weight:800}
.tn-csat-milestones small{color:var(--csat-muted);font-size:12.5px;font-weight:600;white-space:nowrap}
.tn-csat-board li[data-state="past"]>*{opacity:.58}
.tn-csat-board li[data-state="today"] b,.tn-csat-board li.is-selected b{color:var(--csat-accent);-webkit-text-fill-color:var(--csat-accent)}
.tn-csat-schedule li.is-selected span{text-decoration:underline;text-decoration-color:var(--csat-accent);text-underline-offset:3px}
.tn-csat-page .tn-example-ledger{display:grid;margin:12px 0 0;padding:0}
.tn-csat-page .tn-example-ledger>div{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:3px 12px;padding:10px 0;border-top:1px solid var(--csat-soft);background:transparent}
.tn-csat-page .tn-example-ledger>div:first-child{border-top:0}
.tn-csat-page .tn-example-ledger dt{margin:0;font-size:14px;font-weight:500;line-height:1.6}
.tn-csat-page .tn-example-ledger dd{margin:0;font-size:13px;font-weight:400;line-height:1.6;color:var(--csat-muted);font-family:var(--csat-num);font-variant-numeric:lining-nums tabular-nums}
@media (max-width:720px){.tn-csat-schedule{order:1}.tn-csat-milestones{order:2}.tn-csat-stats{grid-template-columns:1fr 1fr}.tn-csat-stats>div:last-child{grid-column:1/-1}.tn-csat-board{grid-template-columns:1fr;gap:10px;margin-top:10px}.tn-csat-schedule,.tn-csat-milestones{padding:13px}.tn-csat-page .tn-example-ledger>div{grid-template-columns:1fr}}
@media (max-width:370px){.tn-csat-input,.tn-csat-result{padding:10px}.tn-csat-targets{grid-template-columns:1fr 1fr}.tn-csat-schedule,.tn-csat-milestones{padding:10px}.tn-csat-schedule li{grid-template-columns:minmax(0,1fr) auto;row-gap:2px}.tn-csat-schedule time{grid-column:1;grid-row:2}.tn-csat-schedule b{grid-column:2;grid-row:1/3;align-self:center}.tn-csat-stats strong{font-size:18px}}