.t-date-calculator{--night:#182432;--night-2:#233549;--paper:#edf1ec;--ink:#1d2b35;--mist:#b6c6c6;--cyan:#89d4cc;--coral:#f18470;--line:#405568}.t-date-calculator,.t-date-calculator *{box-sizing:border-box}.t-date-calculator{background:var(--night);color:var(--paper);margin:0;font-family:Arial,Helvetica,sans-serif}.t-date-calculator button,.t-date-calculator input,.t-date-calculator select{font:inherit;border-radius:0}.t-date-calculator button:focus-visible,.t-date-calculator input:focus-visible,.t-date-calculator select:focus-visible{outline:2px solid var(--coral);outline-offset:3px}.t-date-calculator .calendar-shell{max-width:1240px;margin:0 auto;padding:44px clamp(20px,5vw,74px) 28px}.t-date-calculator .calendar-header{border-bottom:1px solid var(--line);grid-template-columns:120px minmax(0,1fr) 100px;align-items:start;gap:30px;padding-bottom:52px;display:grid}.t-date-calculator .calendar-glyph{grid-template-columns:repeat(2,1fr);gap:7px;padding-top:7px;display:grid}.t-date-calculator .calendar-glyph span{border:1px solid var(--line);color:var(--cyan);text-align:center;padding:9px 4px;font:11px ui-monospace,monospace}.t-date-calculator .calendar-glyph span:nth-child(3){background:var(--coral);color:var(--night);border-color:var(--coral)}.t-date-calculator .calendar-kicker,.t-date-calculator .section-rail,.t-date-calculator .date-inputs label span,.t-date-calculator .shift-controls label span,.t-date-calculator .answer-tape span,.t-date-calculator .today-marker span,.t-date-calculator .result-badge span{letter-spacing:.18em;text-transform:uppercase;font:700 10px/1.2 Arial,sans-serif}.t-date-calculator .calendar-kicker{color:var(--cyan);margin:0}.t-date-calculator .calendar-header h1{letter-spacing:-.08em;margin:22px 0 27px;font:400 clamp(58px,9vw,120px)/.83 Georgia,serif}.t-date-calculator .calendar-header h1 i{color:var(--coral);font-weight:400}.t-date-calculator .calendar-deck{color:#becbcb;max-width:500px;font:16px/1.55 Georgia,serif}.t-date-calculator .today-marker{border-left:1px solid var(--line);color:var(--mist);gap:5px;padding-left:14px;display:grid}.t-date-calculator .today-marker strong{color:var(--cyan);letter-spacing:-.11em;font:52px/.85 ui-monospace,monospace}.t-date-calculator .today-marker small{color:var(--coral);letter-spacing:.16em;font:700 11px Arial,sans-serif}.t-date-calculator .difference-section,.t-date-calculator .shift-section{border-bottom:1px solid var(--line);grid-template-columns:140px 1fr;gap:30px;padding:56px 0;display:grid}.t-date-calculator .section-rail{color:var(--mist);align-content:start;gap:14px;display:grid}.t-date-calculator .section-rail p{color:var(--cyan);margin:0}.t-date-calculator .section-rail span:last-child{color:#7f95a0;letter-spacing:.1em;font-size:9px}.t-date-calculator .rail-dot{border:2px solid var(--cyan);border-radius:50%;width:12px;height:12px}.t-date-calculator .rail-dot.coral{border-color:var(--coral)}.t-date-calculator .section-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.t-date-calculator .section-heading h2{letter-spacing:-.07em;margin:15px 0 0;font:400 clamp(34px,5vw,70px)/.9 Georgia,serif}.t-date-calculator .direction-word{color:var(--cyan);letter-spacing:.16em;text-transform:uppercase;padding-bottom:8px;font:11px ui-monospace,monospace}.t-date-calculator .date-inputs{grid-template-columns:1fr 100px 1fr;align-items:center;gap:20px;margin-top:48px;display:grid}.t-date-calculator .date-inputs label,.t-date-calculator .shift-controls label{gap:10px;display:grid}.t-date-calculator .date-inputs label span,.t-date-calculator .shift-controls label span{color:var(--mist)}.t-date-calculator .date-inputs input,.t-date-calculator .shift-controls input,.t-date-calculator .shift-controls select{color:var(--paper);border:0;border-bottom:1px solid var(--mist);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;outline:0;width:100%;padding:12px 0;font:17px ui-monospace,monospace}.t-date-calculator .date-inputs input:focus,.t-date-calculator .shift-controls input:focus,.t-date-calculator .shift-controls select:focus{border-color:var(--cyan)}.t-date-calculator .date-inputs b{color:#91a5aa;font:400 13px Georgia,serif}.t-date-calculator .measure-line{border-top:1px solid var(--cyan);height:1px;position:relative}.t-date-calculator .measure-line:before,.t-date-calculator .measure-line:after{content:"";border:1px solid var(--cyan);background:var(--night);border-radius:50%;width:7px;height:7px;position:absolute;top:-4px}.t-date-calculator .measure-line:before{left:0}.t-date-calculator .measure-line:after{right:0}.t-date-calculator .measure-line strong{color:var(--cyan);background:var(--night);padding:0 8px;font:22px Arial,sans-serif;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.t-date-calculator .answer-tape{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:0;margin-top:46px;display:flex}.t-date-calculator .answer-tape div{border-right:1px solid var(--line);flex:1;padding:16px 15px}.t-date-calculator .answer-tape div:last-child{border:0}.t-date-calculator .answer-tape span{color:var(--mist);display:block}.t-date-calculator .answer-tape strong{color:var(--paper);letter-spacing:-.1em;margin-top:7px;font:34px ui-monospace,monospace;display:block}.t-date-calculator .shift-main{min-width:0}.t-date-calculator .result-badge{border:1px solid var(--coral);color:var(--coral);gap:7px;padding:9px 12px;display:grid}.t-date-calculator .result-badge span{color:#e3a296}.t-date-calculator .result-badge strong{font:16px ui-monospace,monospace}.t-date-calculator .shift-controls{grid-template-columns:1fr .5fr .7fr;gap:24px;margin-top:48px;display:grid}.t-date-calculator .shift-equation{color:#9aadb1;align-items:center;gap:22px;margin-top:38px;font:14px ui-monospace,monospace;display:flex}.t-date-calculator .shift-equation b{color:var(--coral);font-weight:400}.t-date-calculator .shift-equation strong{color:var(--cyan);font-weight:400}.t-date-calculator .honesty-note{color:#8ca0a3;max-width:560px;margin:36px 0 0;font:13px/1.5 Georgia,serif}.t-date-calculator .calendar-footer{color:#82949a;letter-spacing:.12em;justify-content:space-between;gap:18px;padding-top:28px;font:10px Arial,sans-serif;display:flex}@media (max-width:720px){.t-date-calculator .calendar-shell{padding-top:24px}.t-date-calculator .calendar-header{grid-template-columns:1fr 70px;gap:15px;padding-bottom:35px}.t-date-calculator .calendar-glyph{grid-column:1/-1;grid-template-columns:repeat(5,1fr)}.t-date-calculator .calendar-glyph span{padding:6px 2px}.t-date-calculator .calendar-header h1{font-size:65px}.t-date-calculator .calendar-deck{font-size:15px}.t-date-calculator .today-marker strong{font-size:38px}.t-date-calculator .difference-section,.t-date-calculator .shift-section{grid-template-columns:1fr;gap:24px;padding:38px 0}.t-date-calculator .section-rail{align-items:center;gap:12px;display:flex}.t-date-calculator .section-rail span:last-child{margin-left:auto}.t-date-calculator .date-inputs{grid-template-columns:1fr;gap:26px;margin-top:32px}.t-date-calculator .measure-line{width:70%;margin:0 auto}.t-date-calculator .answer-tape strong{font-size:23px}.t-date-calculator .section-heading{align-items:start}.t-date-calculator .section-heading h2{font-size:43px}.t-date-calculator .result-badge{margin-top:12px}.t-date-calculator .shift-controls{grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}.t-date-calculator .shift-controls label:first-child{grid-column:1/-1}.t-date-calculator .shift-equation{flex-wrap:wrap;gap:10px;line-height:1.6}.t-date-calculator .calendar-footer{flex-direction:column;line-height:1.5}}