.day-counter-shell{color:#12202f;background:radial-gradient(circle at 8% 12%,#22d3ee47,#0000 28%),radial-gradient(circle at 90% 10%,#f472b63d,#0000 24%),radial-gradient(circle at 70% 88%,#facc1533,#0000 26%),linear-gradient(135deg,#f7fcff 0%,#eaf8f3 48%,#fff7ed 100%);width:100%;height:100vh;min-height:100vh;overflow:auto}.day-counter-hero{z-index:3;min-height:58vh;padding:24px clamp(18px,4vw,56px) 42px;position:relative}.day-counter-nav{color:#12202fb3;justify-content:space-between;align-items:center;gap:16px;max-width:1180px;margin:0 auto 56px;font-size:.92rem;font-weight:700;display:flex}.day-counter-back{-webkit-backdrop-filter:blur(18px)saturate(155%);backdrop-filter:blur(18px)saturate(155%);background:#ffffff70;border:1px solid #ffffffb8;border-radius:8px;align-items:center;min-height:38px;padding:0 14px;display:inline-flex;box-shadow:0 12px 30px #0f766e1f}.day-counter-grid{grid-template-columns:minmax(0,.9fr) minmax(320px,520px);align-items:center;gap:clamp(28px,5vw,78px);max-width:1180px;margin:0 auto;display:grid}.day-counter-copy{max-width:620px}.day-counter-kicker{color:#0f766e;letter-spacing:0;text-transform:uppercase;margin:0 0 16px;font-size:.82rem;font-weight:800}.day-counter-copy h1{color:#102133;letter-spacing:0;margin:0;font-size:clamp(2.7rem,6vw,5.6rem);line-height:.96}.day-counter-copy p:last-child{color:#12202fb8;max-width:560px;margin:24px 0 0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.65}.day-counter-card,.result-band,.metric-grid article{-webkit-backdrop-filter:blur(22px)saturate(170%);backdrop-filter:blur(22px)saturate(170%);background:linear-gradient(135deg,#ffffffbd,#ffffff61),linear-gradient(160deg,#22d3ee29,#f472b61a);border:1px solid #ffffffb3;box-shadow:0 24px 70px #0f766e29}.day-counter-card{border-radius:24px;gap:20px;padding:clamp(18px,3vw,28px);display:grid}.date-fields{grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);align-items:center;gap:10px;display:grid}.date-picker-card{z-index:1;color:#12202fb8;cursor:pointer;background:linear-gradient(145deg,#ffffff8f,#ffffff42);border:1px solid #ffffffb3;border-radius:18px;gap:10px;min-width:0;padding:14px;font-size:.86rem;font-weight:800;transition:transform .17s,border-color .17s,box-shadow .17s;display:grid;position:relative;box-shadow:0 14px 32px #34468217,inset 0 1px #ffffffd6}.date-picker-card:has(.date-picker-popover){z-index:20}.date-picker-card:hover,.date-picker-card:focus-within{border-color:#6366f152;transform:translateY(-2px);box-shadow:0 18px 38px #4f46e521,inset 0 1px #ffffffe6}.date-picker-label{color:#4a5570;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:7px;font-size:.72rem;display:flex}.date-picker-step{color:#4f46e5;letter-spacing:0;background:#6366f11a;border-radius:8px;place-items:center;width:25px;height:25px;font-size:.66rem;display:grid}.date-input-shell{color:#102133;text-align:left;background:#ffffff80;border:1px solid #6366f11f;border-radius:13px;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;min-width:0;min-height:50px;padding:0 10px;transition:border-color .16s,box-shadow .16s;display:grid;box-shadow:inset 0 1px #fffc,0 8px 22px #3446820f}.date-input-shell:hover,.date-input-shell[aria-expanded=true]{border-color:#6366f161;box-shadow:inset 0 1px #ffffffdb,0 10px 26px #4f46e51c}.date-calendar-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#3b82f6);border-radius:10px;place-items:center;width:30px;height:30px;display:grid;box-shadow:0 8px 18px #4f46e533}.date-calendar-icon svg,.date-swap-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.date-input-value{white-space:nowrap;min-width:0;padding-left:10px;font-size:.92rem;font-weight:800}.date-input-chevron{fill:none;stroke:#68738c;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;transition:transform .16s}.date-input-shell[aria-expanded=true] .date-input-chevron{transform:rotate(180deg)}.date-picker-preview{color:#12202f8c;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;font-weight:700;overflow:hidden}.date-swap-button{color:#fff;background:linear-gradient(135deg,#6366f1eb,#0ea5e9e6);border:1px solid #ffffffb8;border-radius:12px;place-items:center;width:38px;height:38px;padding:0;transition:transform .17s,box-shadow .17s;display:grid;box-shadow:0 10px 24px #4f46e538,inset 0 1px #ffffff52}.date-swap-button:hover{transform:rotate(6deg)scale(1.06);box-shadow:0 14px 30px #4f46e547,inset 0 1px #ffffff5c}.date-picker-popover{--rdp-accent-color:#6366f1;--rdp-accent-background-color:#6366f11f;--rdp-day-height:38px;--rdp-day-width:38px;--rdp-nav_button-height:34px;--rdp-nav_button-width:34px;z-index:30;-webkit-backdrop-filter:blur(32px)saturate(165%);backdrop-filter:blur(32px)saturate(165%);background:linear-gradient(145deg,#ffffffe6,#eff3ffd1),radial-gradient(circle at 0 0,#fffffff5,#0000 45%);border:1px solid #fffc;border-radius:22px;width:max-content;padding:10px;animation:.17s ease-out picker-enter;position:absolute;top:calc(100% - 4px);left:0;box-shadow:0 30px 70px #25306440,inset 0 1px #fffffff5}.date-picker-card:last-child .date-picker-popover{left:auto;right:0}.date-picker-popover .rdp-root{margin:0}.date-picker-popover .rdp-month_caption{height:42px}.date-picker-popover .rdp-dropdowns{gap:6px}.date-picker-popover .rdp-dropdown_root{background:#ffffff94;border:1px solid #6366f121;border-radius:10px;box-shadow:inset 0 1px #ffffffdb}.date-picker-popover .rdp-dropdown{cursor:pointer}.date-picker-popover .rdp-caption_label{color:#263450;padding:0 9px;font-size:.84rem;font-weight:800}.date-picker-popover .rdp-button_previous,.date-picker-popover .rdp-button_next{color:#4f46e5;background:#fff9;border:1px solid #6366f11f;border-radius:10px}.date-picker-popover .rdp-weekday{color:#7b849a;text-transform:uppercase;font-size:.68rem;font-weight:800}.date-picker-popover .rdp-day_button{color:#27334e;border-radius:11px;font-size:.78rem;font-weight:700;transition:background-color .13s,color .13s,transform .13s}.date-picker-popover .rdp-day_button:hover{color:#4338ca;background:#6366f11a;transform:translateY(-1px)}.date-picker-popover .rdp-selected .rdp-day_button{color:#fff;background:linear-gradient(135deg,#6366f1,#3b82f6);border-color:#0000;box-shadow:0 8px 18px #4f46e547,inset 0 1px #ffffff4d}.date-picker-popover .rdp-today:not(.rdp-selected) .rdp-day_button{color:#4f46e5;border:1px solid #6366f157}.date-picker-popover .rdp-outside{opacity:.32}.date-picker-footer{border-top:1px solid #6366f11a;justify-content:space-between;gap:10px;margin-top:7px;padding:10px 4px 2px;display:flex}.date-picker-footer button{color:#4f46e5;background:#6366f117;border:0;border-radius:10px;min-height:34px;padding:0 14px;font-size:.76rem;font-weight:800}.date-picker-footer button:last-child{color:#fff;background:linear-gradient(135deg,#6366f1,#3b82f6);box-shadow:0 8px 18px #4f46e533}@keyframes picker-enter{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.glass-toggle{color:#12202fc7;align-items:center;gap:12px;font-size:.92rem;font-weight:700;display:flex}.glass-toggle input{opacity:0;position:absolute}.toggle-track{background:#0f766e29;border:1px solid #ffffffc2;border-radius:999px;width:52px;height:30px;padding:4px;transition:background .16s}.toggle-track span{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .16s;display:block;box-shadow:0 8px 18px #0f766e2e}.glass-toggle input:checked+.toggle-track span{transform:translate(22px)}.quick-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.quick-actions button{color:#134e4a;background:#ffffff7a;border:1px solid #ffffffb8;border-radius:8px;min-height:42px;padding:0 10px;font-size:.86rem;font-weight:800;box-shadow:0 10px 22px #0f766e1a}.quick-actions button:hover{background:#ffffffb8}.custom-offset{background:linear-gradient(145deg,#ffffff80,#ffffff3d);border:1px solid #ffffffb8;border-radius:17px;gap:9px;padding:14px;display:grid;box-shadow:0 12px 28px #34468214,inset 0 1px #ffffffd1}.custom-offset-label{color:#4a5570;letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:800}.custom-offset-controls{grid-template-columns:minmax(90px,1fr) minmax(90px,.8fr) auto;gap:8px;display:grid}.custom-offset-controls input,.custom-offset-controls select,.custom-offset-controls button{border:1px solid #6366f124;border-radius:12px;width:100%;min-height:44px;font-size:.84rem;font-weight:800}.custom-offset-controls input,.custom-offset-controls select{color:#263450;background:#ffffff85;outline:0;padding:0 12px;box-shadow:inset 0 1px #ffffffd1}.custom-offset-controls input:focus,.custom-offset-controls select:focus{border-color:#6366f180;box-shadow:0 0 0 4px #6366f11a}.custom-offset-controls button{color:#fff;background:linear-gradient(135deg,#6366f1,#3b82f6);border-color:#ffffff52;justify-content:center;align-items:center;gap:8px;padding:0 16px;display:inline-flex;box-shadow:0 10px 22px #4f46e533,inset 0 1px #ffffff47}.custom-offset-controls button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.custom-offset small{color:#12202f80;font-size:.7rem;font-weight:700}.result-band{z-index:1;border-radius:28px;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:22px;max-width:1180px;margin:0 auto 42px;padding:clamp(18px,3vw,26px);display:grid;position:relative}.result-main{min-width:0}.result-main span,.metric-grid span{color:#12202f94;font-size:.84rem;font-weight:800;display:block}.result-main strong{color:#0f766e;margin-top:12px;font-size:clamp(2.4rem,6vw,5.2rem);line-height:.95;display:block}.result-main p{color:#12202fb3;margin:18px 0 0;line-height:1.55}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.metric-grid article{border-radius:18px;min-height:122px;padding:18px}.metric-grid strong{color:#102133;margin-top:12px;font-size:clamp(1rem,2vw,1.25rem);line-height:1.35;display:block}@media (max-width:860px){.day-counter-hero{padding-bottom:28px}.day-counter-nav{margin-bottom:36px}.day-counter-grid,.result-band{grid-template-columns:1fr}.day-counter-copy h1{font-size:clamp(2.4rem,13vw,4.5rem)}}@media (max-width:560px){.day-counter-shell{background:radial-gradient(circle at 10% 8%,#22d3ee47,#0000 28%),linear-gradient(145deg,#f7fcff 0%,#eaf8f3 55%,#fff7ed 100%)}.quick-actions,.metric-grid{grid-template-columns:1fr}.glass-toggle{align-items:flex-start}.result-main strong{font-size:3rem}}.day-counter-shell{isolation:isolate;background:radial-gradient(circle at 8% 12%,#4f46e540,#0000 29%),radial-gradient(circle at 88% 10%,#0ea5e93d,#0000 27%),radial-gradient(circle at 70% 88%,#ec489929,#0000 28%),linear-gradient(145deg,#f8faff 0%,#e9f1ff 48%,#f9effa 100%);position:relative}.day-counter-shell:before,.day-counter-shell:after{content:"";z-index:-1;filter:blur(18px);pointer-events:none;border-radius:999px;position:fixed}.day-counter-shell:before{background:#6366f12e;width:300px;height:300px;top:28%;left:-120px}.day-counter-shell:after{background:#0ea5e926;width:380px;height:380px;bottom:-80px;right:-150px}.day-counter-nav{margin-bottom:48px}.day-counter-back{-webkit-backdrop-filter:blur(22px)saturate(155%);backdrop-filter:blur(22px)saturate(155%);background:#ffffff70;border-color:#ffffffbd;border-radius:14px;min-height:42px;padding-inline:18px;box-shadow:0 14px 38px #34468221,inset 0 1px #fffc}.day-counter-kicker{color:#4f46e5;letter-spacing:.12em}.day-counter-copy h1{color:#0000;letter-spacing:-.055em;background:linear-gradient(120deg,#172554 10%,#4f46e5 56%,#0891b2);-webkit-background-clip:text;background-clip:text;max-width:680px}.day-counter-card,.result-band,.metric-grid article{-webkit-backdrop-filter:blur(28px)saturate(160%);backdrop-filter:blur(28px)saturate(160%);background:linear-gradient(145deg,#ffffffa3,#ffffff47),radial-gradient(circle at 12% 0,#ffffffd1,#0000 40%);border-color:#ffffffbd;box-shadow:0 24px 70px #34468226,inset 0 1px #ffffffd9}.day-counter-card{border-radius:28px}.quick-actions button{color:#3730a3;background:#ffffff70;border-radius:12px;min-height:44px;transition:transform .16s,background-color .16s,box-shadow .16s}.quick-actions button:hover{background:#ffffffb8;transform:translateY(-2px);box-shadow:0 14px 28px #4f46e51f}.glass-toggle input:checked+.toggle-track{background:linear-gradient(135deg,#6366f1,#06b6d4)}.result-main strong{color:#4f46e5}.metric-grid article{transition:transform .18s,box-shadow .18s}.metric-grid article:hover{transform:translateY(-3px);box-shadow:0 30px 76px #3446822e,inset 0 1px #ffffffe6}@media (prefers-reduced-motion:reduce){.date-picker-card,.date-swap-button,.quick-actions button,.metric-grid article{transition:none}}@media (max-width:560px){.date-fields{grid-template-columns:1fr}.date-swap-button{justify-self:center;transform:rotate(90deg)}.date-swap-button:hover{transform:rotate(96deg)scale(1.06)}.date-picker-popover,.date-picker-card:last-child .date-picker-popover{left:auto;right:50%;transform:translate(50%)}.date-picker-popover{--rdp-day-height:36px;--rdp-day-width:36px;max-width:calc(100vw - 32px)}.custom-offset-controls{grid-template-columns:minmax(0,1fr) minmax(90px,.7fr)}.custom-offset-controls button{grid-column:1/-1}@keyframes picker-enter{0%{opacity:0;transform:translate(50%)translateY(-6px)scale(.98)}to{opacity:1;transform:translate(50%)translateY(0)scale(1)}}}