#window-index{position:fixed;bottom:0;left:15.375rem;right:0;z-index:10000;display:flex;gap:0.4375rem;align-items:end;overflow-x:auto;padding:0.5625rem 0.875rem 0;background:linear-gradient(transparent,#efeee7 25%);min-height:2.875rem;scrollbar-width:thin}#window-index[hidden]{display:none}.window-index-tab{flex:0 0 auto;max-width:13.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0.625rem 1.0625rem;border:0.0625rem solid #b9c2ac;border-bottom:0;border-radius:0.5625rem 0.5625rem 0 0;background:#eeeee5;color:#535b49;box-shadow:0 -0.125rem 0.375rem #33442208;font-size:0.75rem}.window-index-tab[aria-pressed=true]{background:#fffefa;transform:translateY(-0.1875rem);font-weight:700}.window-index-tab.minimized{opacity:.8}.indexed-window{position:fixed!important;top:48%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,calc(-50% + var(--drag-offset,0rem)));margin:0!important;max-height:calc(100dvh - 6.875rem)!important;max-width:calc(100vw - 1.75rem)!important;overflow:auto;box-shadow:0 1.125rem 5rem #17211335;border:0.0625rem solid #9ca98e!important}.indexed-window:not([open]){display:none!important}.window-grip{display:block;width:100%;height:1.5625rem;line-height:0.875rem;font-size:1.4375rem;opacity:.4;cursor:grab;touch-action:none;padding:0;margin:-0.4375rem 0 0.5rem}.window-grip:active{cursor:grabbing}.friends-recent-title{font-size:0.9375rem;margin:0.25rem 0 0.75rem}.friend-recent-row{display:flex;align-items:center;gap:0.75rem;width:100%;padding:0.875rem 0.3125rem;border-bottom:0.0625rem dashed #aeb9a34d;text-align:left}.friend-recent-row .profile-portrait{width:2.8125rem;height:2.8125rem;flex-shrink:0}.friend-recent-row>span:last-child{min-width:0;flex:1}.friend-recent-row strong,.friend-recent-row small{display:block}.friend-recent-row small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:21.25rem;opacity:.65;margin-top:0.375rem;font-size:0.75rem}#friend-profile-back{font-size:0.75rem;margin-bottom:0.75rem}#play-entry{display:flex;align-items:center;gap:0.5rem;width:100%;padding:0.625rem 0.25rem;font-size:0.75rem}.nav-person{width:1.0625rem;height:1.0625rem;vertical-align:middle;margin-right:0.4375rem}body:has(#window-index:not([hidden])) main{padding-bottom:3rem}[data-theme=dark] #window-index{background:linear-gradient(transparent,#1d2426 25%)}[data-theme=dark] .window-index-tab{background:#2c3635;color:#dde5d5;border-color:#65765b}[data-theme=dark] .window-index-tab[aria-pressed=true]{background:#3b4843}@media(max-width:600px){#window-index{left:0;padding-left:0.5rem}.window-index-tab{padding:0.5625rem 0.75rem}.indexed-window{left:50%!important;width:calc(100vw - 1.5rem)!important}}

.game-choice{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:0.875rem!important;width:100%;border:0.0625rem dashed #99a28d!important;border-radius:0.4375rem}.game-choice:disabled{opacity:.65}.game-choice small{font-size:0.625rem;margin-left:0.9375rem}.activity-list{max-height:45vh;overflow:auto}

.notification-bell{width:1rem;height:1rem;flex:0 0 auto}#notification-entry{display:inline-flex;align-items:center;gap:0.375rem}#folders{max-height:none;overflow:visible}#activity-dialog{width:min(60rem,calc(100vw - 2.5rem));max-width:calc(100vw - 2.5rem);max-height:calc(100dvh - 3.75rem);padding:1.75rem 2.125rem}#activity-dialog .game-app-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;max-height:none;overflow:visible;border:0;padding:0.5rem 0;margin:1.25rem 0}#activity-dialog .game-app{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0.5625rem;min-height:9.375rem;width:100%;padding:1.0625rem 0.625rem!important;border:0.0625rem solid #dce2d3!important;border-radius:0.875rem;background:#f6f7f0;opacity:1;position:relative}#activity-dialog .game-app-icon{display:flex;align-items:center;justify-content:center;width:4.25rem;height:4.25rem;border:0.0625rem solid #cbd5bd;border-radius:1.0625rem;background:#fffefa;color:#59694b;box-shadow:0 0.1875rem 0 #7c8d6410}#activity-dialog .game-app-icon svg{width:2.8125rem;height:2.8125rem}#activity-dialog .game-app-icon text{font:0.625rem sans-serif;fill:currentColor;stroke:none;text-anchor:middle}#activity-dialog .game-app[data-game=sudoku] text{font-size:0.5rem}#activity-dialog .game-app strong{font-size:0.8125rem;font-weight:500}#activity-dialog .game-app small{font-size:0.5625rem;opacity:.6;margin:0}#activity-dialog .dialog-foot{margin-bottom:0}.game-app:nth-child(3n+2) .game-app-icon{background:#f1f4f9!important;color:#677b92!important;border-color:#d1dae5!important}.game-app:nth-child(3n) .game-app-icon{background:#f6f0f8!important;color:#8a7495!important;border-color:#e1d7e6!important}[data-theme=dark] #activity-dialog .game-app{background:#28332d;border-color:#465640!important}[data-theme=dark] #activity-dialog .game-app-icon{background:#344333;color:#d0ddc4;border-color:#67755f}#chat-unread-badge:empty{display:none}#chat-unread-badge{font-size:0.625rem;border:0.0625rem solid #b8c9ac;border-radius:0.75rem;padding:0.0625rem 0.3125rem;margin-left:auto}@media(max-width:700px){#activity-dialog{padding:1.375rem}#activity-dialog .game-app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0.625rem}#activity-dialog .game-app{min-height:7.8125rem;padding:0.75rem 0.5rem!important}#activity-dialog .game-app-icon{width:3.5rem;height:3.5rem}}@media(max-width:380px){#activity-dialog .game-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

[data-theme=dark] #activity-dialog .game-app:nth-child(3n+2) .game-app-icon{background:#303d4c!important;color:#c1d5ed!important;border-color:#5b708b!important}[data-theme=dark] #activity-dialog .game-app:nth-child(3n) .game-app-icon{background:#44354c!important;color:#e0c6eb!important;border-color:#7a6487!important}

.launch-screen{background-color:#fafbfc;background-image:linear-gradient(#c9cdd0 0.0625rem,transparent 0.0625rem),linear-gradient(90deg,#c9cdd0 0.0625rem,transparent 0.0625rem);background-size:var(--launch-grid-size,2rem) var(--launch-grid-size,2rem);background-position:var(--launch-grid-x,0) var(--launch-grid-y,0)}#notification-entry{position:relative;display:inline-flex!important;justify-content:center!important;align-items:center!important;gap:0.375rem!important;min-width:5.5rem;height:2rem;padding:0 1.125rem!important;line-height:1!important;border-radius:0.5625rem;background:transparent}#notification-entry>.notification-bell{width:0.9375rem;height:0.9375rem;margin:0;display:block;flex-shrink:0}#notification-entry>span:not(#notification-count){display:block;line-height:1}#notification-count{position:absolute;top:-0.3125rem;right:-0.3125rem;min-width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;margin:0!important;padding:0 0.25rem;background:#e7eddf;border:0.0625rem solid #c4cfb8;border-radius:0.5625rem;font-size:0.5625rem;line-height:1;color:#60764d}.calendar-entry{display:flex;align-items:center;gap:0.4375rem;width:100%;min-height:2.375rem;padding:0.625rem 0.5625rem;margin:0.3125rem 0;border:0.0625rem solid #d9ded0;border-radius:0.5rem;font-size:0.75rem;text-align:left}.calendar-entry svg{width:1.0625rem;height:1.0625rem;flex-shrink:0}.calendar-preview-features{display:grid;gap:0.625rem;padding-top:0.75rem}.calendar-preview-features span{border:0.0625rem dashed #cdd6c2;border-radius:0.5rem;padding:0.8125rem;font-size:0.8125rem}#calendar-dialog{width:min(33.75rem,94vw)}.note-week-separator{grid-column:1/-1;display:grid;gap:0.3125rem;margin:0.8125rem 0 0.125rem}.note-week-separator small{font-size:0.625rem;color:#8a927f;letter-spacing:.02em}.note-week-separator>span{height:0.0625rem;background:#ced7c2}#move-targets[role=tree]{display:block;list-style:none;padding:0.375rem 0}#move-targets ul{list-style:none;margin:0 0 0 1rem;padding:0 0 0 0.8125rem;border-left:0.0625rem solid #d8dfcf}#move-targets li{list-style:none;padding:0;margin:0.1875rem 0}.move-tree-row{display:flex;align-items:center;gap:0.25rem}#move-targets .move-tree-toggle{width:1.5625rem;flex:0 0 1.5625rem;border:0;padding:0.375rem 0;text-align:center;font-size:1.125rem}.move-tree-pick{display:flex;align-items:center;gap:0.5625rem;flex:1;min-width:0}.move-tree-pick svg{width:1.5rem;height:1.25rem;flex-shrink:0}.move-tree-pick span{white-space:normal;overflow-wrap:anywhere}#move-targets .move-tree-pick[aria-pressed=true]{background:#eaf0e1;border-color:#9fb48b}#move-targets ul[hidden]{display:none}[data-theme=dark] .calendar-entry{border-color:#46534b}[data-theme=dark] #notification-count{background:#344630;color:#d8e8ca;border-color:#536d48}[data-theme=dark] .note-week-separator>span{background:#475543}[data-theme=dark] #move-targets .move-tree-pick[aria-pressed=true]{background:#35452f;color:#e0ead7}
[data-theme],:root{--dock-sidebar:15.375rem;--dock-inset:0.875rem;--dock-right:1.5rem;--dock-tabs-height:2.75rem;--dock-surface:#fffefa;--dock-border:#b9c2ac}
[data-theme=dark]{--dock-surface:#252e2f;--dock-border:#65765b}
#window-index{left:calc(var(--dock-sidebar) + var(--dock-inset));right:var(--dock-right);height:var(--dock-tabs-height);min-height:var(--dock-tabs-height);padding:0;gap:0.375rem;align-items:stretch;background:transparent!important;overflow-y:hidden;pointer-events:none}
#window-index .window-index-tab{position:relative;pointer-events:auto;margin:0;padding:0.625rem 1.0625rem;flex-shrink:0;border:0.0625rem solid var(--dock-border);border-top:0;border-radius:0 0 0.5rem 0.5rem;box-shadow:none;transform:none;height:100%;background:#eeeee5}
#window-index .window-index-tab[aria-pressed=true]{background:var(--dock-surface);opacity:1}
.indexed-window{top:clamp(6rem,16dvh,8.75rem)!important;left:calc(var(--dock-sidebar) + var(--dock-inset))!important;right:var(--dock-right)!important;bottom:var(--dock-tabs-height)!important;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;min-width:0;transform:translateY(var(--drag-offset,0rem))!important;margin:0!important;box-sizing:border-box;border:0.0625rem solid var(--dock-border)!important;border-radius:0.625rem 0.625rem 0 0!important;background-color:var(--dock-surface);box-shadow:none;overscroll-behavior:contain}
[data-theme=dark] #window-index .window-index-tab{background:#2c3635}
[data-theme=dark] #window-index .window-index-tab[aria-pressed=true]{background:var(--dock-surface)}
@media(max-width:900px){[data-theme],:root{--dock-sidebar:11.5625rem;--dock-inset:0.625rem;--dock-right:0.875rem}}
@media(max-width:600px){[data-theme],:root{--dock-sidebar:0rem;--dock-inset:0.5rem;--dock-right:0.5rem}.indexed-window{top:4.5rem!important}#window-index .window-index-tab{padding:0.5625rem 0.75rem}}

.window-chrome{display:none}.indexed-window>.window-chrome{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:0.75rem;background:var(--dock-surface);min-height:1.875rem;margin-bottom:0.5625rem}.window-chrome .window-grip{flex:1;width:auto;height:1.75rem;margin:0;padding:0}.window-controls{display:flex;align-items:center;gap:0.25rem;flex-shrink:0}.window-controls button{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:0.0625rem solid transparent;border-radius:0.3125rem;padding:0.25rem;color:inherit;opacity:.75}.window-controls button:hover{background:#95a27b20;border-color:#9cab8533;opacity:1}.window-controls svg{width:1.125rem;height:1.125rem}.indexed-window #close-calendar,.indexed-window #close-chat{display:none}.indexed-window.maximized-window{top:0!important;left:var(--dock-sidebar)!important;right:0!important;bottom:var(--dock-tabs-height)!important;border-radius:0!important}#window-index.dock-maximized{left:var(--dock-sidebar);right:0}

/* One opaque, full-width surface follows the sticky window controls. */
.indexed-window{padding:1.5rem!important}
.indexed-window>.window-chrome{top:-1.5rem;margin:-1.5rem -1.5rem 0.75rem;padding:0.625rem 1.5rem;min-height:3.125rem;border-bottom:0.0625rem solid #9cab8526;background:var(--dock-surface);isolation:isolate}

:root{--dock-rest-top:clamp(4.75rem,12dvh,6.875rem)}
#window-index{top:auto;bottom:0;transform:translateY(0);transition:transform .22s cubic-bezier(.2,.7,.2,1)}
#window-index.dock-raised{transform:translateY(calc(var(--dock-rest-top) - 100dvh + var(--dock-tabs-height)))}
#window-index.dock-maximized{transform:translateY(calc(var(--dock-tabs-height) - 100dvh))}
#window-index .window-index-tab{border-top:0.0625rem solid var(--dock-border);border-bottom:0;border-radius:0.5rem 0.5rem 0 0}
.indexed-window{top:calc(var(--dock-rest-top) + var(--dock-tabs-height))!important;bottom:0!important;border-radius:0 0.5rem 0 0!important}
.indexed-window.maximized-window{top:var(--dock-tabs-height)!important;bottom:0!important}
.indexed-window[open].rising-from-bottom{animation:indexed-window-rise .22s cubic-bezier(.2,.7,.2,1)}
@keyframes indexed-window-rise{from{translate:0 65dvh}to{translate:0 0}}
@media(max-width:600px){:root{--dock-rest-top:4.5rem}}
@media(prefers-reduced-motion:reduce){#window-index{transition:none}.indexed-window[open]{animation:none}}

#window-index .window-index-tab{opacity:1}

#window-index{z-index:100000;transform:translateY(var(--index-drag-offset,0rem))}#window-index.dock-raised{transform:translateY(calc(var(--dock-rest-top) - 100dvh + var(--dock-tabs-height) + var(--index-drag-offset,0rem)))}#window-index.dock-maximized{transform:translateY(var(--index-drag-offset,0rem))}#window-index.index-dragging{transition:none}.indexed-window.maximized-window{top:0!important;bottom:var(--dock-tabs-height)!important}body.multitasking .indexed-window:not(.popup-window):not(.split-window):not(.maximized-window){top:var(--dock-rest-top)!important;bottom:var(--dock-tabs-height)!important}
.indexed-window.popup-window,.indexed-window.split-window{top:var(--window-top)!important;left:var(--window-left)!important;right:auto!important;bottom:auto!important;width:var(--window-width)!important;height:var(--window-height)!important;animation:none!important;container-type:inline-size}.indexed-window.popup-window{border-radius:0.625rem!important;box-shadow:0 0.625rem 2.5rem #1118}.indexed-window.split-window{border-radius:0!important}.window-grip.moving{cursor:grabbing;color:#8da675;opacity:1}.window-controls{position:relative}.window-layout-menu{position:absolute;right:1.5625rem;top:calc(100% + 0.4375rem);background:var(--dock-surface);color:inherit;border:0.0625rem solid var(--dock-border);border-radius:0.4375rem;padding:0.375rem;box-shadow:0 0.5rem 1.875rem #1113;min-width:8.125rem;z-index:5}.window-layout-menu[hidden]{display:none}.window-layout-menu button{display:block;width:100%;height:auto;white-space:nowrap;text-align:left;padding:0.5rem;font-size:0.6875rem;opacity:1}#window-snap-preview{position:fixed;left:var(--window-left);top:var(--window-top);width:var(--window-width);height:var(--window-height);z-index:90000;pointer-events:none;background:#8fa77538;border:0.125rem dashed #8fa775;border-radius:0.5rem;display:grid;place-items:center;color:#789060;font-size:1.25rem}#window-snap-preview[hidden]{display:none}
body[data-window-split=left] main,body[data-window-split=right] main{flex:0 0 calc((var(--window-viewport-width,100vw) - var(--dock-sidebar))/2);max-width:calc((var(--window-viewport-width,100vw) - var(--dock-sidebar))/2);container-type:inline-size}body[data-window-split=left] main{margin-left:calc(var(--dock-sidebar) + (var(--window-viewport-width,100vw) - var(--dock-sidebar))/2)}body[data-window-split=right] main{margin-left:var(--dock-sidebar)}body[data-window-split=left] .workspace,body[data-window-split=right] .workspace{padding:0.625rem}body[data-window-split=left] .paper,body[data-window-split=right] .paper{min-width:0}body[data-window-split=left] .topbar,body[data-window-split=right] .topbar{flex-wrap:wrap;height:auto;gap:0.5rem;padding:0.75rem}
@container(max-width:600px){.calendar-layout,.calendar-layout:has(.calendar-day-summary){grid-template-columns:minmax(0,1fr)!important}.calendar-layout #calendar-detail{width:100%!important}.calendar-toolbar{flex-wrap:wrap}.calendar-toolbar strong{font-size:0.875rem}.chat-layout{grid-template-columns:minmax(0,1fr);min-height:0}.chat-layout #chat-rooms{max-height:6.875rem;overflow:auto}.event-chat-dialog .calendar-message{max-width:95%}}

@container(max-width:600px){.note-heading>div{grid-template-columns:minmax(0,1fr)!important;max-width:100%}.note-heading .meta{grid-column:1!important;grid-row:3!important;white-space:normal;flex-wrap:wrap}.note-heading .move-label{grid-column:1!important;grid-row:2!important}.note-heading #title{min-width:0;font-size:1.25rem}.file-actions{flex-wrap:wrap;gap:0.5rem}.location{min-width:0;max-width:100%}.workspace{max-width:100%}}

/* A single unread dot stays anchored to the bell, without moving its label. */
#notification-entry{position:relative}#notification-count{display:block;top:0.25rem;left:1.8125rem;right:auto;width:0.375rem;min-width:0;height:0.375rem;padding:0;border:0;border-radius:50%;background:#d94b51!important;box-shadow:0 0 0 0.125rem var(--dock-surface)}#notification-count[hidden]{display:none}.popup-window>.window-chrome{cursor:grab;touch-action:none}.popup-window>.window-chrome:active{cursor:grabbing}

#window-index .window-index-tab[hidden]{display:none!important}