@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url("/inter-500.woff2") format("woff2")}
body:is([data-screen="daily"],[data-screen="studios"],[data-screen="monthly"],[data-screen="tech"],[data-screen="yours"],[data-screen="profile"],[data-screen="studio"],[data-screen="studio-public"],[data-screen="project"],[data-screen="settings"]) :is(main,dialog) :is(h1,h2,h3,h4){font-family:Inter,Arial,sans-serif}
body:is([data-screen="daily"],[data-screen="studios"],[data-screen="monthly"],[data-screen="tech"],[data-screen="yours"],[data-screen="profile"],[data-screen="studio"],[data-screen="studio-public"],[data-screen="project"],[data-screen="settings"]) :is(main,dialog) h1{font-weight:500;letter-spacing:-.04em}
body:is([data-screen="daily"],[data-screen="studios"],[data-screen="monthly"],[data-screen="tech"],[data-screen="yours"],[data-screen="profile"],[data-screen="studio"],[data-screen="studio-public"],[data-screen="project"],[data-screen="settings"]) :is(main,dialog) h2{font-weight:500}
body:is([data-screen="daily"],[data-screen="studios"],[data-screen="monthly"],[data-screen="tech"],[data-screen="yours"],[data-screen="profile"],[data-screen="studio"],[data-screen="studio-public"],[data-screen="project"],[data-screen="settings"]) :is(main,dialog) :is(h3,h4){font-weight:500}
body:is([data-screen="daily"],[data-screen="studios"],[data-screen="monthly"],[data-screen="tech"],[data-screen="yours"],[data-screen="profile"],[data-screen="studio"],[data-screen="studio-public"],[data-screen="project"],[data-screen="settings"]) :is(main,dialog) :is(h1,h2,h3) strong{font-weight:600}

/* Complete app heading hierarchy, preserving the welcome and onboarding screens. */
body[data-screen]:not([data-screen="welcome"]):not([data-screen="onboarding"]) :is(main,dialog) :is(h1,h2,h3,h4){font-family:Inter,Arial,sans-serif}
body[data-screen]:not([data-screen="welcome"]):not([data-screen="onboarding"]) :is(main,dialog) h1{font-weight:500;letter-spacing:-.04em}
body[data-screen]:not([data-screen="welcome"]):not([data-screen="onboarding"]) :is(main,dialog) h2{font-weight:500}
body[data-screen]:not([data-screen="welcome"]):not([data-screen="onboarding"]) :is(main,dialog) :is(h3,h4){font-weight:500}
body:is([data-screen="daily"],[data-screen="studios"],[data-screen="tech"],[data-screen="yours"]) main h1{font-size:36px;line-height:1.15}
@media(max-width:900px){body:is([data-screen="daily"],[data-screen="studios"],[data-screen="tech"],[data-screen="yours"]) main h1{font-size:29px}}


.maker-catalog-intro,.maker-catalog-intro p{width:100%;max-width:none}
.white-date-picker{position:relative;flex:none;margin:0;font-size:12px}
.white-date-picker summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:40px;padding:10px 14px;border:1px solid #ddd;border-radius:10px;background:#fff;color:#171717;font-weight:400;list-style:none;cursor:pointer}
.white-date-picker summary::-webkit-details-marker{display:none}
.white-date-picker summary:after{content:"";width:6px;height:6px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg);margin-top:-3px}
.white-date-picker .date-options{position:absolute;right:0;top:calc(100% + 6px);z-index:60;min-width:100%;width:max-content;max-width:calc(100vw - 40px);padding:5px;background:#fff;border:1px solid #e5e5e5;border-radius:10px;box-shadow:0 5px 18px #0000000d}
.white-date-picker:not([open]) .date-options{display:none}
.white-date-picker .date-options button{display:block;width:100%;min-height:40px;text-align:left;padding:10px 12px;background:#fff;color:#171717;border:0;border-radius:6px;font:inherit;white-space:nowrap}
.white-date-picker .date-options button[aria-selected=true]{font-weight:600}
.white-date-picker .date-options button:hover,.white-date-picker .date-options button:focus-visible{background:#f6f6f5}
.white-date-picker summary:focus-visible,.white-date-picker button:focus-visible{outline:1px solid #999;outline-offset:2px}
select.day-picker[hidden]{display:none!important}

/* Compact daily date control and isolate dropdown above the award legend. */
.daily .discover-top{position:relative;z-index:2}
.daily .award-bar{position:relative;z-index:0}
.white-date-picker .date-short{display:none}
@media(max-width:700px){
.daily .discover-top{gap:10px;align-items:center}
.daily .discover-top h1{flex:1;min-width:0}
.daily .white-date-picker{width:82px;font-size:11px}
.daily .white-date-picker summary{min-height:40px;padding:10px;gap:7px;white-space:nowrap}
.daily .white-date-picker summary:after{flex:none}
.daily .white-date-picker .date-full{display:none}
.daily .white-date-picker .date-short{display:inline}
.daily .white-date-picker .date-options{min-width:160px}
.daily .white-date-picker .date-options button{min-height:44px}
}
@media(max-width:359px){
.daily .discover-top{flex-wrap:wrap}
.daily .discover-top h1{flex-basis:100%}
.daily .white-date-picker{margin-left:auto}
}

/* Restore the original Start a studio headline typography. */
body:is([data-screen],[data-account-page]) :is(main,dialog) :is(h1,h2,h3,h4){font-family:Inter,Arial,sans-serif!important;font-weight:500!important}
body[data-screen]:not([data-screen="welcome"]):not([data-screen="onboarding"]) main h1{font-size:34px;line-height:1.15}@media(max-width:900px){body[data-screen]:not([data-screen="welcome"]):not([data-screen="onboarding"]) main h1{font-size:28px}}