.sleep-debt-tool{border:1px solid color-mix(in srgb, var(--ink-200) 72%, transparent);background:radial-gradient(circle at 13% 22%, #f1d28c85, transparent 18rem), radial-gradient(circle at 82% 76%, #f3a5ba5c, transparent 20rem), color-mix(in srgb, var(--ps-surface) 92%, white 8%);box-shadow:var(--ps-raised);color:var(--ink-900);border-radius:1.35rem;padding:clamp(.95rem,2vw,1.32rem);position:relative;overflow:hidden}.sleep-debt-tool>section.ps{box-shadow:none;border:0;padding:0;overflow:hidden;background:0 0!important}.sleep-debt-tool form.ps--inset,.sleep-debt-tool #sleep-debt-result>.ps{box-shadow:none;border:0;padding:clamp(1rem,2.3vw,1.45rem);background:0 0!important}.sleep-debt-tool .ps-card__label,.sleep-debt-tool .ps-stat__label,.sleep-debt-tool fieldset>legend,.sleep-debt-tool label>span:first-child{text-transform:uppercase;color:var(--ink-500)!important;letter-spacing:.16em!important;font-size:.68rem!important;font-weight:900!important}.sleep-debt-tool h2{font-family:var(--font-serif);line-height:1.04;color:var(--ink-950)!important;font-size:clamp(1.55rem,3vw,2.15rem)!important}.sleep-debt-tool [role=tablist]{box-shadow:none;background:0 0;border:0;border-radius:999px;gap:.48rem;padding:0}.sleep-debt-tool [role=tablist] button,.sleep-debt-tool [aria-label="Sleep log length"] button{border:1px solid color-mix(in srgb, var(--ink-300) 44%, transparent);min-height:2.35rem;box-shadow:var(--ps-raised-sm);color:var(--ink-700);cursor:pointer;text-align:center;background:#ffffff94;border-radius:999px;padding:.45rem .82rem;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}.sleep-debt-tool [role=tablist] button:hover,.sleep-debt-tool [role=tablist] button:focus-visible,.sleep-debt-tool [aria-label="Sleep log length"] button:hover,.sleep-debt-tool [aria-label="Sleep log length"] button:focus-visible{border-color:color-mix(in srgb, var(--accent-teal) 58%, transparent);box-shadow:var(--ps-inset-sm);background:#ffffff70;transform:translateY(1px)}.sleep-debt-tool [role=tablist] button[aria-pressed=true],.sleep-debt-tool [aria-label="Sleep log length"] button[aria-pressed=true]{box-shadow:var(--ps-inset-sm), 0 .55rem 1.1rem color-mix(in srgb, var(--accent-teal) 20%, transparent);color:#fff;background:linear-gradient(135deg,#35a879,#3f999a);border-color:#0000;transform:translateY(1px)}.sleep-debt-tool .ps-input{border:1px solid color-mix(in srgb, var(--ink-200) 70%, transparent);box-shadow:var(--ps-inset);background:#ffffffa3;border-radius:.86rem;min-height:4rem!important}.sleep-debt-tool input:not([type=checkbox]),.sleep-debt-tool select{text-align:center;line-height:1.1;color:var(--ink-950)!important;font-size:1.35rem!important;font-weight:900!important}.sleep-debt-tool select{font-size:1rem!important}.sleep-debt-tool [name^=sleep_night_]{font-size:1.2rem!important}.sleep-debt-tool fieldset>div{align-items:start}.sleep-debt-tool label{min-width:0}.sleep-debt-tool label>span:first-child:not(.sr-only){margin-bottom:.38rem}.sleep-debt-tool label.ps--flat{border:1px solid color-mix(in srgb, var(--ink-200) 62%, transparent);box-shadow:var(--ps-raised-sm);background:#ffffff85;border-radius:.85rem}.sleep-debt-tool label.ps--flat:has(input:checked){border-color:color-mix(in srgb, var(--accent-teal) 36%, transparent);background:#ffffff9e}.sleep-debt-tool button[type=submit]{border-radius:999px;min-height:2.65rem}.sleep-debt-tool #sleep-debt-result{position:relative}.sleep-debt-tool #sleep-debt-result>.ps{box-shadow:none;border:0;overflow:hidden;background:0 0!important}.sleep-debt-tool #sleep-debt-result [data-speakable]{min-height:13.5rem;box-shadow:var(--ps-inset-sm);backdrop-filter:blur(18px);border:1px solid #ffffff85;border-radius:1rem;align-content:center;display:grid;background:color-mix(in srgb, var(--ps-surface) 70%, white 30%)!important}.sleep-debt-tool #sleep-debt-result [data-speakable]>p.tnum{font-family:var(--font-serif);line-height:.92;color:#244fc7!important;font-size:clamp(3.2rem,9vw,5.3rem)!important}.sleep-debt-tool .ps-badge{box-shadow:var(--ps-raised-sm)}.sleep-debt-tool dl{border-color:color-mix(in srgb, var(--ink-200) 72%, transparent)}.sleep-debt-tool dt{color:var(--ink-500)!important;letter-spacing:.14em!important;font-size:.68rem!important;font-weight:900!important}.sleep-debt-tool dd{color:var(--ink-900)!important;font-weight:900!important}.sleep-debt-tool h3{color:var(--ink-950)!important}[data-theme=dark] .sleep-debt-tool{color:#f8f4fa;background:radial-gradient(circle at 13% 22%,#b98b4a47,#0000 18rem),radial-gradient(circle at 82% 76%,#c15b8242,#0000 20rem),#2a2234;border-color:#ffffff29}[data-theme=dark] .sleep-debt-tool h2,[data-theme=dark] .sleep-debt-tool h3{color:#fff9fc!important}[data-theme=dark] .sleep-debt-tool .ps-card__label,[data-theme=dark] .sleep-debt-tool .ps-stat__label,[data-theme=dark] .sleep-debt-tool fieldset>legend,[data-theme=dark] .sleep-debt-tool label>span:first-child{color:#f5eef8db!important}[data-theme=dark] .sleep-debt-tool [role=tablist] button,[data-theme=dark] .sleep-debt-tool [aria-label="Sleep log length"] button{color:#f8f4fa;background:#ffffff24;border-color:#ffffff24;box-shadow:-.28rem -.28rem .78rem #ffffff0f,.42rem .46rem .9rem #00000057}[data-theme=dark] .sleep-debt-tool [role=tablist] button:hover,[data-theme=dark] .sleep-debt-tool [role=tablist] button:focus-visible,[data-theme=dark] .sleep-debt-tool [aria-label="Sleep log length"] button:hover,[data-theme=dark] .sleep-debt-tool [aria-label="Sleep log length"] button:focus-visible{background:#ffffff17;box-shadow:inset .22rem .22rem .55rem #00000059,inset -.18rem -.18rem .45rem #ffffff0f}[data-theme=dark] .sleep-debt-tool [role=tablist] button[aria-pressed=true],[data-theme=dark] .sleep-debt-tool [aria-label="Sleep log length"] button[aria-pressed=true]{color:#fff;background:linear-gradient(135deg,#35a879,#3f999a)}[data-theme=dark] .sleep-debt-tool .ps-input{background:color-mix(in srgb, var(--ps-surface) 92%, white 8%);border-color:#ffffff21;box-shadow:inset .32rem .32rem .85rem #0000005c,inset -.22rem -.22rem .62rem #ffffff14}[data-theme=dark] .sleep-debt-tool input:not([type=checkbox]),[data-theme=dark] .sleep-debt-tool select{color:#fff9fc!important}[data-theme=dark] .sleep-debt-tool label.ps--flat{background:color-mix(in srgb, var(--ps-surface) 92%, white 8%);border-color:#ffffff1f;box-shadow:-.28rem -.28rem .78rem #ffffff0b,.46rem .52rem 1rem #00000054}[data-theme=dark] .sleep-debt-tool label.ps--flat:has(input:checked){border-color:color-mix(in srgb, var(--accent-teal) 44%, transparent);background:linear-gradient(145deg, #47bf9933, #3f999a24), color-mix(in srgb, #30283a 86%, var(--accent-teal) 14%);box-shadow:inset .2rem .2rem .58rem #00000047,inset -.18rem -.18rem .48rem #ffffff12,0 .55rem 1.1rem #0003}[data-theme=dark] .sleep-debt-tool label.ps--flat span{color:#f8f4fa!important}[data-theme=dark] .sleep-debt-tool label.ps--flat:has(input:checked) span,[data-theme=dark] .sleep-debt-tool label.ps--flat:has(input:checked) span span:last-child{color:#fff9fc!important}[data-theme=dark] .sleep-debt-tool label.ps--flat:not(:has(input:checked)) span span:last-child,[data-theme=dark] .sleep-debt-tool>section p:not(.ps-card__label){color:#e5dce9d1!important}[data-theme=dark] .sleep-debt-tool #sleep-debt-result [data-speakable]{border-color:#ffffff29;box-shadow:inset .24rem .24rem .74rem #00000057,inset -.2rem -.2rem .62rem #ffffff12;background:color-mix(in srgb, var(--ps-surface) 94%, white 6%)!important}[data-theme=dark] .sleep-debt-tool dl{border-color:#ffffff24}[data-theme=dark] .sleep-debt-tool dd{color:#fff9fc!important}@media (width<=860px){.sleep-debt-tool{max-width:40rem}.sleep-debt-tool [role=tablist],.sleep-debt-tool [aria-label="Sleep log length"]{justify-content:center}.sleep-debt-tool [role=tablist] button,.sleep-debt-tool [aria-label="Sleep log length"] button{flex:auto}}@media (width<=640px){.sleep-debt-tool{max-width:32rem;padding:.75rem}.sleep-debt-tool>section.ps{padding:0}.sleep-debt-tool form.ps--inset,.sleep-debt-tool #sleep-debt-result>.ps{padding-inline:.75rem}.sleep-debt-tool [role=tablist],.sleep-debt-tool [aria-label="Sleep log length"]{width:100%}.sleep-debt-tool [role=tablist] button,.sleep-debt-tool [aria-label="Sleep log length"] button{flex:calc(50% - .5rem);padding-inline:.62rem}.sleep-debt-tool .ps-input{min-height:3.75rem!important}.sleep-debt-tool #sleep-debt-result [data-speakable]{min-height:12rem;padding-inline:.85rem}.sleep-debt-tool #sleep-debt-result [data-speakable]>p.tnum{font-size:clamp(3rem,16vw,4.15rem)!important}}
