*{box-sizing:border-box}html,body{height:100%}body{color:#000;background-color:#b3b3b3;background-image:repeating-conic-gradient(#a8a8a8 0% 25%,#b8b8b8 0% 50%);background-size:3px 3px;min-height:100vh;margin:0;font-family:Geneva,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px;position:relative}a{color:inherit}.menubar{z-index:50;background:#fff;border-bottom:1px solid #000;align-items:center;height:22px;padding:0 12px;font-family:Geneva,Helvetica,sans-serif;font-size:13px;font-weight:700;display:flex;position:sticky;top:0}.menu-item{cursor:default;user-select:none;color:#000;align-items:center;height:22px;padding:0 11px;text-decoration:none;display:flex;position:relative}.menu-item.apple{padding:0 14px 0 0;font-size:15px}.menu-item.open,.menu-item:hover{color:#fff;background:#000}.flex-sp{flex:1}.clock{font-variant-numeric:tabular-nums;border:1px solid #000;border-radius:10px;padding:1px 8px;font-weight:400}.dropdown{z-index:60;color:#000;background:#fff;border:1px solid #000;min-width:170px;padding:3px 0;font-weight:400;display:none;position:absolute;top:22px;left:0;box-shadow:2px 2px #0000004d}.menu-item.open .dropdown{display:block}.dropdown .d-item{white-space:nowrap;padding:3px 20px 3px 14px}.dropdown .d-item:hover{color:#fff;background:#000}.dropdown .d-item a{color:inherit;text-decoration:none;display:block}.dropdown .d-sep{background:#999;height:1px;margin:3px 6px}.desktop-icons{z-index:5;flex-direction:column;align-items:center;gap:18px;display:flex;position:fixed;top:32px;right:18px}.desktop-icons .d-icon,.trash{cursor:default;user-select:none;color:#000;flex-direction:column;align-items:center;gap:4px;text-decoration:none;display:flex}.desktop-icons svg{width:38px;height:32px;display:block}.desktop-icons .label,.trash .label{background:#fff;padding:0 4px;font-family:Geneva,sans-serif;font-size:11px}.trash{z-index:5;position:fixed;bottom:20px;right:18px}.trash svg{width:34px;height:34px}.desktop{max-width:900px;margin:0 auto;padding:40px 150px 100px 24px}.window{background:#fff;border:1px solid #000;margin-bottom:32px;box-shadow:3px 3px #00000059}.titlebar{background-image:repeating-linear-gradient(#fff 0 2px,#000 2px 3px);border-bottom:1px solid #000;align-items:center;height:20px;padding:0 4px;display:flex;position:relative}.titlebar .closebox{z-index:1;cursor:pointer;background:#fff;border:1px solid #000;flex-shrink:0;width:11px;height:11px;text-decoration:none;display:block}.titlebar .title{z-index:1;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;background:#fff;margin:0 auto;padding:0 8px;font-family:Silkscreen,monospace;font-size:12px;font-weight:700;overflow:hidden}.titlebar .zoombox{z-index:1;background:#fff;border:1px solid #000;flex-shrink:0;width:11px;height:11px}.window-body{padding:20px 22px}.statusbar{color:#333;border-top:1px solid #000;padding:4px 10px;font-size:11px}.titlebar{cursor:move}.titlebar .closebox,.titlebar .zoombox{cursor:pointer}.window.is-floating{z-index:30;min-width:min(380px,90vw);max-width:min(560px,90vw);animation:.12s ease-out window-pop;position:fixed;margin:0!important}@keyframes window-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media (width<=600px){.window.is-floating{max-width:94vw}}.about-block{align-items:flex-start;gap:18px;display:flex}.about-icon{object-fit:cover;border:1px solid #000;flex-shrink:0;width:48px;height:48px}.about-block h1{margin:0 0 10px;font-family:Silkscreen,monospace;font-size:16px}.about-block p{max-width:480px;margin:0;line-height:1.6}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:22px;padding:6px 4px;display:grid}.icon-item{color:#000;cursor:default;flex-direction:column;align-items:center;gap:6px;text-decoration:none;display:flex}.icon-item svg{width:42px;height:34px}.icon-item img{object-fit:cover;border:1px solid #000;width:64px;height:64px}.icon-item .label{text-align:center;background:#fff;padding:1px 5px;font-family:Geneva,sans-serif;font-size:12px}.icon-item:hover .label{color:#fff;background:#000}.mac-button{cursor:pointer;background:#fff;border:1px solid #000;border-radius:4px;padding:5px 16px;font-family:Geneva,sans-serif;font-size:13px;box-shadow:1px 1px #0006}.mac-button:active{box-shadow:none;transform:translate(1px,1px)}.window-body ul{margin:0;padding-left:20px;line-height:1.7}.window-body ol{margin:0;padding-left:22px;line-height:1.7}.doc-titlebar{background-image:repeating-linear-gradient(#fff 0 2px,#000 2px 3px);border-bottom:1px solid #000;align-items:center;height:20px;padding:0 4px;font-family:Silkscreen,monospace;font-size:12px;font-weight:700;display:flex}.doc-titlebar .closebox{cursor:pointer;background:#fff;border:1px solid #000;flex-shrink:0;width:11px;height:11px;text-decoration:none}.doc-titlebar .title{background:#fff;margin:0 auto;padding:0 8px}.doc-titlebar .zoombox{background:#fff;border:1px solid #000;flex-shrink:0;width:11px;height:11px}@media (width<=780px){.desktop{padding:40px 24px 140px}.desktop-icons{flex-flow:wrap;justify-content:flex-end;margin:0 0 20px 24px;position:static}.trash{align-items:flex-end;margin:0 24px 20px;position:static}.about-block{flex-direction:column;align-items:flex-start}}.window.is-floating{flex-direction:column;display:flex}.window.is-floating .window-body,.window.is-floating .mw-page{flex:1;min-height:0;max-height:55vh;overflow-y:auto}.window.is-floating.is-resized .window-body,.window.is-floating.is-resized .mw-page{max-height:none}.resize-handle{cursor:nwse-resize;z-index:2;background-color:#fff;background-image:repeating-linear-gradient(-45deg,#000 0 1px,#0000 1px 3px);border-top:1px solid #000;border-left:1px solid #000;width:14px;height:14px;display:none;position:absolute;bottom:0;right:0}.window.is-floating .resize-handle{display:block}.photo-icon-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px}.photo-thumb img{aspect-ratio:1;object-fit:cover;border:1px solid #000;width:100%}.sort-bar{align-items:center;gap:8px;margin:0 0 16px;font-size:12px;display:flex}.sort-label{color:#333}.sort-btn{cursor:pointer;background:#fff;border:1px solid #000;border-radius:4px;padding:3px 12px;font-family:Geneva,sans-serif;font-size:12px;box-shadow:1px 1px #0006}.sort-btn.active{color:#fff;box-shadow:none;background:#000}.photo-thumb{font:inherit;background:0 0;border:none;padding:0}.preview-overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.preview-overlay.is-open{display:flex}.preview-window{width:100%;max-width:560px;margin:0}.preview-window .titlebar{cursor:default}.preview-body{flex-direction:column;align-items:center;gap:8px;display:flex}.preview-body img{object-fit:contain;border:1px solid #000;width:auto;max-width:min(480px,80vw);height:auto;max-height:45vh;margin-bottom:6px}.preview-body p{text-align:center;margin:0;font-size:13px}.lightbox-meta{color:#555;font-size:11px}.preview-controls{gap:12px;margin-top:8px;display:flex}.mw-window{margin-bottom:32px}.mw-window .titlebar{z-index:35;position:sticky;top:22px}.mw-ruler{z-index:34;background-color:#fff;background-image:repeating-linear-gradient(90deg,#000 0 1px,#0000 1px 10px);background-position:32px 18px;background-repeat:repeat-x;background-size:100% 4px;border-bottom:1px solid #000;height:22px;position:sticky;top:42px}.mw-indent{border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;position:absolute;left:32px}.mw-indent-top{border-top:6px solid #000;top:2px}.mw-indent-bottom{border-bottom:6px solid #000;bottom:2px}.mw-tab{background:#000;width:2px;height:9px;position:absolute;bottom:2px}.mw-tab:before{content:"";border-bottom:4px solid #000;border-left:4px solid #0000;width:0;height:0;position:absolute;bottom:7px;left:-3px}.mw-page{color:#000;background:#fff;max-width:620px;margin:0 auto;padding:50px 60px;font-family:Georgia,Times New Roman,Times,serif;font-size:15px;line-height:1.75}.mw-page h1{text-align:center;margin:0 0 6px;font-family:Silkscreen,monospace;font-size:18px}.mw-page .mw-meta{text-align:center;color:#333;margin:0 0 34px;font-size:13px;font-style:italic}.mw-page h2{text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #000;margin:34px 0 14px;padding-bottom:4px;font-size:15px;font-weight:700}.mw-page p{text-align:justify;margin:0 0 14px}.mw-page ul,.mw-page ol{margin:0 0 18px;padding-left:26px}.mw-page li{margin:0 0 8px}.mw-page strong{font-weight:700}.mw-page em{font-style:italic}@media (width<=700px){.mw-page{padding:32px 22px}}