html,body,#root{height:100%;margin:0}body{background:linear-gradient(135deg,#e8e3d6,#b9dfe0);font-family:monospace}.app-shell{height:100%}.window{background:#f6f1e8;border:2px solid #333;border-radius:14px;width:420px;margin:50px auto;overflow:hidden;box-shadow:4px 4px #333}.window-top{cursor:move;background:#b9dfe0;border-bottom:2px solid #333;justify-content:space-between;align-items:center;padding:8px;display:flex}.window-tabs{gap:6px;display:flex}.tab{background-color:#aea795;border:2px solid #333;border-bottom:none;border-radius:10px 10px 0 0;padding:4px 10px;transition:background-color .5s ease-out}.tab.active{background-color:#f6f1e8}.window-close{cursor:pointer;background:#f6f1e8;border:2px solid #333;border-radius:50%;width:28px;height:28px}.window-content{padding:16px}