/* C layout: native PHP views, no framework or runtime style compiler. */
:root { --header-height: 88px; --panel-bg: rgba(255,255,255,.76); --panel-border: rgba(223,232,242,.8); --panel-shadow: 0 5px 20px rgba(23,42,72,.06); }
body.theme-c { padding-left: 208px; font-family: system-ui,'Microsoft YaHei',sans-serif; background-color:#dae5ed; }
.theme-c h1,.theme-c h2,.theme-c h3,.theme-c .tab-btn { font-family:inherit; letter-spacing:0; }
.theme-c .app-overlay { background:rgba(8,22,40,calc(var(--opacity) * .5)); }
.theme-c .glass-panel { backdrop-filter:blur(clamp(0px,var(--blur),12px)); -webkit-backdrop-filter:blur(clamp(0px,var(--blur),12px)); }
#settingsModal .control-shell { overflow-y:auto; max-height:calc(100dvh - 40px); overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
.c-sidebar { position:fixed; inset:0 auto 0 0; width:208px; background:rgba(17,31,51,.78); color:#d5dfec; z-index:55; padding:30px 16px; display:flex; flex-direction:column; }
.c-brand { display:flex; align-items:center; gap:10px; font-size:22px; font-weight:700; color:white; padding:0 8px 32px; }
.c-brand-mark { display:grid; place-items:center; width:32px; height:32px; background:#467feb; border-radius:10px; font-size:20px; }
.c-nav-label { color:#8c9ab0; font-size:11px; padding:0 14px 14px; letter-spacing:2px; }
.c-sidebar nav { display:flex; flex-direction:column; gap:7px; }
.c-sidebar .c-nav-item { display:flex; align-items:center; gap:13px; border-radius:10px; padding:13px 14px; font-size:14px; text-align:left; color:#c4cfdf; opacity:1; }
.c-nav-item svg { width:19px; height:19px; }
.c-sidebar .c-nav-item:hover { background:#263a54; }
.c-sidebar .c-nav-item.active-tab { color:white; background:#376cce; font-weight:600; }
.c-sidebar-foot { margin-top:auto; padding:18px 10px 0; border-top:1px solid #304056; font-size:11px; color:#96a7bd; }
.c-status-dot { display:inline-block; width:6px; height:6px; background:#7fbe9d; border-radius:50%; margin-right:8px; }
.c-header { padding:0 32px; }
.c-mobile-brand { display:none; }
.c-page-heading { display:flex; flex-direction:column; gap:4px; }
#c-page-title { font-size:23px; font-weight:700; color:#22354c; }
.c-page-subtitle { font-size:11px; color:#64748b; }
.theme-c[data-active-view]:not([data-active-view="bookmarks"]) #bm-search-wrap { display:none; }
.theme-c main { min-height:0; flex:1; }
.theme-c .tab-content { padding:0 32px 28px; max-width:1500px; }
.theme-c #view-bookmarks { padding-top:16px; }
.theme-c #view-timemachine { max-width:1250px; }
.c-tm-layout { display:grid; grid-template-columns:minmax(0,1fr) 250px; gap:24px; width:100%; align-items:start; }
.c-tm-feed { min-width:0; }
.c-tm-feed > .glass-panel { padding:24px; margin-bottom:22px; border-radius:18px; }
.c-context-rail > summary { display:none; }
.c-rail-card { padding:21px; border-radius:16px; margin-bottom:18px; }
.c-rail-card h3 { font-size:14px; font-weight:600; margin-bottom:15px; }
.c-rail-card p { font-size:13px; line-height:1.6; overflow-wrap:anywhere; margin-bottom:13px; }
.c-rail-card small { display:block; color:#7a8ba1; font-size:11px; }
.c-rail-card button { color:#4378cc; font-size:12px; margin-top:10px; }
.c-eyebrow { font-size:10px; color:#7a8ba1; letter-spacing:2px; }
.c-today-date { display:block; font-size:29px; margin:8px 0; color:#243c59; }
.c-muted { color:#8190a2; }
.theme-c .bookmark-item { border-radius:16px; }
.theme-c .glass-hover:hover { transform:translateY(-2px); }
.theme-c #bookmark-fab { bottom:24px; left:calc(50% + 104px); }
.theme-c .notes-grid { gap:18px; }
.theme-c .notes-grid > div { border-radius:16px; box-shadow:var(--panel-shadow); }
.c-bottom-nav { display:none; }
.c-menu-backdrop { position:fixed; inset:0; z-index:69; background:rgba(12,23,40,.35); }
.c-menu-backdrop[hidden] { display:none; }
.theme-c #mobile-menu { visibility:hidden; }
.theme-c #mobile-menu.open { visibility:visible; }
.theme-c button:focus-visible,.theme-c summary:focus-visible { outline:2px solid #4b83dd; outline-offset:3px; }
.dark { --panel-bg:rgba(22,38,59,.78); --panel-border:rgba(93,120,150,.25); --panel-shadow:0 5px 20px rgba(0,0,0,.1); }
.dark #c-page-title,.dark .c-today-date { color:#e2e8f0; }
.dark .c-page-subtitle { color:#abb8c9; }
.dark .theme-c .app-overlay { background:rgba(7,17,31,calc(var(--opacity) * .65)); }
@media (min-width:768px) and (max-width:1100px) {
 body.theme-c { padding-left:180px; }.c-sidebar { width:180px; }.c-header { padding:0 22px; }.theme-c .tab-content { padding-left:22px; padding-right:22px; }.c-tm-layout { grid-template-columns:minmax(0,1fr); }.c-context-rail { display:none; }
}
@media (max-width:767px) {
 :root { --header-height:68px; }
 body.theme-c { padding-left:0; padding-bottom:calc(66px + env(safe-area-inset-bottom)); height:100dvh; }
 .c-sidebar { display:none; }.c-header { padding:0 16px; gap:8px; }
 .c-mobile-brand { display:none; }.c-page-heading { min-width:0; margin-right:auto; }#c-page-title { font-size:20px; }.c-page-subtitle { display:none; }
 .theme-c main { height:auto; }.theme-c .tab-content { padding:0 14px 20px; }
 .c-tm-layout { display:flex; flex-direction:column; gap:12px; }.c-tm-feed { width:100%; }
 .c-tm-feed > .glass-panel { padding:16px; border-radius:16px; margin-bottom:16px; }.c-tm-feed h2 { font-size:16px; }
 .c-tm-feed > .glass-panel > .flex.justify-end { flex-wrap:wrap; }
 .theme-c #tm-search-box { flex-basis:100%; min-width:0; }.theme-c #tm-search-input { flex:1; min-width:0; }
 .c-context-rail { width:100%; order:-1; }.c-context-rail > summary { display:block; cursor:pointer; padding:12px 16px; background:var(--panel-bg); border-radius:12px; color:#54769d; font-size:12px; }.c-context-rail[open] > summary { margin-bottom:10px; }
 .c-bottom-nav { display:flex; position:fixed; inset:auto 0 0; height:calc(66px + env(safe-area-inset-bottom)); padding:6px 10px calc(6px + env(safe-area-inset-bottom)); z-index:65; background:var(--panel-bg); border-top:1px solid var(--panel-border); }
 .c-bottom-nav button { flex:1; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:4px; color:#7c8ba0; font-size:10px; border-radius:10px; }.c-bottom-nav svg { width:20px; height:20px; }.c-bottom-nav .active-tab { color:#3976d7; background:rgba(70,127,235,.07); }
 .theme-c #mobile-menu { top:auto; bottom:calc(76px + env(safe-area-inset-bottom)); left:10px; width:calc(100% - 20px); max-height:70dvh; overflow-y:auto; border-radius:20px; padding:14px; gap:6px; z-index:70; transform:translateY(20px); opacity:0; pointer-events:none; transition:opacity .18s,transform .18s; background:var(--panel-bg); }
 .theme-c #mobile-menu.open { transform:translateY(0); opacity:1; pointer-events:auto; }.theme-c #mobile-menu button { font-size:14px; padding:13px; border-radius:10px; }
 .theme-c #bookmark-fab { bottom:calc(82px + env(safe-area-inset-bottom)) !important; left:50%; }.theme-c .bookmark-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:10px; }.theme-c .bookmark-item { aspect-ratio:auto !important; min-height:96px; }.theme-c .bookmark-item span { font-size:12px; }
 .theme-c .notes-grid { grid-template-columns:1fr; }.theme-c .calendar-grid { gap:3px; }
 .theme-c #view-iframe { padding:0; }.theme-c #view-passwordwall { padding-bottom:24px; }
 .theme-c #timemachine-list button { opacity:1; }
}
@media (prefers-reduced-motion:reduce) { .theme-c *, .theme-c *::before, .theme-c *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }

/* Match the selected C reference: inset workspace, folder rows, detailed tiles. */
@media (min-width:768px) {
 body.theme-c { width:min(1440px,calc(100% - 64px)); margin:0 auto; padding:48px 0 48px 208px; height:100dvh; }
 .c-sidebar { left:calc((100vw - min(1440px,100vw - 64px))/2); top:48px; bottom:48px; border-radius:20px 0 0 20px; }
 .c-header { background:rgba(236,244,252,.24); border-radius:0 20px 0 0; }
 .theme-c main { background:transparent; border-radius:0 0 20px 0; }
 .theme-c #view-bookmarks { padding-top:0; }
 .theme-c .bookmark-grid { grid-template-columns:repeat(12,minmax(0,1fr)) !important; gap:18px; align-content:start; }
 .theme-c .c-link-card { grid-column:span 3; align-items:flex-start; justify-content:flex-start; padding:22px; min-height:176px; border-radius:14px; }
 .theme-c .c-link-card img { width:46px; height:46px; margin-bottom:16px; }
 .theme-c .c-link-card > span { padding:0; text-align:left; font-size:17px; font-weight:600; }
 .theme-c .c-folder-card { grid-column:span 4; display:grid; grid-template-columns:48px 1fr 16px; grid-template-rows:22px 20px; gap:2px 12px; padding:16px; min-height:82px; }
 .theme-c .c-folder-card > div { grid-row:1/3; grid-column:1; margin:0; padding:10px; border-radius:10px; background:#dbeafe; }
 .theme-c .c-folder-card > div svg { width:28px; height:28px; color:#3983f7; }
 .theme-c .c-folder-card > span:not(.c-folder-arrow) { grid-column:2; grid-row:1; text-align:left; font-size:15px; }
 .c-folder-count { grid-column:2; grid-row:2; color:#74869d; font-size:12px; }
 .c-folder-arrow { grid-column:3; grid-row:1/3; align-self:center; color:#647b98; font-size:24px; }
 .theme-c #bookmark-fab { position:static; transform:none; align-self:flex-end; box-shadow:none; padding:8px 14px; margin-top:18px; }
}

/* Desktop uses the whole viewport; reference presentation margins are not UI. */
@media (min-width:768px) {
 :root { --header-height:76px; }
 body.theme-c { width:100%; margin:0; padding:0 0 0 200px; height:100dvh; }
 .c-sidebar { width:200px; left:0; top:0; bottom:0; border-radius:0; padding-top:26px; }
 .c-header { border-radius:0; background:rgba(236,244,252,.24); }
 .theme-c main { border-radius:0; background:transparent; }
 .theme-c .tab-content { max-width:1440px; padding-left:28px; padding-right:28px; }
 .theme-c .bookmark-grid { gap:16px; }
 .theme-c .c-link-card { min-height:144px; padding:18px; border-radius:12px; }
 .theme-c .c-link-card img { width:40px; height:40px; margin-bottom:12px; }
 .theme-c .c-link-card > span { font-size:15px; }
 .theme-c .c-folder-card { height:76px; min-height:76px; align-self:start; border-radius:12px; }
 .theme-c .c-first-link { grid-column:1 / span 3; }
}
@media (min-width:768px) and (max-width:1100px) {
 body.theme-c { padding-left:180px; }.c-sidebar { width:180px; }
 .theme-c .c-first-link { grid-column:1 / span 4; }
}
.theme-c #bookmark-container { padding-bottom:0 !important; }
.c-web-search,.theme-c #bm-search-wrap { display:none; }
.c-web-search.is-open { display:block; }
.c-web-search-toggle { padding:10px; color:#6882a0; }.c-web-search-toggle svg { width:19px; height:19px; }
.c-bookmark-toolbar { width:100%; display:flex; gap:12px; align-items:center; margin:0 0 22px; }
.c-bookmark-search { display:flex; align-items:center; gap:10px; padding:12px 16px; background:rgba(255,255,255,.76); border-radius:11px; flex:1; min-width:0; color:#7b8fa7; }
.c-bookmark-search svg { width:20px; height:20px; flex-shrink:0; }.c-bookmark-search input { width:100%; min-width:0; outline:0; border:0; background:transparent; font-size:14px; color:#263e59; }
.c-grid-mode { display:flex; background:#d2e3fc; color:#377cf0; border-radius:10px; padding:12px; }.c-grid-mode svg { width:20px; height:20px; }
.c-add-bookmark { display:flex; gap:8px; align-items:center; padding:12px 17px; background:#2874ec; border-radius:10px; color:white; font-size:13px; white-space:nowrap; }.c-add-bookmark svg { width:18px; height:18px; }
.c-bookmark-domain { color:#788ba4; font-size:12px; margin-top:5px; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.c-folder-tabs { display:none; }
.theme-c #breadcrumb-wrap { height:24px; margin-bottom:12px; }
.dark .theme-c .c-header { background:rgba(20,37,57,.26); }.dark .theme-c main { background:transparent; }
.dark .c-bookmark-search { background:#263c55; }.dark .c-bookmark-search input { color:#e2e8f0; }
@media (min-width:768px) and (max-width:1100px) {
 body.theme-c { padding-left:180px; }.c-sidebar { width:180px; }.theme-c .c-link-card { grid-column:span 4; padding:16px; }.theme-c .c-folder-card { grid-column:span 6; }
}
@media (max-width:767px) {
 body.theme-c { background-image:var(--bg-img); }
 .c-bookmark-toolbar { gap:8px; margin-bottom:14px; }.c-bookmark-search { padding:11px 12px; border-radius:10px; background:#dce7f2; }.c-grid-mode { display:none; }.c-add-bookmark { padding:10px; }.c-add-bookmark span { display:none; }
 .c-folder-tabs { display:flex; width:100%; gap:8px; overflow-x:auto; padding-bottom:14px; flex-shrink:0; }.c-folder-tabs button { flex-shrink:0; padding:9px 18px; border-radius:10px; background:#dfe8f1; color:#53667e; font-size:12px; }.c-folder-tabs .selected { background:#2c74ed; color:white; }
 .theme-c .bookmark-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:10px; min-height:0; }
 .theme-c .c-link-card { min-height:116px; padding:12px 6px; border-radius:12px; }.theme-c .c-link-card img { width:36px !important; height:36px !important; margin-bottom:8px; }.theme-c .c-link-card > span { font-size:12px; font-weight:600; }.c-bookmark-domain { font-size:9px; margin-top:4px; }
 .theme-c .c-folder-card { grid-column:1/-1; min-height:62px; display:grid; grid-template-columns:38px 1fr 16px; grid-template-rows:18px 17px; gap:1px 10px; padding:12px; }
 .theme-c .c-folder-card > div { grid-row:1/3; grid-column:1; margin:0 !important; padding:7px; background:#dbeafe; border-radius:9px; }.theme-c .c-folder-card svg { color:#3983f7; }.theme-c .c-folder-card > span:not(.c-folder-arrow) { grid-column:2; grid-row:1; text-align:left; }.c-folder-count { grid-column:2; grid-row:2; font-size:10px; color:#788ba4; }.c-folder-arrow { grid-column:3; grid-row:1/3; font-size:23px; color:#6b819d; }
 .theme-c #breadcrumb-wrap { display:none; }.theme-c #bookmark-fab { display:none; }
 .dark body.theme-c { background-image:var(--bg-img); }
}

/* Wallpaper remains visible between the frosted reading surfaces. */
.theme-c .c-header,.theme-c .c-sidebar,.c-bookmark-search { backdrop-filter:blur(clamp(0px,var(--blur),12px)); -webkit-backdrop-filter:blur(clamp(0px,var(--blur),12px)); }
.theme-c .c-page-heading { padding:7px 13px; border-radius:10px; background:var(--panel-bg); }
.theme-c #breadcrumb { padding:4px 9px; border-radius:8px; background:var(--panel-bg); opacity:1; }
.theme-c #breadcrumb-wrap[hidden] { display:none !important; }
.theme-c .bookmark-grid .c-root-document { grid-column:1 / -1; }
.c-countdown-distance { display:block; margin-top:4px; font-size:15px; font-weight:600; color:#4378cc; }
.dark .c-countdown-distance { color:#9fc5ff; }
.c-dashboard-layout { display:grid; grid-template-columns:minmax(0,1fr) 290px; gap:22px; width:100%; align-items:start; }
.c-dashboard-main { min-width:0; }.c-bookmark-intro { margin:4px 0 22px; padding:16px 20px; border-radius:14px; background:var(--panel-bg); }.c-bookmark-intro h1 { font-size:28px; font-weight:700; }.c-bookmark-intro p { margin-top:5px; font-size:13px; color:#73849c; }
.c-dashboard-rail > summary { display:none; }.c-rail-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; }.c-rail-heading h3 { margin:0; }.c-rail-heading button { margin:0; }.c-mini-calendar .c-rail-heading { margin-bottom:16px; }.c-mini-calendar .c-rail-heading > div { display:flex; gap:12px; }.c-mini-calendar strong { font-size:13px; }
.c-mini-week,.c-mini-days { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); text-align:center; }.c-mini-week { margin-top:16px; color:#8090a5; font-size:11px; }.c-mini-days { gap:4px; margin-top:10px; }
.c-mini-days .c-date-cell { position:relative; min-height:30px; border-radius:8px; font-size:11px; }.c-date-cell.outside-month { opacity:.38; }.c-date-cell.is-today .c-date-number { color:#367aee; font-weight:700; }.c-date-cell.is-selected { background:#3278ed; color:white; }.c-date-cell.is-selected .c-date-number { color:white; }.c-event-dot { display:block; width:4px; height:4px; background:#4285f4; border-radius:50%; position:absolute; bottom:2px; left:calc(50% - 2px); }.is-selected .c-event-dot { background:white; }
.c-recent-note { display:flex; flex-direction:column; text-align:left; width:100%; padding:13px; border:1px solid var(--panel-border); border-radius:10px; margin-top:12px !important; background:rgba(127,151,182,.06); }.c-recent-note span { font-size:13px; font-weight:600; color:inherit; }.c-recent-note small { font-size:11px; margin-top:6px; }
.c-calendar-layout { display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:20px; width:100%; align-items:start; }.c-calendar-month,.c-calendar-agenda { padding:22px; border-radius:16px; }.c-calendar-heading { display:flex; justify-content:space-between; gap:12px; align-items:center; margin-bottom:22px; }.c-calendar-heading h2 { font-size:24px; font-weight:700; }.c-calendar-heading > div { display:flex; gap:12px; align-items:center; }.c-calendar-heading button { padding:4px 8px; }.c-today-button { font-size:12px; border:1px solid var(--panel-border); border-radius:8px; }
.c-calendar-week { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); text-align:center; padding:12px 0; font-size:12px; color:#73849c; }
.theme-c #calendar-body { gap:0; border-left:1px solid var(--panel-border); border-top:1px solid var(--panel-border); }.theme-c #calendar-body .c-date-cell { min-width:0; height:100px; border-right:1px solid var(--panel-border); border-bottom:1px solid var(--panel-border); padding:10px 7px; display:flex; flex-direction:column; gap:10px; align-items:flex-start; justify-content:flex-start; text-align:left; }.c-calendar-month .c-date-cell.is-selected { background:rgba(50,120,237,.13); color:inherit; }.c-calendar-month .c-date-cell.is-selected .c-date-number { color:#3278ed; }.c-date-cell:hover { box-shadow:inset 0 0 0 1px #5c95ef; }.c-event-label { display:block; font-size:11px; color:#3677da; background:rgba(50,120,237,.12); padding:3px 6px; border-radius:5px; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.c-calendar-agenda h3 { font-size:15px; font-weight:600; }.c-agenda-add { width:100%; padding:12px; margin:18px 0; background:#3278ed; border-radius:10px; color:white; font-size:13px; }.c-agenda-item { display:flex; flex-direction:column; gap:8px; padding:14px; width:100%; text-align:left; background:rgba(127,151,182,.06); border:1px solid var(--panel-border); border-radius:12px; margin-bottom:12px; }.c-agenda-item span { font-size:13px; white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.6; }.c-agenda-item small { font-size:11px; color:#73849c; }.c-month-heading { display:flex; align-items:center; justify-content:space-between; margin:26px 0 16px; }.c-month-heading > span { font-size:10px; color:#73849c; }.c-agenda-empty { font-size:12px; color:#73849c; line-height:1.8; }.dark .c-event-label { color:#a6cbff; }.dark .c-agenda-item small,.dark .c-bookmark-intro p { color:#a8b7c9; }
.c-calendar-editor { max-height:calc(100dvh - 32px); overflow-y:auto; }.c-calendar-editor #noteText { min-height:110px; }
@media (min-width:768px) {
 .c-dashboard-main .c-link-card { display:grid; grid-template-columns:40px minmax(0,1fr); grid-template-rows:auto auto; column-gap:12px; row-gap:4px; min-height:88px; padding:15px; align-items:center; justify-content:start; }
 .c-dashboard-main .c-link-card img { grid-column:1; grid-row:1/3; margin:0; }.c-dashboard-main .c-link-card > span { grid-column:2; grid-row:1; font-size:13px; }.c-dashboard-main .c-bookmark-domain { grid-column:2; grid-row:2; margin:0; font-size:10px; }.c-dashboard-main .c-link-card .opts { top:2px; right:2px; }
}
@media (min-width:768px) and (max-width:1200px) { .c-dashboard-layout { grid-template-columns:minmax(0,1fr) 240px; gap:16px; }.c-dashboard-main .c-link-card { grid-column:span 6; }.c-dashboard-main .c-first-link { grid-column:1 / span 6; }.c-calendar-layout { grid-template-columns:minmax(0,1fr) 260px; gap:14px; }.c-calendar-month { padding:16px; } }
@media (max-width:767px) {
 .c-dashboard-layout,.c-calendar-layout { display:flex; flex-direction:column; gap:16px; }.c-dashboard-main,.c-dashboard-rail,.c-calendar-month,.c-calendar-agenda { width:100%; }.c-bookmark-intro { display:none; }.c-dashboard-rail > summary { display:block; padding:13px 16px; border-radius:12px; background:var(--panel-bg); font-size:12px; cursor:pointer; }.c-dashboard-rail[open] > summary { margin-bottom:12px; }
 .c-calendar-month,.c-calendar-agenda { padding:14px; }.c-calendar-heading h2 { font-size:18px; }.c-calendar-heading { gap:8px; margin-bottom:10px; }.c-calendar-heading > div { gap:3px; }.c-calendar-week { font-size:10px; }.theme-c #calendar-body .c-date-cell { height:44px; padding:6px; align-items:center; gap:3px; font-size:12px; }.c-event-label { width:4px; height:4px; padding:0; font-size:0; border-radius:50%; background:#4285f4; }.c-calendar-editor { width:calc(100vw - 24px); padding:18px; height:auto; }.c-calendar-editor #noteText { flex:none; min-height:150px; }
}
@media (max-width:767px) { .c-folder-tabs button:not(.selected) { background:var(--panel-bg); color:#425a75; }.c-bookmark-search { background:var(--panel-bg); }.dark .c-folder-tabs button:not(.selected) { color:#d3deed; } }

.c-dashboard-main #bookmark-fab { width:max-content; margin-left:auto; margin-top:16px; }
.c-mini-days button { color:inherit; margin:0; }
html:not(.dark) .c-sidebar { background:rgba(242,247,252,.8); color:#34445d; border-right:1px solid rgba(208,222,239,.6); }
html:not(.dark) .c-brand { color:#1c2b42; }
html:not(.dark) .c-sidebar .c-nav-item { color:#45556d; }
html:not(.dark) .c-sidebar .c-nav-item:hover { background:rgba(80,130,225,.08); }
html:not(.dark) .c-sidebar .c-nav-item.active-tab { background:rgba(55,108,206,.12); color:#2f66df; }
html:not(.dark) .c-sidebar-foot { border-color:#d3dfed; color:#687b92; }
#c-month-section[hidden] { display:none !important; }
#c-month-agenda,#c-day-agenda { scrollbar-width:thin; scrollbar-color:rgba(122,151,192,.5) transparent; }
@media (min-width:768px) {
 .c-calendar-layout { grid-template-columns:minmax(0,2fr) minmax(280px,1fr); height:min(720px,calc(100dvh - 110px)); min-height:460px; align-items:stretch; }
 .c-calendar-month,.c-calendar-agenda { min-height:0; height:100%; display:flex; flex-direction:column; }
 .c-calendar-heading,.c-calendar-week,.c-calendar-agenda > h3,.c-agenda-add { flex-shrink:0; }
 .theme-c #calendar-body { flex:1; min-height:0; grid-auto-rows:minmax(0,1fr); }
 .theme-c #calendar-body .c-date-cell { height:auto; min-height:0; }
 #c-day-agenda { flex-shrink:1; min-height:0; max-height:32%; overflow-y:auto; overscroll-behavior:contain; }
 #c-month-section { display:flex; flex-direction:column; flex:1; min-height:0; }
 .c-month-heading { flex-shrink:0; margin:18px 0 12px; }
 #c-month-agenda { flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding-right:4px; }
 .c-day-only #c-day-agenda { flex:1; max-height:none; }
}