*{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}.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}}