:root{--ui-font-scale:1;--ui-font-weight:400;--ui-font-weight-offset:0}
body{font-size:calc(13px * var(--ui-layout-font-scale));font-weight:var(--ui-font-weight)}
strong,b{font-weight:clamp(200,calc(700 + var(--ui-font-weight-offset)),900)}
.font-preview{padding:14px;background:#ffffff70;border:1px solid #ffffffd0;border-radius:13px;color:#476378;margin-top:16px;overflow-wrap:anywhere}
.font-preview strong{font-size:calc(13px * var(--ui-layout-font-scale));font-weight:clamp(200,calc(550 + var(--ui-font-weight-offset)),900)}
.font-preview p{font-size:calc(11px * var(--ui-layout-font-scale));margin:7px 0;color:#698297}
.font-preview>span{font-size:calc(9px * var(--ui-layout-font-scale));color:#8ba1b2;line-height:1.8}
.typography-section .appearance-label button{white-space:nowrap}
.appearance-slider>span{gap:12px;flex-wrap:wrap}
.appearance-slider output{flex-shrink:0}
.appearance-heading h2{line-height:1.6}
.appearance-heading>div{min-width:0}
.appearance-heading .close-button{flex-shrink:0}
.appearance-label h3{line-height:1.7}
.appearance-scroll{min-height:0}
.appearance-toggle>span{min-width:0}
.appearance-footer{gap:12px;flex-shrink:0;flex-wrap:wrap}
.appearance-footer button{line-height:1.8}
.large-type .calendar-toolbar{flex-wrap:wrap;row-gap:12px}
.large-type .month-title{flex-basis:45%}
.large-type .calendar-toolbar .view-switch{margin-left:auto}
.large-type .calendar-event{min-height:27px}
.large-type .calendar-event time{display:none}
.large-type .day-cell{min-height:135px}
.large-type .sidebar{min-height:calc(760px * var(--ui-layout-font-scale));height:auto;align-self:start}
.large-type .side-nav button{min-width:0}
.large-type .brand{letter-spacing:1px}
.large-type .brand>div>span{letter-spacing:1px}
.large-type .rail-heading{gap:8px}
.large-type .rail-heading h3{line-height:1.8}
.large-type .day-top{flex-wrap:wrap;gap:6px}
.large-type .experience-banner{flex-wrap:wrap}
.large-type .experience-banner p{min-width:150px}
.large-type .focus-date{min-height:44px;min-width:35px}
.large-type .day-event{min-height:135px}
.large-type .day-event .event-time{padding-right:16px;flex-wrap:wrap}
.large-type .modal-actions{flex-wrap:wrap}
.large-type .toggle-row{flex-wrap:wrap;gap:12px}
.large-type .form-row{flex-wrap:wrap}
.large-type .form-row>label{min-width:140px}
.large-type .backup-actions{flex-wrap:wrap}
.large-type .topbar h1{line-height:1.65}
.large-type .create-button{flex-wrap:wrap}
.large-type .create-button>span{display:none}
@media(max-width:1000px){.large-type .right-rail{grid-template-columns:1fr 1fr}.large-type .reminder-card{grid-column:1/-1}.large-type .day-events{grid-template-columns:1fr}}
@media(max-width:720px){
 .large-type .sidebar{min-height:0;height:auto;position:relative;flex-wrap:wrap;gap:12px}
 .large-type .side-nav button{font-size:0}
 .large-type .topbar{align-items:flex-start}
 .large-type .top-actions{flex-shrink:0}
 .large-type .topbar h1{font-size:calc(18px * var(--ui-layout-font-scale));max-width:230px}
 .large-type .month-title{flex-basis:42%}
 .large-type .calendar-toolbar{gap:5px}
 .large-type .day-cell{min-height:120px}
 .large-type .date-button{width:28px;height:28px}
 .large-type .calendar-event{font-size:calc(8px * var(--ui-layout-font-scale));padding:4px 2px}
 .large-type .experience-banner p{min-width:120px}
 .large-type .day-event{min-height:85px;grid-template-columns:95px minmax(0,1fr)}
 .large-type .right-rail{grid-template-columns:1fr 1fr}
 .large-type .day-card,.large-type .focus-card{padding:15px 11px}
 .large-type .focus-info strong{font-size:calc(9px * var(--ui-layout-font-scale))}
 .large-type .focus-date{min-width:27px}
 .large-type .appearance-heading h2{font-size:calc(15px * var(--ui-layout-font-scale))}
 .large-type .wallpaper-presets{grid-template-columns:1fr 1fr}
 .large-type .appearance-footer span{width:100%}
}
/* Reading size changes glyphs without changing their layout footprint. */
:root{--ui-layout-font-scale:1}
ui-text{display:inline-block;position:relative;max-width:100%;vertical-align:top;line-height:inherit;-webkit-text-fill-color:transparent}
ui-ink{position:absolute;inset:0;overflow:hidden;display:block;pointer-events:none;font-size:calc(1em * var(--ui-font-scale,1));line-height:var(--ui-copy-line-height);-webkit-text-fill-color:currentColor;white-space:inherit;text-align:inherit}
ui-ink:before{content:attr(data-copy)}
:is(button,h1,h2,h3,strong,small,output,time,.side-label,.eyebrow,.category-toggle,.brand,.mini-heading,.calendar-footer,.insights-range) ui-ink{white-space:nowrap;text-overflow:ellipsis}
[data-reading-native]{font-size:calc(var(--ui-native-font-size) * var(--ui-font-scale,1))!important;line-height:var(--ui-native-line-height)!important;height:var(--ui-native-height)!important;width:var(--ui-native-width)!important;min-height:0!important;min-width:0}
ui-ink{inset:0 auto auto var(--ui-ink-left,0px);width:var(--ui-ink-width,100%);min-height:100%;height:max(100%,1.3em)}
.insight-day-name,.insight-day-date,.insight-day-count{align-self:stretch;text-align:center}