.retro-window{width:100%;max-width:52rem;display:flex;flex-direction:column;border-radius:.5rem;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.25),0 0 0 1px rgba(0,0,0,.05)}[data-theme=dark] .retro-window{box-shadow:0 25px 50px -12px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.05)}.retro-window__title-bar{background:linear-gradient(180deg,#e8e4dc,#d4cfc6);padding:.625rem 1rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid #bbb8b0;flex-shrink:0}[data-theme=dark] .retro-window__title-bar{background:linear-gradient(180deg,#3a3a3a,#2a2a2a);border-bottom-color:#444}.retro-window__dots{display:flex;gap:.5rem;flex-shrink:0}.retro-window__dot{width:.75rem;height:.75rem;border-radius:50%;transition:opacity .15s ease}.retro-window__dot:hover{opacity:.8}.retro-window__dot--close{background-color:#ff5f57}.retro-window__dot--minimize{background-color:#febc2e}.retro-window__dot--maximize{background-color:#28c840}.retro-window__title{font-size:.8125rem;font-weight:500;color:#4a4a4a;flex-shrink:0}[data-theme=dark] .retro-window__title{color:#b0b0b0}.retro-window__motd{font-size:.75rem;font-style:italic;color:#7a7267;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}[data-theme=dark] .retro-window__motd{color:#888}.retro-window__body{display:flex;flex-direction:row;flex:1;min-height:0}.retro-window__sidebar{width:72px;flex-shrink:0;display:flex;flex-direction:column;background:#ece8df;border-right:1px solid #d4cfc6;padding:.5rem 0}[data-theme=dark] .retro-window__sidebar{background:#252525;border-right-color:#3a3a3a}.retro-window__nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.625rem .25rem;width:100%;border:none;background:transparent;cursor:pointer;font-family:inherit;border-radius:6px;margin:1px 4px;width:calc(100% - 8px);transition:background-color .15s ease}.retro-window__nav-item:hover{background:#dbd6cc}[data-theme=dark] .retro-window__nav-item:hover{background:#333}.retro-window__nav-item--active{background:#fbfaf4;box-shadow:0 1px 3px rgba(0,0,0,.1)}[data-theme=dark] .retro-window__nav-item--active{background:#1e1e1e;box-shadow:0 1px 3px rgba(0,0,0,.3)}.retro-window__nav-icon{width:32px;height:32px;image-rendering:pixelated}.retro-window__nav-label{font-size:.625rem;font-weight:500;color:#5a5550;text-align:center;line-height:1.2}[data-theme=dark] .retro-window__nav-label{color:#999}.retro-window__nav-item--active .retro-window__nav-label{color:#2a2520}[data-theme=dark] .retro-window__nav-item--active .retro-window__nav-label{color:#eee}.retro-window__content{background:#fbfaf4;padding:1.5rem;overflow-y:auto;flex:1;min-height:0;min-width:0}[data-theme=dark] .retro-window__content{background:#1e1e1e}@media (max-width:48rem){.retro-window{border-radius:.375rem}.retro-window__sidebar{width:56px}.retro-window__nav-label{display:none}.retro-window__nav-item{padding:.5rem .25rem}.retro-window__content{padding:1rem}.retro-window__motd{display:none}}