body:has(.calendar-header){--accent:var(--mint);--hover:color-mix(in srgb,var(--mint) 8%,var(--panel));font-family:Arial,Helvetica,sans-serif}body header.calendar-header.xunaro-preference-nav{display:flex;justify-content:space-between;padding:28px 24px;height:106px;min-height:106px;gap:18px;background:var(--panel);border-bottom:1px solid var(--line);box-shadow:0 8px 28px #0004}.calendar-brand{display:flex;align-items:center;gap:12px;min-width:0;flex-shrink:0}body .calendar-header .brand{gap:12px;min-width:0}body .calendar-header .brand img{width:49px;height:49px}body .calendar-header .brand span{color:var(--text);-webkit-text-fill-color:transparent;-webkit-text-stroke:1px var(--mint);font:900 26.2px/1 Arial,Helvetica,sans-serif;letter-spacing:.13em}body .calendar-header #search-toggle{display:grid;place-items:center;width:30px;height:30px;margin:0;padding:6px;border:1px solid var(--line);background:color-mix(in srgb,var(--mint) 4%,transparent);color:var(--mint)}body .calendar-header #search-toggle svg{width:16px;height:16px;stroke-width:1.8}body .calendar-header .header-right{display:flex;align-items:center;gap:12px;margin-left:auto;min-width:0}body .calendar-header .account-menu{order:3}body .calendar-header #notification-toggle{order:2;flex-shrink:0}body .calendar-header #account-name{font:900 14px/30px Arial,Helvetica,sans-serif;text-align:right;padding:0;color:var(--text);height:30px;max-width:min(52vw,560px)}body .calendar-header #notification-toggle{border:1px solid #5ee6d2;background:#5ee6d212;color:var(--mint)}.calendar-settings-link{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:9px 12px;color:var(--muted);font:900 11px Arial;letter-spacing:.1em;background:color-mix(in srgb,var(--panel) 72%,transparent)}.calendar-settings-link:hover{color:var(--mint);background:color-mix(in srgb,var(--mint) 10%,transparent)}.calendar-view-toolbar{height:58px;display:flex;align-items:center;gap:10px;padding:10px 18px;background:var(--bg);border-bottom:1px solid var(--line)}.calendar-view-toolbar h1{font-size:20px;margin:0;font-weight:500}.calendar-view-toolbar .navigation{display:flex;gap:0}.calendar-view-toolbar select{margin-left:auto;padding:7px}.calendar-main #calendar-view{height:calc(100% - 58px)}#calendar-search-dialog{width:min(760px,calc(100vw - 44px));height:min(680px,calc(100dvh - 44px));padding:42px;border:1px solid var(--line);background:var(--panel);box-shadow:0 24px 80px #0008;border-radius:0;overflow:auto}#calendar-search-dialog::backdrop{background:rgba(3,9,11,.94);backdrop-filter:none}#calendar-search-dialog h2{font-size:26px;font-weight:650;letter-spacing:-1px;margin:0 0 24px}#calendar-search-dialog #search-form{position:static;padding:0;border:0;background:none}#calendar-search-dialog #search-form>svg{display:none}#calendar-search-dialog #search-input{width:100%;background:var(--bg);border:1px solid var(--line);padding:14px;font:16px Arial}#calendar-search-dialog #search-close{position:absolute;right:18px;top:15px;width:30px;height:30px;padding:0;color:var(--muted)}#calendar-search-results{padding:22px 0}html[data-mail-theme] #notification-dialog,html[data-mail-theme] .event-popover,html[data-mail-theme] dialog{background:var(--panel);color:var(--text)}.calendar-header .brand:hover{text-decoration:none}
@media(max-width:760px){body header.calendar-header.xunaro-preference-nav{height:98px;min-height:98px;padding:24px 22px;gap:12px;flex-wrap:nowrap}body .calendar-header .brand img{width:38px;height:38px}body .calendar-header .brand span{font-size:20px}body .calendar-header .header-right{gap:10px}body .calendar-header #account-name{font-size:12px;max-width:70px}body .calendar-header .account-menu{display:block}body .calendar-header #search-toggle{width:26px;height:26px}body .calendar-header #search-toggle svg{width:16px;height:16px}.calendar-settings-link{top:auto;bottom:3px;left:50%;transform:translateX(-50%);font-size:10px;padding:6px 8px}.calendar-view-toolbar{padding:8px;gap:4px}.calendar-view-toolbar h1{font-size:15px}.calendar-view-toolbar .icon-button{width:28px;height:28px;padding:5px}.calendar-view-toolbar #today{padding:6px 8px}.calendar-view-toolbar select{min-width:76px;max-width:90px;font-size:12px;padding:6px}.calendar-brand{gap:8px}body .calendar-header .brand{gap:8px}#calendar-search-dialog{padding:28px 20px}}
body header.calendar-header.xunaro-preference-nav{font:15px/1.5 Arial,Helvetica,sans-serif}
@media(max-width:500px){body .calendar-header #account-name{max-width:calc(100vw - 288px)}body .calendar-header .calendar-brand{gap:0}body .calendar-header .brand{gap:3px}}