*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.desktop-shell{color:#e8f2ff;background:radial-gradient(circle at 18% 22%,#38bdf833,#0000 40%),radial-gradient(circle at 85% 12%,#fb718533,#0000 42%),radial-gradient(circle at 10% 90%,#818cf829,#0000 35%),linear-gradient(150deg,#0b1222 0%,#101a31 55%,#11192b 100%);width:100%;min-height:100vh;position:relative;overflow:hidden}.desktop-watermark{z-index:1;pointer-events:none;opacity:.85;position:absolute;top:20px;left:24px}.desktop-watermark h1{letter-spacing:.03em;margin:0;font-size:1.1rem}.desktop-watermark p{color:#e1edffbf;margin-top:6px;font-size:.9rem}.window-frame{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141a28eb;border:1px solid #90aed759;border-radius:12px;flex-direction:column;display:flex;position:absolute;overflow:hidden;box-shadow:0 18px 35px #030a1680}.window-frame.is-maximized{border-radius:0}.window-titlebar{cursor:grab;-webkit-user-select:none;user-select:none;background:linear-gradient(#304165a6,#202d44cc);border-bottom:1px solid #9ab5db47;justify-content:space-between;align-items:center;gap:12px;padding:9px 10px;display:flex}.window-titlebar:active{cursor:grabbing}.window-title{color:#ebf3ff;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.window-controls{gap:6px;display:inline-flex}.window-controls button{color:#f5f9ff;cursor:pointer;background:#7692bc33;border:1px solid #d2e2ff40;border-radius:7px;width:26px;height:24px;font-size:.95rem;line-height:1}.window-controls button:hover{background:#8bacdc4d}.window-controls button.danger:hover{background:#f8717173;border-color:#fecaca80}.window-body{color:#dce7f7;flex:1;padding:14px;overflow:auto}.window-content h2{margin:0 0 10px;font-size:1rem}.window-content ul{margin:0;padding-left:18px;line-height:1.45}.window-content p{margin:0 0 10px;line-height:1.5}.window-content textarea{resize:none;color:#ecf5ff;box-sizing:border-box;width:100%;min-height:130px;font:inherit;background:#090f1db3;border:1px solid #a3c1ed59;border-radius:10px;padding:10px}.window-resize-handle{cursor:nwse-resize;background:linear-gradient(135deg,#0000 0% 45%,#c4dcffb3 45% 56%,#0000 56%);width:18px;height:18px;position:absolute;bottom:0;right:0}.empty-state{text-align:center;background:#121928b3;border:1px solid #90aed759;border-radius:14px;width:min(420px,100% - 40px);padding:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.empty-state h2{margin:0 0 8px}.empty-state p{color:#e6efffcc;margin:0}.window-shelf{z-index:9999;flex-wrap:wrap;gap:10px;display:flex;position:absolute;bottom:14px;left:16px;right:16px}.shelf-item{color:#ebf3ff;cursor:pointer;background:#1a253be0;border:1px solid #9cb4da73;border-radius:999px;padding:6px 12px}.shelf-item:hover{background:#2e4063e6}