:root{--desk: #cfc6b3;--paper: #f6f6f6;--text: #1a1916;--muted: #5f5f61;--line: #1a1916;--menubar-h: 2.25rem}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{margin:0;color:var(--text);background:var(--desk);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-weight:400;line-height:1.4;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}img,video,iframe,mux-player,audio{display:block;max-width:100%}html,body{height:100%;overflow:hidden;overscroll-behavior:none}.desk{--world-scale: 2.2;position:relative;height:100vh;height:100dvh;overflow:hidden;touch-action:none;cursor:grab;background:var(--desk) url(/images/background.jpg) center / cover no-repeat}.desk--panning,.desk--panning .file{cursor:grabbing}.desk__world{position:absolute;top:0;left:0;width:calc(100vw * var(--world-scale));height:calc(100vh * var(--world-scale));height:calc(100dvh * var(--world-scale));transform-origin:0 0}.desk__name{position:absolute;left:1rem;bottom:.85rem;margin:0;font-size:.95rem;font-weight:500;z-index:1;pointer-events:none}.menubar{position:fixed;top:0;left:0;right:0;z-index:100000;display:flex;align-items:stretch;justify-content:space-between;height:var(--menubar-h);padding:.25rem .35rem 0;background:transparent;color:#fff;font-size:.92rem;font-weight:500;user-select:none;-webkit-user-select:none}.menubar:before{content:"";position:absolute;top:0;left:0;right:0;height:4.5rem;background:linear-gradient(to bottom,#50525899,#5052584d 45%,#50525800);pointer-events:none;z-index:-1}.hint{position:fixed;top:50%;left:50%;z-index:99999;display:flex;align-items:center;gap:1rem;width:min(26rem,calc(100vw - 2rem));padding:1.2rem 1.2rem 1.2rem 1.5rem;border:1px solid var(--line);border-radius:.9rem;background:var(--paper);box-shadow:0 12px 36px #00000059;font-size:1.15rem;line-height:1.35;opacity:0;transform:translate(-50%,calc(-50% + 8px));transition:opacity .3s ease,transform .3s ease}.hint--visible{opacity:1;transform:translate(-50%,-50%)}.hint__text{flex:1}.hint__close{flex:none;width:1.7rem;height:1.7rem;font-size:1.1rem;padding:0;border:1px solid var(--line);border-radius:.3rem;background:var(--paper);line-height:1;cursor:pointer}.menubar__menus{display:flex;align-items:stretch;min-width:0;overflow-x:auto;scrollbar-width:none}.menubar__menus::-webkit-scrollbar{display:none}.menu__label{flex:none;padding:0 .6rem;border:0;background:transparent;font-size:inherit;cursor:default;white-space:nowrap}.menu__label--bold{font-weight:700}.menu__label[aria-expanded=true]{background:#00000047}.menu__label:focus-visible,.menu__item:focus-visible{outline:1px solid var(--line);outline-offset:-2px}.menubar__clock{display:flex;flex:none;align-items:center;padding:0 .6rem;border:0;background:transparent;color:inherit;font:inherit;white-space:nowrap;font-variant-numeric:tabular-nums;cursor:default}.menubar__time{margin-left:.45em}.menu__drop{position:fixed;z-index:100001;min-width:13rem;max-width:calc(100vw - 8px);padding:.25rem 0;background:var(--paper);border:1px solid var(--line);color:var(--text);text-shadow:none;font-weight:400}.menu__drop[hidden]{display:none}.menu__item{display:flex;align-items:center;width:100%;padding:.32rem .9rem .32rem .3rem;border:0;background:transparent;font-size:inherit;text-align:left;cursor:default}.menu__item:hover:not(:disabled){background:var(--text);color:var(--paper)}.menu__item:disabled{color:var(--muted)}.menu__check{flex:none;width:1.2rem;text-align:center}.menu__sep{margin:.25rem 0;border:0;border-top:1px solid rgba(26,25,22,.25)}@media(max-width:560px){.menu__label{padding:0 .38rem;font-size:.86rem}.menubar__clock{position:relative;margin-left:.3rem;padding:0 .4rem 0 .7rem;font-size:.82rem}.menubar__clock:before{content:"";position:absolute;left:0;top:.3rem;bottom:.1rem;width:1px;background:#ffffffb3;box-shadow:0 0 3px #00000073}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.desk__name a{color:inherit;pointer-events:auto;text-decoration:none}.file{position:absolute;width:7.4rem;padding:0;border:0;background:transparent;cursor:grab;display:flex;flex-direction:column;align-items:center;gap:.35rem;text-align:center;touch-action:none;user-select:none}.file--dragging{cursor:grabbing;z-index:5}.file:focus-visible{outline:1px solid var(--line);outline-offset:4px}.file__icon{width:2.7rem;height:3.35rem;border:1px solid var(--line);background:var(--paper)}.file__icon[data-kind=video]{width:2.7rem;height:3.6rem;overflow:hidden;background:#2c2a26}.file__icon[data-kind=audio]{width:3.1rem;height:3.1rem;background:#efe6d0}.file__icon[data-kind=note]{width:2.5rem;height:3.4rem;background:#f6f0c4}.file__icon[data-kind=image]{width:3.2rem;height:4rem;overflow:hidden;background:#ddd6c6}.file__icon[data-kind=folder]{position:relative;width:3.2rem;height:2.35rem;margin-top:.4rem;background:#e4d39a;overflow:visible}.file__icon[data-kind=folder]:before{content:"";position:absolute;top:-.38rem;left:-1px;width:1.2rem;height:.42rem;background:#e4d39a;border:1px solid var(--line);border-bottom:0}.file__icon img{width:100%;height:100%;object-fit:cover}.file__name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;font-size:.78rem;font-weight:500;line-height:1.25;overflow-wrap:anywhere;color:#fff}.file__label{display:block;max-width:100%;filter:drop-shadow(0 1px 1px rgba(0,0,0,.75)) drop-shadow(0 0 2px rgba(0,0,0,.3))}.windows{position:absolute;inset:0;pointer-events:none}.window{position:absolute;width:min(24rem,calc(100vw - 2rem));background:var(--paper);border:1px solid var(--line);border-radius:.65rem;overflow:hidden;pointer-events:auto;cursor:grab}.window--dragging{cursor:grabbing;user-select:none}.window--dragging video,.window--dragging audio,.window--dragging iframe,.window--dragging mux-player{pointer-events:none}.window--video{display:flex;flex-direction:column;width:min(24rem,calc((78vh - 2rem)*.5625),calc(100vw - 2rem))}.window--video.window--wide{width:min(48rem,80vw,calc((72vh - 2rem) * 16 / 9))}.window--audio,.window--note{width:min(18rem,calc(100vw - 2rem))}.window--folder{width:min(30rem,calc(100vw - 2rem))}.window--image.window--landscape{width:min(44rem,85vw,calc((75vh - 2rem)*1.5))}.window--folder .window__body{max-height:min(70vh,36rem);overflow:auto}.window__bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.3rem .4rem .3rem .55rem;border-bottom:1px solid var(--line);cursor:grab;user-select:none;font-size:.8rem}.window__bar:active{cursor:grabbing}.window__close{width:1.3rem;height:1.3rem;padding:0;border:1px solid var(--line);border-radius:.3rem;background:var(--paper);line-height:1;cursor:pointer}.window__body{padding:.7rem}.window--video .window__body{padding:0;aspect-ratio:9 / 16;background:#111}.window--wide .window__body{aspect-ratio:16 / 9}.window video::-webkit-media-controls-overflow-button,.window audio::-webkit-media-controls-overflow-button,.window video::-internal-media-controls-overflow-button,.window audio::-internal-media-controls-overflow-button,.window video::-webkit-media-controls-download-button,.window audio::-webkit-media-controls-download-button,.window video::-internal-media-controls-download-button,.window audio::-internal-media-controls-download-button{display:none}.window--video mux-player,.window--video iframe,.window--video video{width:100%;height:100%;border:0;object-fit:contain;background:#111}.window--resizing iframe,.window--resizing mux-player,.window--resizing video{pointer-events:none}.window__resize{position:absolute;right:0;bottom:0;width:1rem;height:1rem;padding:0;border:0;background:transparent;cursor:nwse-resize;touch-action:none}.window__resize:after{content:"";position:absolute;right:.2rem;bottom:.2rem;width:.55rem;height:.55rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.window--audio .window__body{display:flex;flex-direction:column;gap:.6rem}.window audio,.window mux-player{width:100%}.window--audio mux-player{height:54px}.window__note,.window__empty{margin:0;white-space:pre-wrap}.window__note+.window__note{margin-top:.6rem}.window__note a{color:inherit}.window__empty{color:var(--muted)}.folder{display:flex;flex-direction:column;gap:.35rem}.folder__file{display:flex;align-items:center;gap:.7rem;width:100%;padding:.25rem .15rem;border:0;background:transparent;color:inherit;text-align:left;text-decoration:none;cursor:pointer}.folder__file:hover,.folder__file:focus-visible{outline:1px solid var(--line)}.folder__file .file__icon{flex:none}.folder__file .file__icon[data-kind=audio]{width:1.7rem;height:1.7rem}.folder__name{font-size:.85rem}@media(max-width:900px){.desk__world{width:94rem;height:170rem}.windows{z-index:2}}