:root{--bg-color:#f4f1ea;--win-bg:silver;--win-blue:navy;--win-blue-light:#1084d0;--text-color:#333;--border-light:#fff;--border-dark:gray;--border-black:#000}*{box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);min-height:100vh;margin:0;padding:0;font-family:MS Pゴシック,MS PGothic,sans-serif;position:relative;overflow:hidden}.top-taskbar{background:var(--win-bg);border-bottom:2px solid var(--border-dark);z-index:1000;align-items:center;width:100%;height:34px;padding:2px 4px;display:flex;position:fixed;top:0;left:0}.start-container{position:relative}.start-btn{align-items:center;gap:5px;height:26px;padding:2px 8px;font-size:.95rem;font-weight:700;display:flex}.start-btn.active{border-top:1px solid var(--border-black);border-left:1px solid var(--border-black);border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light);background:#e0e0e0}.start-icon{width:16px;height:16px}.taskbar-divider{background:var(--border-dark);border-right:1px solid var(--border-light);width:2px;height:20px;margin:0 10px}.taskbar-title{color:#555;font-size:.9rem}.taskbar-spacer{flex-grow:1}.taskbar-clock{background:var(--win-bg);border-top:2px solid var(--border-dark);border-left:2px solid var(--border-dark);border-bottom:2px solid var(--border-light);border-right:2px solid var(--border-light);text-align:center;align-items:center;height:28px;margin-right:5px;padding:2px 8px;font-family:monospace;font-size:.75rem;line-height:1.1;display:flex}.start-menu{background:var(--win-bg);border-top:2px solid var(--border-light);border-left:2px solid var(--border-light);border-right:2px solid var(--border-black);border-bottom:2px solid var(--border-black);z-index:1001;width:280px;display:flex;position:absolute;top:30px;left:0;box-shadow:4px 4px 10px #0003}.start-menu.hidden{display:none}.menu-sidebar{background:linear-gradient(0deg, var(--win-blue), var(--win-blue-light));color:#fff;writing-mode:vertical-rl;letter-spacing:2px;justify-content:flex-end;align-items:center;width:30px;padding-top:10px;font-size:1.1rem;font-weight:700;display:flex;transform:scale(-1)}.menu-sidebar span{transform:scale(-1)}.file-tree-container{background:#fff;flex-grow:1;max-height:400px;padding:10px;overflow-y:auto}.file-tree,.file-tree ul{margin:0;padding-left:15px;font-size:.9rem;line-height:1.8;list-style:none}.file-tree ul{border-left:1px dotted #ccc;margin-left:6px}.file-tree li{position:relative}.folder{cursor:pointer;color:#333;user-select:none;font-weight:700}.folder:hover{background:#e0eaff}.file-tree a{color:var(--win-blue);text-decoration:none;display:block}.file-tree a:hover{background:var(--win-blue);color:#fff}.window-container{background:var(--win-bg);border-top:2px solid var(--border-light);border-left:2px solid var(--border-light);border-right:2px solid var(--border-black);border-bottom:2px solid var(--border-black);width:95%;max-width:900px;height:85vh;max-height:800px;box-shadow:inset -1px -1px 0px var(--border-dark), inset 1px 1px 0px #dfdfdf, 4px 4px 10px #0003;z-index:10;resize:both;flex-direction:column;padding:3px;display:flex;position:absolute;top:50px;left:50%;overflow:hidden;transform:translate(-50%)}.window-container.is-maximized{resize:none;border:none;max-width:none!important;max-height:none!important}.small-window{z-index:20;resize:none;width:300px;max-width:90%;height:auto;top:50%;left:50%;transform:translate(-50%,-50%)}.window-titlebar{background:linear-gradient(90deg, var(--win-blue), var(--win-blue-light));cursor:move;user-select:none;flex-shrink:0;justify-content:space-between;align-items:center;padding:3px 6px;display:flex}.titlebar-text{color:#fff;align-items:center;gap:6px;font-size:.9rem;font-weight:700;display:flex}.title-icon{width:16px;height:16px}.titlebar-controls{gap:2px;display:flex}.win-btn{background:var(--win-bg);border-top:1px solid var(--border-light);border-left:1px solid var(--border-light);border-right:1px solid var(--border-black);border-bottom:1px solid var(--border-black);cursor:pointer}.win-btn:active{border-top:1px solid var(--border-black);border-left:1px solid var(--border-black);border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.control-btn{justify-content:center;align-items:center;width:18px;height:16px;padding:0;font-family:monospace;font-size:11px;font-weight:700;line-height:1;display:flex}.window-body{border-top:2px solid var(--border-dark);border-left:2px solid var(--border-dark);border-right:2px solid var(--border-light);border-bottom:2px solid var(--border-light);background:#fff;flex-grow:1;margin-top:2px;padding:15px;overflow-y:auto}.site-header{border-bottom:2px dashed var(--border-dark);text-align:center;margin-bottom:20px;padding-bottom:15px}.title-wrap{justify-content:center;align-items:center;gap:15px;display:flex}.header-logo{width:48px;height:auto}.site-header h1{color:var(--win-blue);margin:0;font-size:1.5rem}.subtitle{color:#555;margin-top:5px;font-size:.85rem}.main-wrapper{gap:20px;display:flex}.sidebar{border-right:1px solid var(--border-dark);flex-shrink:0;width:180px;padding-right:15px}.box-title{background:var(--win-blue);color:#fff;padding:2px 8px;font-size:.9rem;font-weight:700}.sidebar ul{padding-left:5px;font-size:.95rem;list-style:none}.sidebar ul li{align-items:center;gap:6px;margin-bottom:5px;display:flex}.menu-icon{width:16px;height:16px}.sidebar a{color:var(--win-blue);text-decoration:underline}.sidebar a:hover{color:red}.content{flex-grow:1;min-width:0}.site-footer{border-top:1px solid var(--border-dark);text-align:center;color:#666;margin-top:20px;padding-top:10px;font-size:.8rem}.content h2{border-left:5px solid var(--win-blue);border-bottom:1px solid #ccc;margin-top:0;padding-left:8px;font-size:1.2rem}@media (width<=650px){.window-container{width:98%;height:90vh;top:40px}.main-wrapper{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border-dark);width:100%;padding-bottom:15px;padding-right:0}.sidebar ul{flex-wrap:wrap;gap:10px;padding-left:0;display:flex}}