body[data-page] #topWrap{height:86px;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
body[data-page] #topWrap header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);height:86px;padding:10px 4vw;gap:24px}
body[data-page] #topWrap h1{width:auto;height:auto;max-width:none;justify-self:start;overflow:visible}
.calendar-brand{display:flex;gap:14px;align-items:center;white-space:nowrap}
#topWrap h1 .calendar-brand img{width:76px;height:48px;max-width:none;max-height:none;transform:none}
.calendar-brand>span{font-size:12px;letter-spacing:2px;font-weight:500;color:#17304e}
body[data-page] #loginArea{width:auto;max-width:none;min-width:0;margin:0;justify-self:end;display:block;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
body[data-page] #settingsToggle,body[data-page] #settingsToggle:hover,body[data-page] #settingsToggle:active{height:44px;padding:0 5px;border:0;border-radius:0;background:none;box-shadow:none;color:#142d49;font-size:16px;font-weight:500;transform:none;backdrop-filter:none;transition:color .16s}
body[data-page] #settingsToggle:hover,body[data-page] #settingsToggle[aria-expanded=true]{color:#0667d5}
body[data-page] #helloMenu{position:absolute;left:auto!important;right:0!important;top:calc(100% + 10px)!important;width:232px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 110px);overflow:auto;padding:10px;border:1px solid #d9e5f3;border-radius:16px;background:#fcfdff;box-shadow:0 14px 36px #21456825,0 2px 5px #2145680c;backdrop-filter:none;transform-origin:top right;z-index:110}
#helloMenu .settings-account{padding:10px 12px 14px;margin-bottom:6px;border-bottom:1px solid #e5edf6;display:flex;flex-direction:column;gap:5px}
body[data-page] #helloTag{position:static;padding:0;margin:0;line-height:1.5;white-space:normal;overflow-wrap:anywhere;color:#304862!important;font-size:14px!important;cursor:default}
body[data-page] #helloMenu #adminTag{padding:0;min-height:0;height:auto;border:0;border-radius:0;background:none;box-shadow:none;font-size:12px!important;font-weight:400;line-height:1.5;color:#688098!important;justify-content:flex-start}
body[data-page] #helloMenu button{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-height:40px;height:auto;padding:10px 12px;margin:0;border:0;border-radius:8px;background:none;box-shadow:none;color:#354e6b;font-size:14px;font-weight:500;line-height:1.4;transform:none;transition:color .15s}
body[data-page] #helloMenu button:hover{background:none;box-shadow:none;color:#0869d3;transform:none}
body[data-page] #helloMenu button::before{display:none!important}
#helloMenu .nav-icon{display:none}
body[data-page] #helloMenu #logoutBtn{color:#a44848}



body[data-page=home]{background:#b9dcfa url('../assets/optimized/calendar-sky.webp') center/cover no-repeat fixed!important}
html[data-mobile-surface=dashboard] body[data-page=home] #board{padding:44px 0 50px!important;min-height:calc(100dvh - 86px);display:flex;flex-direction:row;align-items:flex-start;justify-content:center}
html[data-mobile-surface=dashboard] body[data-page=home] #board>#featureBlocks.home-feature-blocks{width:68vw;height:auto;aspect-ratio:1.58;min-width:0;max-width:1180px;min-height:0;max-height:none;margin:0 auto}
body[data-page=home] .feature-block,body[data-page=home] .feature-block-body{height:100%}
body[data-page=home]:not(:has(#loginOv.show)) .home-art{display:block;inset:86px 0 0}
body[data-page=home] .home-art img{position:absolute;display:block;height:auto;object-fit:contain}
body[data-page=home] .home-art-calendar{width:7vw;right:4%;top:10%}
body[data-page=home] .home-art-ball-small{width:4vw;right:2%;top:0}
body[data-page=home] .home-art-ball-large{width:7vw;right:1%;bottom:1%}
@media(max-width:1200px){.calendar-brand>span{display:none}}
@media(max-width:1100px){
 body[data-page] #topWrap header{padding:10px 20px;gap:12px}
 html[data-mobile-surface=dashboard] body[data-page=home] #board{padding:24px 0 40px!important}
 html[data-mobile-surface=dashboard] body[data-page=home] #board>#featureBlocks.home-feature-blocks{width:80%;margin:0 auto}
 body[data-page=home] .home-art{display:none!important}
}
@media(max-width:680px){
 body[data-page] #topWrap{height:auto;position:relative}
 body[data-page] #topWrap header{height:auto;grid-template-columns:1fr 1fr;padding:10px 12px 4px;gap:4px 12px}
 #topWrap h1 .calendar-brand img{width:58px;height:42px}
 body[data-page] #loginArea{grid-column:2;grid-row:1}
 html[data-mobile-surface=dashboard] body[data-page=home] #board{padding:12px 0 30px!important;min-height:0}
 html[data-mobile-surface=dashboard] body[data-page=home] #board>#featureBlocks.home-feature-blocks{width:calc(100% - 32px);margin:0 16px;aspect-ratio:auto;height:1000px}
}


html[data-mobile-surface=dashboard] body[data-page=home] #board iframe[data-mobile-flow]{height:var(--mobile-frame-height,100%)!important;min-height:0!important;max-height:none!important}


.feature-block[data-fid=calendar]{position:relative}
.feature-block[data-fid=calendar]>.feature-block-body{position:relative;z-index:1}
.calendar-companions{position:absolute;inset:0;pointer-events:none;z-index:0}
.calendar-pull{position:absolute;bottom:13%;width:26%;height:auto;display:block;object-fit:contain;pointer-events:none;user-select:none}
.calendar-pull-left{right:95.1%;bottom:0;transform:rotate(-8deg);transform-origin:89% 57%}
.calendar-pull-right{left:89.5%;bottom:0;width:33%;transform:none}
.calendar-hands{z-index:2}
.calendar-hands .calendar-pull-left{clip-path:inset(48% 6% 34% 78%)}
.calendar-hands .calendar-pull-right{clip-path:inset(32% 65% 53% 26%)}
@media(min-width:861px) and (max-width:1100px){.calendar-pull{width:12%}.calendar-pull-left{right:97%}.calendar-pull-right{left:94.8%;width:16.5%}}
@media(max-width:860px){
 .calendar-companions{display:none}
 html[data-mobile-surface=dashboard] body[data-page=home] #board>#featureBlocks.home-feature-blocks{width:calc(100% - 32px);margin:0 16px}
}


html[data-mobile-surface=dashboard] body[data-page=notices]{background:#c5dbcc url('../assets/notices/garden.webp') center/cover fixed no-repeat!important}
html[data-mobile-surface=dashboard] body[data-page=notices] #board{display:block;padding:0!important;min-height:0}
body[data-page=notices] #board iframe{border-radius:0!important}